鸿蒙OS开发实例:【工具类封装-emitter组件间通信】

2024-03-28 03:28

本文主要是介绍鸿蒙OS开发实例:【工具类封装-emitter组件间通信】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 import Emitter from '@ohos.events.emitter'; import pasteboard from '@ohos.pasteboard';

MyEmitterUtil 是一个针对 HarmonyOS 的事件驱动编程封装类,主要用于组件间的通信和数据传递。

使用要求:

  • DevEco Studio 3.1.1 Release 或更高版本
  • API 版本:api 9 或更高

示例用法:

  1. 父组件绑定、解绑、向子组件发送事件:

    aboutToAppear() {this.myEmitterUtil.onFather((eventData: EmitterData) => {console.info('父组件监听结果: ', JSON.stringify(eventData));// 判断事件类型并执行相应操作...});
    }aboutToDisappear() {this.myEmitterUtil.offFather();}// 向子组件发送事件this.myEmitterUtil.emitChild(MyEmitterUtil.UPDATE_DETAIL, "携带的测试数据");
  2. 子组件绑定、解绑、向父组件发送事件:

   aboutToAppear() {this.myEmitterUtil.onChild((eventData: EmitterData) => {console.info('子组件监听结果: ', JSON.stringify(eventData));// 判断事件类型并执行相应操作...});}aboutToDisappear() {this.myEmitterUtil.offChild();}// 向父组件发送事件this.myEmitterUtil.emitFather(MyEmitterUtil.UPDATE_LIST, "测试");this.myEmitterUtil.emitFather(MyEmitterUtil.UPDATE_LIST_2, "测试2");
鸿蒙OS开发更多内容↓点击HarmonyOS与OpenHarmony技术
鸿蒙技术文档开发知识更新库gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md在这。或+mau123789学习,是v喔

搜狗高速浏览器截图20240326151547.png

参考文档:

请查阅 HarmonyOS 开发文档了解详细信息。

export class MyEmitterUtil {private static readonly LOG_TAG = 'MyEmitterUtil';private static EVENT_ID_COUNTER: number = 0; // 自动递增,生成唯一的事件IDprivate readonly eventIdFather: number;private readonly eventIdChild: number;constructor() {this.eventIdFather = MyEmitterUtil.EVENT_ID_COUNTER++;this.eventIdChild = MyEmitterUtil.EVENT_ID_COUNTER++;console.info(`事件ID(父组件): ${this.eventIdFather}`);console.info(`事件ID(子组件): ${this.eventIdChild}`);}// 定义业务状态标识常量static readonly UPDATE_LIST = "UPDATE_LIST";static readonly UPDATE_LIST_2 = "UPDATE_LIST_2";static readonly UPDATE_DETAIL = "UPDATE_DETAIL";/*** 在组件的`aboutToAppear`生命周期钩子中调用,监听父组件事件* @param callback 事件回调函数,接受一个`EmitterData`对象作为参数*/onFather(callback: (eventData: EmitterData) => void) {Emitter.on({ eventId: this.eventIdFather }, (event) => {if (callback) {callback(new EmitterData(event.data.flag, event.data.data));}});}/*** 在组件的`aboutToDisappear`生命周期钩子中调用,解除父组件事件监听*/offFather() {Emitter.off(this.eventIdFather);}/*** 在组件的`aboutToAppear`生命周期钩子中调用,监听子组件事件* @param callback 事件回调函数,接受一个`EmitterData`对象作为参数*/onChild(callback: (eventData: EmitterData) => void) {Emitter.on({ eventId: this.eventIdChild }, (event) => {if (callback) {callback(new EmitterData(event.data.flag, event.data.data));}});}/*** 在组件的`aboutToDisappear`生命周期钩子中调用,解除子组件事件监听*/offChild() {Emitter.off(this.eventIdChild);}/*** 向父组件发送事件* @param flag 事件类型标识* @param data 事件携带的数据*/emitFather(flag: string, data: string) {Emitter.emit({ eventId: this.eventIdFather, priority: Emitter.EventPriority.IMMEDIATE },{ data: { flag, data } });}/*** 向子组件发送事件* @param flag 事件类型标识* @param data 事件携带的数据*/emitChild(flag: string, data: string) {Emitter.emit({ eventId: this.eventIdChild, priority: Emitter.EventPriority.IMMEDIATE },{ data: { flag, data } });}
}/*** 用于封装事件数据的类*/
export class EmitterData {flag: string = "";data: string = "";constructor(flag: string, data: string) {this.flag = flag;this.data = data;}
}/*** 获取剪贴板内容的辅助函数*/
export async function getPasteboardContent(): Promise<void> {try {const systemPasteboard = pasteboard.getSystemPasteboard();const pasteData = await systemPasteboard.getData();const text = pasteData.getPrimaryText();console.info('剪贴板内容: ', text);} catch (e) {console.error('获取剪贴板内容失败: ', JSON.stringify(e));}
}

鸿蒙知识持续更新中,关注我点赞不迷路喔!

这篇关于鸿蒙OS开发实例:【工具类封装-emitter组件间通信】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/854312

相关文章

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

C# WinForms存储过程操作数据库的实例讲解

《C#WinForms存储过程操作数据库的实例讲解》:本文主要介绍C#WinForms存储过程操作数据库的实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、存储过程基础二、C# 调用流程1. 数据库连接配置2. 执行存储过程(增删改)3. 查询数据三、事务处

springboot security验证码的登录实例

《springbootsecurity验证码的登录实例》:本文主要介绍springbootsecurity验证码的登录实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录前言代码示例引入依赖定义验证码生成器定义获取验证码及认证接口测试获取验证码登录总结前言在spring

SpringBoot中封装Cors自动配置方式

《SpringBoot中封装Cors自动配置方式》:本文主要介绍SpringBoot中封装Cors自动配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot封装Cors自动配置背景实现步骤1. 创建 GlobalCorsProperties

tomcat多实例部署的项目实践

《tomcat多实例部署的项目实践》Tomcat多实例是指在一台设备上运行多个Tomcat服务,这些Tomcat相互独立,本文主要介绍了tomcat多实例部署的项目实践,具有一定的参考价值,感兴趣的可... 目录1.创建项目目录,测试文China编程件2js.创建实例的安装目录3.准备实例的配置文件4.编辑实例的

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,:本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV: 关于颜色总是要转HSV的掩膜再标注总结 目标:将红色的部分滤

使用Java实现通用树形结构构建工具类

《使用Java实现通用树形结构构建工具类》这篇文章主要为大家详细介绍了如何使用Java实现通用树形结构构建工具类,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录完整代码一、设计思想与核心功能二、核心实现原理1. 数据结构准备阶段2. 循环依赖检测算法3. 树形结构构建4. 搜索子

利用Python开发Markdown表格结构转换为Excel工具

《利用Python开发Markdown表格结构转换为Excel工具》在数据管理和文档编写过程中,我们经常使用Markdown来记录表格数据,但它没有Excel使用方便,所以本文将使用Python编写一... 目录1.完整代码2. 项目概述3. 代码解析3.1 依赖库3.2 GUI 设计3.3 解析 Mark

Vue中组件之间传值的六种方式(完整版)

《Vue中组件之间传值的六种方式(完整版)》组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用,针对不同的使用场景,如何选择行之有效的通信方式... 目录前言方法一、props/$emit1.父组件向子组件传值2.子组件向父组件传值(通过事件形式)方