鸿蒙手势密码

一.实现步骤

1.直接贴代码

 PatternLock(this.patternLockController)
          .sideLength(320)// 宽高
          .circleRadius(12)// 圆点半径
          .pathStrokeWidth(1)// 线宽度
          .regularColor('#ffd9d9d9')// 未选中圆点色
          .backgroundColor('#FFFFFF')// 设置背景色
          .activeColor('#368fc9')// 经过圆点色
          .selectedColor('#368fc9')// 选中圆点色
          .pathColor('#bdd2e3')// 线颜色
          .autoReset(true)// 支持用户在完成输入后再次触屏重置组件状态

2.执行事件

.onPatternComplete((input: Array<number>) => {
          // 输入的密码长度小于5时，提示重新输入
          if (input === null || input === undefined || input.length < 5) {
            this.message = 'The password length needs to be greater than 5, please enter again.'
            return
          }
          // 判断密码长度是否大于0
          if (this.passwords.length > 0) {
            // 判断两次输入的密码是否相同，相同则提示密码设置成功，否则提示重新输入
            if (this.passwords.toString() === input.toString()) {
              this.passwords = input
              this.message = 'Set password successfully: ' + this.passwords.toString()
              this.patternLockController.setChallengeResult(PatternLockChallengeResult.CORRECT)
            } else {
              this.message = 'Inconsistent passwords, please enter again.'
              this.patternLockController.setChallengeResult(PatternLockChallengeResult.WRONG)
            }
          } else {
            // 提示第二次输入密码
            this.passwords = input
            this.message = "Please enter again."
          }
        })

3.官网链接 查看api 

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-patternlock-V5#setchallengeresult11