#鸿蒙通关秘籍#如何在ArkUI应用中从子线程返回数据并更新UI？

在鸿蒙系统的ArkUI中，能够在子线程中处理数据，并在更新UI时做到线程安全。使用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);
    })
  })
}

} }

这个方案确保了数据在子线程的处理结果可以通过makeObserved在UI线程中被观察，从而做到数值变化时UI同步更新。