# PatternLock

**Repository Path**: scenario-samples/pattern-lock

## Basic Information

- **Project Name**: PatternLock
- **Description**: 【鸿蒙 Harmony Next 示例 代码】图案密码锁组件，以九宫格图案的方式输入密码，用于密码验证场景。手指在PatternLock组件区域按下时开始进入输入状态，手指离开屏幕时结束输入状态完成密码输入。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-02
- **Last Updated**: 2025-07-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于分帧渲染实现应用界面优化

## 介绍

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

## 效果预览

<img src="./screenshots/device/PatternLock.gif" width="200">

## 使用说明

1. 手指在九宫格区域内连续滑动至少5个点以上，连续滑动相同的路径录入密码成功。
2. 点击Reset PatternLock，重置密码。

## 工程目录

```
├──entry/src/main/ets                          
│  ├──entryability
│  │  └──EntryAbility.ets               // 程序入口类
│  ├──entrybackupability
│  │  └──EntryBackupAbility.ets         // 自定义应用数据转换和迁移模板类
│  └──pages                        
│     └──Index.ets                      // 九宫格组件
└──entry/src/main/resources             // 应用资源目录
```

## 实现思路

1. 调用PatternLock组件
2. 在onPatternComplete回调中添加校验密码路径的逻辑

## 约束与限制

* 本示例仅支持标准系统上运行，支持设备：华为手机。
* HarmonyOS系统：HarmonyOS 5.0.0 Release及以上。
* DevEco Studio版本：DevEco Studio 5.0.0 Release及以上。
* HarmonyOS SDK版本：HarmonyOS 5.0.0 Release SDK及以上。

## 一份简单的问卷反馈

亲爱的Harmony Next开发者，您好！<br>
为了协助您高效开发，提高鸿蒙场景化示例的质量，希望您在浏览或使用后抽空填写一份简单的问卷，我们将会收集您的宝贵意见进行优化:heart:

[:arrow_right: **点击此处填写问卷** ](https://wj.qq.com/s2/19042938/95ab/)

<div style="text-align: left;">