鸿蒙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

相关文章

Vue和React受控组件的区别小结

《Vue和React受控组件的区别小结》本文主要介绍了Vue和React受控组件的区别小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学... 目录背景React 的实现vue3 的实现写法一:直接修改事件参数写法二:通过ref引用 DOMVu

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

使用docker搭建嵌入式Linux开发环境

《使用docker搭建嵌入式Linux开发环境》本文主要介绍了使用docker搭建嵌入式Linux开发环境,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录1、前言2、安装docker3、编写容器管理脚本4、创建容器1、前言在日常开发全志、rk等不同

Python实战之SEO优化自动化工具开发指南

《Python实战之SEO优化自动化工具开发指南》在数字化营销时代,搜索引擎优化(SEO)已成为网站获取流量的重要手段,本文将带您使用Python开发一套完整的SEO自动化工具,需要的可以了解下... 目录前言项目概述技术栈选择核心模块实现1. 关键词研究模块2. 网站技术seo检测模块3. 内容优化分析模

MySQL的配置文件详解及实例代码

《MySQL的配置文件详解及实例代码》MySQL的配置文件是服务器运行的重要组成部分,用于设置服务器操作的各种参数,下面:本文主要介绍MySQL配置文件的相关资料,文中通过代码介绍的非常详细,需要... 目录前言一、配置文件结构1.[mysqld]2.[client]3.[mysql]4.[mysqldum

基于Java开发一个极简版敏感词检测工具

《基于Java开发一个极简版敏感词检测工具》这篇文章主要为大家详细介绍了如何基于Java开发一个极简版敏感词检测工具,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录你是否还在为敏感词检测头疼一、极简版Java敏感词检测工具的3大核心优势1.1 优势1:DFA算法驱动,效率提升10

Python开发简易网络服务器的示例详解(新手入门)

《Python开发简易网络服务器的示例详解(新手入门)》网络服务器是互联网基础设施的核心组件,它本质上是一个持续运行的程序,负责监听特定端口,本文将使用Python开发一个简单的网络服务器,感兴趣的小... 目录网络服务器基础概念python内置服务器模块1. HTTP服务器模块2. Socket服务器模块

Python用Flask封装API及调用详解

《Python用Flask封装API及调用详解》本文介绍Flask的优势(轻量、灵活、易扩展),对比GET/POST表单/JSON请求方式,涵盖错误处理、开发建议及生产环境部署注意事项... 目录一、Flask的优势一、基础设置二、GET请求方式服务端代码客户端调用三、POST表单方式服务端代码客户端调用四

Java Stream流以及常用方法操作实例

《JavaStream流以及常用方法操作实例》Stream是对Java中集合的一种增强方式,使用它可以将集合的处理过程变得更加简洁、高效和易读,:本文主要介绍JavaStream流以及常用方法... 目录一、Stream流是什么?二、stream的操作2.1、stream流创建2.2、stream的使用2.

MySQL慢查询工具的使用小结

《MySQL慢查询工具的使用小结》使用MySQL的慢查询工具可以帮助开发者识别和优化性能不佳的SQL查询,本文就来介绍一下MySQL的慢查询工具,具有一定的参考价值,感兴趣的可以了解一下... 目录一、启用慢查询日志1.1 编辑mysql配置文件1.2 重启MySQL服务二、配置动态参数(可选)三、分析慢查