HarmonyOS 鸿蒙Next UIAbility组件与UI之间的数据同步的方式有哪些?

发布于 1周前 作者 sinazl 来自 鸿蒙OS

HarmonyOS 鸿蒙Next UIAbility组件与UI之间的数据同步的方式有哪些?

基于Stage应用模型,可以通过以下2种方式来实现UIAbility组件与UI之间的数据同步。

使用EventHub进行数据通信

使用EventHub实现UIAbility与UI之间的数据通信需要先获取EventHub对象,详见示例步骤与代码:

1.在UIAbility中调用eventHub.on()方法注册一个自定义事件“event1”,eventHub.on()有如下两种调用方式,使用其中一种即可。

export default class EntryAbility extends UIAbility {
onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
// 获取eventHub
let eventhub = this.context.eventHub;
// 执行订阅操作
eventhub.on(‘event1’, this.eventFunc);
eventhub.on(‘event1’, (data: string) => {
// 触发事件,完成相应的业务操作
});
hilog.info(DOMAIN_NUMBER, TAG, ‘%{public}s’, ‘Ability onCreate’);
}

// … eventFunc(argOne: Context, argTwo: Context): void { hilog.info(DOMAIN_NUMBER, TAG, '1. ’ + ${argOne}, ${argTwo}); return; } }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

2.在UI中通过eventHub.emit()方法触发该事件,在触发事件的同时,根据需要传入参数信息。

import { common } from ‘@kit.AbilityKit’;
import { promptAction } from ‘@kit.ArkUI’;

@Entry @Component struct Page_EventHub { private context = getContext(this) as common.UIAbilityContext;

eventHubFunc(): void { // 不带参数触发自定义“event1”事件 this.context.eventHub.emit(‘event1’); // 带1个参数触发自定义“event1”事件 this.context.eventHub.emit(‘event1’, 1); // 带2个参数触发自定义“event1”事件 this.context.eventHub.emit(‘event1’, 2, ‘test’); // 开发者可以根据实际的业务场景设计事件传递的参数 }

build() { Column() { // … List({ initialIndex: 0 }) { ListItem() { Row() { // … } .onClick(() => { this.eventHubFunc(); promptAction.showToast({ message: ‘EventHubFuncA’ }); }) }

    <span class="hljs-comment">// ...</span>
    ListItem() {
      Row() {
        <span class="hljs-comment">// ...</span>
      }
      .onClick(() =&gt; {
        <span class="hljs-keyword">this</span>.context.eventHub.off(<span class="hljs-string">'event1'</span>);
        promptAction.showToast({
          message: <span class="hljs-string">'EventHubFuncB'</span>
        });
      })
    }
    <span class="hljs-comment">// ...</span>
  }
  <span class="hljs-comment">// ...</span>
}
<span class="hljs-comment">// ...</span>

} }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

3.在UIAbility的注册事件回调中可以得到对应的触发事件结果,运行日志结果如下所示。

[Example].[Entry].[EntryAbility] 1. []
[Example].[Entry].[EntryAbility] 1. [1]
[Example].[Entry].[EntryAbility] 1. [2,“test”]<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

4.在自定义事件“event1”使用完成后,可以根据需要调用eventHub.off()方法取消该事件的订阅。

import { UIAbility } from ‘@kit.AbilityKit’;

export default class EntryAbility extends UIAbility { // … onDestroy(): void { this.context.eventHub.off(‘event1’); } }<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

使用AppStorage/LocalStorage进行数据同步

ArkUI提供了AppStorageLocalStorage两种应用级别的状态管理方案,可用于实现应用级别和UIAbility级别的数据同步。使用这些方案可以方便地管理应用状态,提高应用性能和用户体验。其中,AppStorage是一个全局的状态管理器,适用于多个UIAbility共享同一状态数据的情况;而LocalStorage则是一个局部的状态管理器,适用于单个UIAbility内部使用的状态数据。通过这两种方案,开发者可以更加灵活地控制应用状态,提高应用的可维护性和可扩展性。详细请参见应用级变量的状态管理

参考文章:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/uiability-data-sync-with-ui-V13


更多关于HarmonyOS 鸿蒙Next UIAbility组件与UI之间的数据同步的方式有哪些?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于HarmonyOS 鸿蒙Next UIAbility组件与UI之间的数据同步的方式有哪些?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙中,Next UIAbility组件与UI之间的数据同步主要通过以下几种方式实现:

  1. 全局状态管理:利用系统提供的全局状态管理工具(如DataAbility),可以跨组件、跨页面共享和同步数据。通过读写数据库或文件系统,UI组件可以实时获取或更新数据状态。

  2. 事件总线机制:采用事件总线(EventBus)模式,UI组件可以发布和订阅特定事件,当事件发生时,所有订阅了该事件的组件都会收到通知,从而实现数据同步。

  3. 服务绑定与通信:通过Service和Binder机制,UI组件可以与后台服务进行绑定和通信,服务可以持有数据并提供数据访问接口,UI组件通过调用服务接口实现数据同步。

  4. 跨组件通信:利用鸿蒙提供的IPC(Inter-Process Communication)机制,如Intent和Message,UI组件可以发送携带数据的消息给目标组件,目标组件接收到消息后更新UI,实现数据同步。

  5. 共享内存:在特定场景下,可以通过共享内存的方式实现高效的数据同步,但这种方式需要小心处理数据一致性和访问权限问题。

如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部