#鸿蒙通关秘籍#如何在ArkUI中使用makeObserved处理Sendable数据？

要在ArkUI中从子线程获取Sendable类型的数据并使其对UI变化可观察，可以使用UIUtils.makeObserved。这个函数在接收@Sendable类型的数据后，赋予了它观察能力，能触发UI的自动刷新。下面的代码展示了如何实现这一功能：

typescript import { taskpool } from '@kit.ArkTS'; import { SendableData } from './SendableData'; import { UIUtils } from '@kit.ArkUI';

@Concurrent function threadGetData(param: string): SendableData { let ret = new SendableData(); console.info(Concurrent threadGetData, param ${param}); ret.name = param + "-o"; ret.age = Math.floor(Math.random() * 40); ret.likes = Math.floor(Math.random() * 100); return ret; }

@Entry @ComponentV2 struct Index { @Local send: SendableData = UIUtils.makeObserved(new SendableData());

build() { Column() { Text(this.send.name) Button("change name").onClick(() => { this.send.name += "0"; })

  Button("task").onClick(() => {
    taskpool.execute(threadGetData, this.send.name).then(val => {
      this.send = UIUtils.makeObserved(val as SendableData);
    })
  })
}

} }

通过这个例子，数据在子线程中处理，并传回主UI线程，由UIUtils.makeObserved使数据变为可观察对象。