arkts,patternLock图案密码锁的使用

介绍

PatternLock

图案密码锁组件，以九宫格图案的方式输入密码，用于密码验证场景。手指在PatternLock组件区域按下时开始进入输入状态，手指离开屏幕时结束输入状态完成密码输入。

组件代码

PatternLock()
  .sideLength(320)// 宽高
  .circleRadius(12)// 圆点半径
  .pathStrokeWidth(10)// 线宽度
  .regularColor('#ffd9d9d9')// 未选中圆点色
  .activeColor('#800a59f7')// 经过圆点色
  .selectedColor('#ff0a59f7')// 选中圆点色
  .pathColor('#cc0a59f7')// 线颜色
  .onDotConnect(() => {
    // 密码输入选中宫格圆点时触发该回调
  })
  .onPatternComplete((input: number[]) => {
    // 密码输入结束时触发该回调
    console.log(`password:${JSON.stringify(input)}`)
  })

效果

鸿蒙封装的组件真是简单易用，我们可以将此密码持久化到磁盘里面，使用合适的持久化api，看小伙伴们喜欢用哪种api和业务场景，一般轻量级持久化就够了，sqlite一般不用也可以。