实现安全隐私弹窗鸿蒙示例代码

本文原创发布在华为开发者社区。

介绍

本示例基于Navigation和GridRow组件实现安全隐私弹窗。应用首次进入时，会有弹窗请求安全隐私信息，用户可点击对应的隐藏协议跳转到对应隐藏协议的详情页面。从详情页面返回时，安全隐私的弹窗依然存在，用户可以继续进行授权/查看的操作。

实现安全隐私弹窗源码链接

效果预览

使用说明

首页点击“按钮”，弹出安全隐私弹窗，点击“确定”，跳转到安全隐私详情页面，在返回之后，安全隐私的弹窗依然存在，用户可以继续进行操作。

实现思路

将安全隐私弹窗放在GridCol栅格子组件中，通过Visibility.Visible显示隐私弹窗。点击“取消”按钮时，通过Visibility.None接口隐藏隐私弹窗，点击“确定”按钮时，通过Navigation跳转到安全隐私详情界面。核心代码如下，源码参考DialogJumpRetained.ets 。

Text('安全隐私').fontSize(20).margin({ top: 10, bottom: 10 })
        Text('是否跳转到隐私详情页面?').fontSize(16).margin({ bottom: 10 })
        Flex({ justifyContent: FlexAlign.SpaceAround }) {
          Button('取消')
            .onClick(() => {
              if (this.visible === Visibility.Visible) {
                this.visible = Visibility.None
              } else {
                this.visible = Visibility.Visible
              }

            }).backgroundColor(0xffffff).fontColor(Color.Black)
          Button('确定')
            .onClick(() => {
              this.pageInfo.pushPath({ name:'pageTwo' })
            }).backgroundColor(0xffffff).fontColor(Color.Red)
        }.margin({ bottom: 10 })