最受欢迎的三方库之EventBus
2025-06-24 22:31:35
146次阅读
0个评论
最后修改时间:2025-07-20 15:46:12
EventBus
🏆简介与推荐
EventBus 消息总线,支持Sticky,支持跨APP广播。
harmony-utils 一款功能丰富且极易上手的HarmonyOS工具库,借助众多实用工具类,致力于助力开发者迅速构建鸿蒙应用。
🌞下载安装
ohpm i @nutpi/eventbus
OpenHarmony ohpm 环境配置等更多内容,请参考如何安装 OpenHarmony ohpm 包
📚API详解
EventBus方法 | 介绍 |
---|---|
on | 注册事件监听 |
once | 注册单次事件监听 |
off | 注销事件监听 |
offAll | 注销所有事件监听 |
post | 发布普通消息 |
postSticky | 发布粘性消息 |
postApp | 发布跨App消息 |
getSticky | 获取粘性事件数据 |
removeSticky | 移除粘性事件 |
📚示例代码
//注册事件监听
EventBus.on('id', (id: string) => {
ToastUtil.showToast(`ID: ${id}`);
});
//注册单次事件监听
EventBus.once('id', (id: string) => {
ToastUtil.showToast(`单次ID: ${id}`);
});
//发布普通消息
EventBus.post('id', '100001200');
//发布粘性消息
EventBus.postSticky('id', '100001201');
//发布跨App消息
EventBus.postApp('id', '100001202');
//获取粘性事件数据
let sticky = EventBus.getSticky('id');
ToastUtil.showToast(`粘性事件数据:${sticky}`);
//移除粘性事件
EventBus.removeSticky('id');
ToastUtil.showToast(`移除粘性事件成功!`);
//注销事件监听
EventBus.off('id');
//注销所有事件监听
EventBus.offAll();
示例代码
import { router } from '@kit.ArkUI';
import { TitleBarView } from '../../component/TitleBarView';
import { DescribeBean } from '../../model/DescribeBean';
import { EventBus } from '@nutpi/eventbus';
import { ToastUtil } from '@pura/harmony-utils';
import { DialogHelper } from '@pura/harmony-dialog';
/**
* @nutpi/eventbus,使用案例
*/
@Entry
@ComponentV2
export struct EventBusPage {
private scroller: Scroller = new Scroller();
@Local describe: DescribeBean = router.getParams() as DescribeBean;
@Local txtStr: string = "";
build() {
Column() {
TitleBarView({ describe: this.describe })
Divider()
Scroll(this.scroller) {
Column({ space: 5 }) {
Button("on()")
.btnStyle()
.onClick(() => {
//注册事件监听
EventBus.on('id', (id: string) => {
DialogHelper.showAlertDialog({
autoCancel: false,
backCancel: false,
content: `ID: ${id}`,
primaryButton: '已收到',
onAction: (action, id) => {
DialogHelper.closeDialog(id);
}
});
});
ToastUtil.showToast(`注册事件监听成功!`);
})
Button("once()")
.btnStyle()
.onClick(() => {
//注册单次事件监听
EventBus.once('id', (id: string) => {
DialogHelper.showAlertDialog({
autoCancel: false,
backCancel: false,
content: `单次ID: ${id}`,
primaryButton: '已收到',
onAction: (action, id) => {
DialogHelper.closeDialog(id);
}
});
});
ToastUtil.showToast(`注册单次事件监听成功!`);
})
Button("post()")
.btnStyle()
.onClick(() => {
EventBus.post('id', '100001200');
ToastUtil.showToast(`发布普通消息!`);
})
Button("postSticky()")
.btnStyle()
.onClick(() => {
EventBus.postSticky('id', '100001201');
ToastUtil.showToast(`发布粘性消息!`);
})
Button("getSticky()")
.btnStyle()
.onClick(() => {
let sticky = EventBus.getSticky('id');
ToastUtil.showToast(`粘性事件数据:${sticky}`);
})
Button("removeSticky()")
.btnStyle()
.onClick(() => {
EventBus.removeSticky('id');
ToastUtil.showToast(`移除粘性事件成功!`);
})
Button("postApp()")
.btnStyle()
.onClick(() => {
EventBus.postApp('id', '100001202');
ToastUtil.showToast(`发布跨App消息!`);
})
Button("off()")
.btnStyle()
.onClick(() => {
//注销事件监听
EventBus.off('id');
ToastUtil.showToast(`注销事件监听!`);
})
Button("offAll()")
.btnStyle()
.onClick(() => {
//注销所有事件监听
EventBus.offAll();
ToastUtil.showToast(`注销所有事件监听!`);
})
Blank().layoutWeight(1)
}
.margin({ top: 5, bottom: 5 })
}
.layoutWeight(1)
}
.width('100%')
.height('100%')
.backgroundColor($r('app.color.main_background'))
}
}
@Styles
function btnStyle() {
.width('90%')
.margin({ top: 10, bottom: 5 })
}
🍎沟通与交流🙏
使用过程中发现任何问题都可以提 Issue给我们;
当然,我们也非常欢迎你给我们发 PR 。
🌏开源协议
本项目基于 Apache License 2.0 ,在拷贝和借鉴代码时,请大家务必注明出处。
00