鸿蒙HarmonyOS 5.0开发实战：用户隐私协议实现案例

最新推荐文章于 2025-03-07 14:51:01 发布

炫酷盖茨猫先生

最新推荐文章于 2025-03-07 14:51:01 发布

阅读量416

点赞数 3

分类专栏：鸿蒙5.0开发鸿蒙应用开发案例文章标签： harmonyos 华为 android ArkUI ArkTS 鸿蒙系统前端

本文链接：https://blog.csdn.net/m0_73088370/article/details/145137737

版权

鸿蒙5.0开发同时被 2 个专栏收录

909 篇文章

订阅专栏

鸿蒙应用开发案例

184 篇文章

订阅专栏

往期鸿蒙5.0全套实战文章必看：（文中附带鸿蒙5.0全栈学习资料）

用户隐私协议案例

介绍

本示例介绍使用web组件加载用户协议、隐私协议等场景。该场景多用于应用类协议展示。

效果图预览

使用说明

点击主页右上角三条横线按钮打开侧边sidebar。
点击sidebar中一个按钮跳转到案例页面加载对应点击的协议内容。

实现思路

通过resourceManager获取资源的value并使用appStorage暂存。

  Button($r('app.string.privacy_agreement'))
    .width('100%')
    .backgroundColor(Color.White)
    .fontColor(Color.Black)
    .onClick(() => {
      animateTo({
        duration: 300
      }, () => {
        this.sideBarIsShow = false;
      })
      let context = getContext() as common.UIAbilityContext
      context.resourceManager.getStringValue($r('app.string.privacy_agreement')).then((data) => {
        AppStorage.setOrCreate('agreementTitle', data)
        FoldableRouter.pushUri('privacyagreement/PrivacyAgreementComponent', '');
      })
    })

2.通过appStorage暂存的值匹配需要加载的协议地址，通过web组件加载对应html页面。

@Component
export struct PrivacyAgreement {
  @State webUri: string = '';
  webController: WebviewController = new webview.WebviewController();

  aboutToAppear(): void {
    let titleName: string | undefined = AppStorage.get('agreementTitle');
    for (let i = 0; i < agreementDataArr.length; i++) {
      if (agreementDataArr[i].name === titleName) {
        this.webUri = agreementDataArr[i].uri;
      }
    }
  }

  build() {
    Column() {
      Web({ src: agreementDataArr[0].uri, controller: this.webController })
        .width('100%')
        .height('100%')
    }
    .width('100%')
    .height('100%')
  }
}

高性能知识点

不涉及

工程结构&模块类型

privacyagreement                                // har类型(默认使用har类型，如果使用hsp类型请说明原因)
|---components
|   |---PrivacyAgreement.ets                    // 视图层-协议加载页面