鸿蒙HarmonyOS NEXT之无感监听

鸿蒙中存在一些无感监听,这些监听经过系统API封装使用很简单,但是对实际业务开发中有很重要,例如埋点业务、数据统计、行为上报、切面拦截等。

在鸿蒙中Navigation被用来作为路由栈进行页面跳转,如果你想知道页面的路由栈,以及前后切换的页面,可以通过官方提供的无感监听的页面切换navDestinationSwitch。

plain 复制代码
  private _navDestinationListener() {
    this.uiContext?.getUIObserver()
      .on('navDestinationSwitch', (info: uiObserver.NavDestinationSwitchInfo) => {
        let to = info.to;
        if (to != 'navBar') {
          let navName = `${to.name.toString()}#${to.navDestinationId}`;
        }
      });
  }
plain 复制代码
    this.uiContext?.getUIObserver().off('navDestinationSwitch');

点击事件的监听

通过对系统控件设置customProperty,可以通过didClick进行点击事件拦截,相当于对全部的系统控件可以hook处理。

plain 复制代码
  @Builder
  TabBuilder(index: number, controller: TabsController) {
    Column() {
      this.CanvasComponent(index, this.getCanvasRenderingContext())
    }
    .onClick(() => {
    }).layoutWeight(1)
    .customProperty('customPropertyKey', 'value')
  }
plain 复制代码
 private _didClickListener() {
    this.uiContext?.getUIObserver().on('didClick', (event: GestureEvent, frameNode?: FrameNode) => {
      if (frameNode == null) {
        return;
      }
       frameNode.getCustomProperty('customPropertyKey')
    });
  }
plain 复制代码
    this.uiContext?.getUIObserver().off('didClick');

监听TabContent页面的切换事件

在鸿蒙中页签Tabs控件的使用频率比较高,如果想知道哪个子TabContent被点击了,就可以使用监听TabContent页面的切换事件。

plain 复制代码
 private _tabContentUpdateListener() {
    this.uiContext?.getUIObserver().on('tabContentUpdate', (info: uiObserver.TabContentInfo) => {
      if (info.state != uiObserver.TabContentState.ON_SHOW) {
        return;
      }
      this._handleContentUpdateEvent(info.id, info.uniqueId, info.index, info.tabContentUniqueId, true);
      let frameNode = this.uiContext?.getFrameNodeByUniqueId(info.tabContentUniqueId);
    });
  }
plain 复制代码
    this.uiContext?.getUIObserver().off('tabContentUpdate');

![](https://i-blog.csdnimg.cn/img_convert/19cb50e8b0bf17ea2a72d203739ce9cc.png)

Aspect插桩能力

Aspect类用于封装提供切面能力(Aspect Oriented Programming,简写AOP)的接口,这些接口可以用来对类方法进行前后插桩或者替换实现。

在指定的类对象的原方法执行前插入一个函数。addBefore接口执行完成后,都会先执行插入的函数逻辑,再执行指定类对象的原方法。

在指定的类方法执行后插入一段逻辑。最终返回值是插入函数执行后的返回值。

通过插桩处理,在弹框前后做一些逻辑,例如在弹框前后设置变量,就可以判断弹框是否有触发。

plain 复制代码
 util.Aspect.addBefore(CustomDialogController, 'open', false, () => {
      AppStorage.setOrCreate(BusinessUseConstant.CUSTOMDIALOG_ISOPEN, true)
    });
    util.Aspect.addBefore(CustomDialogController, 'close', false, () => {
      AppStorage.setOrCreate(BusinessUseConstant.CUSTOMDIALOG_ISOPEN, false)
    });
相关推荐
yuanlaile7 分钟前
Flutter开发HarmonyOS鸿蒙App商业项目实战已出炉
flutter·华为·harmonyos
cooldream200943 分钟前
【案例实战】智能出行导航助手HarmonyOS 开发全流程复盘
华为·harmonyos
CodeCaptain44 分钟前
可直接落地的「Flutter 桥接鸿蒙 WebSocket」端到端实施方案
websocket·flutter·harmonyos
猫林老师1 小时前
HarmonyOS图形图像处理与OpenGL ES实战
harmonyos
白鹿第一帅1 小时前
【成长纪实】星光不负 码向未来|我的 HarmonyOS 学习之路与社区成长故事
harmonyos·白鹿第一帅·成都ug社区·csdn成都站·鸿蒙开放能力·鸿蒙学习之路·鸿蒙第一课
数字化顾问1 小时前
(122页PPT)华为初级项目管理培训(附下载方式)
华为
俩毛豆1 小时前
【页面路由导航】三步实现页面跳转的完整示例
前端·harmonyos
羑悻的小杀马特3 小时前
探秘仓颉:当函数式编程遇见面向对象王国,当协程风暴席卷并发荒原——从基础语法到实战测试联动的多维编程奇遇记
华为·harmonyos·仓颉·仓颉征文·个人感受·标准库源码·语法剖析
LucianaiB3 小时前
【案例实战】基于分布式能力的跨设备任务协同应用开发
harmonyos·鸿蒙·1024程序员节·案例实战
摘星编程16 小时前
【成长纪实】HarmonyOS Next学习地图:新手避坑指南与核心知识点拆解
学习·华为·harmonyos·鸿蒙开发