鸿蒙emitter 订阅事件封装 EmitterUtils

适用于api11 和api12 废话不多说,直接上代码

复制代码
import emitter from '@ohos.events.emitter';
import { StringUtils } from '@ohos/flutter_ohos';

export  class EmitterUtils{


  /**
   * 发射字符串类型的
   * @param eventId
   * @param data
   */
  public  static sendEvent(eventId:string,data:string=''){
    let eventData: emitter.EventData = {
      data: {
        "content": data,
      }
    };
    let options: emitter.Options = {
      priority: emitter.EventPriority.HIGH
    };
    emitter.emit(eventId, options, eventData);
  }
  /**
   * 发送一个object ,并将eventId 带过去
   * @param eventId
   * @param data
   */
  public  static sendObjetEvent(eventId:string,data:object){
    let eventData: emitter.EventData = {
      data: {
        "content": data,
        "eventId":eventId
      }
    };
    let options: emitter.Options = {
      priority: emitter.EventPriority.HIGH
    };
    emitter.emit(eventId, options, eventData);
  }
  /**
   * 监听string
   * @param eventId
   * @param onReceive
   */
  public static listenString(eventId:string,onReceive:(content:string)=>void){
    // 收到eventId为"eventId"的事件后执行回调函数
    emitter.on(eventId, (data:emitter.EventData) => {
      let content:string=data.data?.content;
      if(StringUtils.isNotEmpty(content)){
        onReceive(content)
      }
    });
  }
  /**
   * 监听对象
   * @param eventId
   * @param onReceive
   */
  public static listen(eventId:string,onReceive:(data:emitter.EventData)=>void){
    // 收到eventId为"eventId"的事件后执行回调函数
    emitter.on(eventId, (data:emitter.EventData) => {
      onReceive(data)
    });
  }
  /**
   * 取消eventID的所有事件回调处理函数
   * @param ventId
   */
  public  static  closeEvent(ventId:string){
    emitter.off(ventId);
  }

}

发送字符类型

复制代码
EmitterUtils.sendEvent(EmitterIdConstants.TAB_DASHBOARD_NO_TITLE_DATA,"noTitle")

接收字符串类型

复制代码
EmitterUtils.listenString(EmitterIdConstants.TAB_DASHBOARD_NO_TITLE_DATA, (content: string) => {
      if (StringUtils.isNotEmpty(content)) {
        //...todo...
      }
    })

发送对象类型

复制代码
let data= await this.fetchKnowledgeTitles();
let map = new Map<string, object>();
map.set("titleList", data ? data.result || [] : []);
EmitterUtils.sendObjetEvent(EmitterIdConstants.GET_TITLE_LIST,map)

接收对象类型

复制代码
EmitterUtils.listen(EmitterIdConstants.GET_TITLE_LIST, (data: emitter.EventData) => {
      if (data.data != null){
        try {
          let map = data.data?.content as Map<string, Object>
        } catch (e) {
        }
      }
    })

销毁这个订阅

复制代码
 aboutToDisappear(): void {
    EmitterUtils.closeEvent(EmitterIdConstants.ON_HOME_TAB_CLICK)
  }

上面 EmitterIdConstants 是你起的事件常量名字

复制代码
export class EmitterIdConstants{
  static readonly ON_HOME_TAB_CLICK = 'home_tab_click';
  static readonly GET_TITLE_LIST = 'get_title_list'; //title List
 ........
}
相关推荐
盐焗西兰花9 小时前
鸿蒙学习实战之路-Reader Kit修改翻页方式字体大小及行间距最佳实践
学习·华为·harmonyos
lbb 小魔仙12 小时前
【HarmonyOS实战】React Native 表单实战:在 OpenHarmony 上构建高性能表单
react native·华为·harmonyos
Lee_xiaoming13 小时前
ArkTS基础语法 | (1)基本知识
arkts
一只大侠的侠15 小时前
React Native开源鸿蒙跨平台训练营 Day16自定义 useForm 高性能验证
flutter·开源·harmonyos
早點睡39016 小时前
高级进阶 React Native 鸿蒙跨平台开发:@react-native-community-slider 滑块组件
react native·react.js·harmonyos
一只大侠的侠16 小时前
Flutter开源鸿蒙跨平台训练营 Day11从零开发商品详情页面
flutter·开源·harmonyos
一只大侠的侠17 小时前
React Native开源鸿蒙跨平台训练营 Day18自定义useForm表单管理实战实现
flutter·开源·harmonyos
一只大侠的侠17 小时前
React Native开源鸿蒙跨平台训练营 Day20自定义 useValidator 实现高性能表单验证
flutter·开源·harmonyos
听麟18 小时前
HarmonyOS 6.0+ 跨端智慧政务服务平台开发实战:多端协同办理与电子证照管理落地
笔记·华为·wpf·音视频·harmonyos·政务
前端世界18 小时前
从单设备到多设备协同:鸿蒙分布式计算框架原理与实战解析
华为·harmonyos