鸿蒙开发 设置自定义手势密码进行解锁案例

文章目录

• • 概要与整体效果
  • 技术名词解释
  • 整体架构流程
  • 源码

概要与整体效果

通过PatternLock图案密码锁组件与if语句进行判断。

效果:

                   

技术名词解释

• PatternLock ：图案密码锁组件，以九宫格图案的方式输入密码，用于密码验证场景。
• ​​​​​​PatternLock-基础组件-组件参考（基于ArkTS的声明式开发范式）-ArkTS API参考 | 华为开发者联盟 (huawei.com)
• router ：在应用程序中实现不同页面之间的跳转和数据传递。
• 页面路由（router）-设置页面路由和组件导航-基于ArkTS的声明式开发范式-UI开发-开发 | 华为开发者联盟 (huawei.com)​​​​​​

整体架构流程

1.文件包装与填充

2.引用图案密码解锁组件PatternLock,并且对PatternLock组件添加属性，然后编写开始提示信息。

3.对PatternLock添加回调属性 .onPatternComplete  然后通过if语句进行判断。

4.搭建跳转的页面

源码