鸿蒙开源第三方组件——SwipeCaptcha_ohos3.0旋转验证组件

前言

        基于安卓平台的滑动拼图验证组件SwipeCaptcha（https://github.com/mcxtzhang/SwipeCaptcha），实现了鸿蒙化迁移和重构，代码已经开源到（https://gitee.com/isrc_ohos/swipe-captcha_ohos），目前已经获得了很多人的Star和Fork ，欢迎各位下载使用并提出宝贵意见！

背景

        前一期SwipeCaptcha_ohos2.0文章（https://harmonyos.51cto.com/posts/8787）中介绍过，系统为了确保在注册或登录页面时不是机器人在操作（若要实现防机器人操作效果，需要增加加密算法，本期介绍的组件中不包含此部分），通常需要用户进行手动验证，本期的SwipeCaptcha_ohos3.0是对前两版本验证方式进行功能升级，得到的一种新的验证方式——旋转验证。

        此验证方式将图片作为背景，通过把旋转块旋转至能够与背景图片无缝拼接来完成验证，操作简单，安全性强，可被应用于各种网站的登录、注册、找回密码或投票等场景中。

组件效果展示

        成功运行组件后，可以通过将旋转块旋转至能够与背景图片拼接成一张完整图片，从而完成验证。对应图1所示的运行效果图，本组件主要提供的功能是：

• 拖动图片下方的滑动条，可以改变旋转块角度；
• 若旋转块旋转后与原背景图片的误差值小于既定的阈值，则验证成功，反之则失败；
• 在验证完成后，可以点击滑动条下方的条状按钮重新生成验证码（即旋转块的角度随机设置）。

    

图1 旋转验证运行效果

Sample解析

        通过上文相信大家已经了解SwipeCaptcha_ohos3.0组件的使用效果，下面将具体讲解其使用方法。其使用方法和SwipeCaptcha_ohos2.0组件类似，在此我们简单回顾一下，共分为5个步骤：

步骤1. 在xml文件中添加RotateCaptchaView控件。

步骤2. 导入