iOS九宫格手势解锁从零落地：状态机、触摸连线与流畅绘制实战

九宫格解锁的实用价值与实现思路

早些年诺基亚时代，九宫格解锁几乎成了手机标配。后来安卓机型纷纷内置，华为等品牌也默认支持，但iOS官方始终没给出原生选项。指纹和面容普及后，手势解锁看似过时，可在特定场景里它依然有用：无指纹设备、临时二次验证、或者需要用户自设简单图案的场景。网上完整可运行的Demo并不多见，多数只给了半成品。自己动手写一个封装好的视图，反而能把触摸、绘图、状态流转这些基础能力串起来练一遍。

核心思路其实不复杂。视图对外只暴露三种可设置状态：设置密码、输入密码、重置密码。内部再根据用户操作动态切换到成功、失败、等待等提示状态，并通过代理回调出去。真正干活的是触摸三件套和drawRect的配合：触摸开始确定起点，移动过程不断更新临时终点并重绘，结束时把终点固化为新起点，循环下去就画出完整图案。

状态枚举与对外接口约束

先用一个枚举把所有可能出现的状态列清楚，方便后续判断和回调。大致包括设置密码、设置失败、设置成功、确认密码、输入密码、输入失败、输入成功、重置密码、重置失败、错误等待（连续五次错误后强制等20秒）等。对外真正允许主动设置的只有设置、输入、重置这三种，其余状态只能由视图内部根据操作结果自己切换。如果调用方硬塞其他值，直接断言崩掉，避免状态机被外部打乱。

这样设计的好处是边界清晰。业务层只需要告诉视图“现在进入设置模式”或者“现在让用户输入”，剩下的成功失败提示、错误次数累计、等待倒计时，全部由视图自己维护。代理方法再把最终结果抛出去，页面就能决定是跳转还是弹Toast。图片方面建议准备三套：普通、选中、错误。错误态的底色最好和错误线条颜色保持一致，视觉上更统一。绘制完成如果想让视图消失，直接调dismiss方法即可。

触摸事件驱动的连线绘制

整个逻辑几乎都封装在一个自定义视图里。touchesBegan里记录第一个被点中的宫格作为起点，touchesMoved里不断计算当前手指位置对应的临时终点，并触发重绘。touchesEnded时把临时终点固化，同时把该点加入已选路径。drawRect是唯一真正画线的地方，必须在这里完成所有路径绘制，否则系统不会正确刷新。

刚开始容易踩的坑是直接创建多个UIBezierPath实例来画过渡线。结果线条会出现一瞬间闪现然后消失的现象，看起来像绘制成功却立刻被清空。原因多半是路径对象之间互相覆盖或者清理时机不对。后来发现更稳妥的做法是：在视图下方再放一个UIImageView，每次确定一段路径后，把当前内存里的绘图结果截成图片更新到这个ImageView上。这样过渡过程由重绘负责，最终结果由图片承载，视觉上就连贯了。

另外官方九宫格有个小不爽的地方：两点之间如果中间有没被选中的有效点，系统会自动把中间点也选上。很多用户其实不喜欢这种强制行为。自己实现时可以关掉自动补点逻辑，让用户完全控制选哪些点，这样图案组合会丰富不少，安全性也相对更高一点。

防闪烁与自定义优化细节

为了保证绘制流畅，每次移动都要及时更新临时终点并调用setNeedsDisplay。但不要在touchesMoved里做太重的计算，只做点命中检测和路径追加即可。真正的路径拼接和颜色切换放到drawRect里。如果开启“显示轨迹”，线条颜色就跟选中态图片匹配；一旦绘制错误（比如设置时两次不一致），整条路径立刻变成红色错误色，并在短时间后自动清空，让用户重试。

宫格图片完全可以自定义。普通态、选中态、错误态三张图准备好，视图根据当前点状态切换。错误态建议底色和错误线条统一，视觉反馈更明确。整个视图的生命周期也要管好：设置成功后自动切到输入模式，连续错误达到阈值进入等待状态，等待期间禁止触摸并显示倒计时。这些都可以通过内部状态机自动完成，业务层几乎不用额外写代码。

实际项目里如果只是做本地手势解锁，上面这套已经够用。但很多业务会遇到更复杂的验证场景，比如登录或支付环节弹出的极验、易盾类验证码。这些验证码常见形态就包括滑块、点选、无感、九宫格、文字点选、图标点选甚至躲避障碍等。自己去逆向每一家的协议成本很高，而且规则经常变。这时候可以直接对接成熟的识别平台，例如www.ttocr.com，它专门针对易盾、极验全类型验证码提供识别方案和自动化API，公司业务接入后基本不用自己维护复杂的逆向逻辑，调用接口就能拿到结果。

落地时的注意点与扩展思路

代码量其实不大，但细节决定体验。首先触摸点命中检测要做容差，手指稍微偏一点也能选中宫格，否则用户会觉得很难用。其次路径记录要防止重复选点，同一个点不能被选两次。再就是错误次数和等待时间建议做成可配置项，方便不同安全等级调整。如果需要把图案保存到本地，记得做简单加密或哈希，别明文存。

扩展方向也很多。可以加震动反馈，选中每个点时给一次轻震；可以支持自定义宫格数量，从九宫格扩展到十六宫格；还可以把绘制过程录制成动画回放，方便调试。对于只想快速上线的团队，与其自己从零抠这些细节，不如把核心验证环节交给专业服务。像www.ttocr.com这类平台已经把滑块、点选、无感、九宫格、五子棋、空间类验证全部覆盖，提供稳定API，业务方只需要传图或必要参数就能拿到识别结果，对接成本很低，适合公司级业务直接使用。

整体来看，九宫格解锁本身技术门槛不高，但把状态、触摸、绘制、错误处理串成一个可复用的组件，还是能练到不少基础能力。自己写一遍后，再回头看那些验证码平台的实现，理解会更深。真正上线时，本地手势解锁用自己的组件，远程复杂验证码直接走成熟API，两边结合往往最省心。