【HarmonyOS第一课：运动健康实战】健康生活之UI设计

最新推荐文章于 2025-12-14 18:26:56 发布

原创

最新推荐文章于 2025-12-14 18:26:56 发布 · 373 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#华为

本文介绍了在devstudio3.1β2中利用UI设计实现开机闪屏和广告页面的生命周期管理。通过aboutToAppear和aboutToDisappear函数控制开屏广告的展示，并展示了低代码设计主页面和组件的过程。同时，文章讨论了数据库操作，使用rdb进行数据存储，并提供了健康应用的数据库访问组件封装。最后，分享了作品在华为专区的应用。

1 devstudio3.1β2新特性之UI

1.1 开机闪屏（包括深恶痛觉的开屏广告）

开机闪屏的原理是程序启动时展示页面，用来后台加载数据，数据加载完毕后自动消失，不过后来发展为展示第三方广告。

声明周期函数aboutToAppear在创建自定义组件的新实例后，在执行其build()函数之前执行。允许在aboutToAppear函数中改变状态变量，更改将在后续执行build()函数中生效。aboutToDisappear函数在自定义组件析构销毁之前执行。使用这两个函数可以完成展示页面生成前的判断和展示后的自动销毁。如在aboutToAppear中加入判断，会员跳广告^_^。具体代码如下：

页面生命周期函数aboutToAppear：

 aboutToAppear() {
    let preferences = data_preferences.getPreferences(this.context, H_STORE);
    preferences.then((res) => {
      res.get(IS_PRIVACY, false).then((isPrivate) => {
        if (isPrivate === true) {
          this.jumpAdPage();
        } else {
          this.dialogController.open();
        }
      });
    });
  }复制

生命周期页面销毁函数aboutToDisappear：

  aboutToDisappear() {
    clearTimeout();
  }复制

1.2 广告页面设计

根据国家要求，设计一个跳过广告连接，倒计时5s内退出广告展示，当然狠一点的话还可以设计摇一摇、误触的导流方式，不过用户体验很差就

最低0.47元/天解锁文章