Android进阶 - 手势解锁

gesture_lock.jpg

摘要

最近想做一个Android手势解锁的功能，在网上搜了一下，发现关于手势解锁的库有些偏少，而且很多开源库都是固定的效果，修改起来不是很灵活...

后来想了想，还是自己撸个框架吧...然后就有了 GestureLockView，o(￣▽￣)ｄ

正文

看正文前，建议读者先看下 GestureLockView

本文主要讲解两个使用GestureLockView实现手势解锁的案例。

案例一：仿"人人理财"手势解锁效果（下面是人人理财APP的效果）

renren_app.gif

仿制步骤：

1.Gradle导入GestureLockView开源库（代码如下）

dependencies {

    compile 'com.wangnan:gesturelockview:1.0.1'
}

2.在XML文件中使用GestureLockView（代码如下）

xml.png

3.设置手势解锁监听器（代码如下）

java_code.png

注: 笔者把解锁密码设置成了"012345678"。

4.跑下程序（效果如下）

copy_renren.gif

至此，这个案例就实现了，当然这个是最简单的效果。

案例二：仿"360你财富"手势解锁效果（下面是360你财富APP的效果）

360_nicaifu.gif

仿制思路：看过笔者 GestureLockView 的朋友应该不难发现"360你财富"的手势解锁效果和支付宝的手势解锁有些相似，只是多了个缩放点动画，那么我们可以自定义Paint（继承AliPayPainter）重写点绘制方法实现这种效果。

仿制步骤：

1.Gradle导入GestureLockView开源库（代码如下）

dependencies {

    compile 'com.wangnan:gesturelockview:1.0.1'
}

2.在XML文件中使用GestureLockView（代码如下）

xml_360.png

3.设置自定义绘制者（代码如下）

java_code.png

4.设置手势监听器（代码如下）

listener.png

5.跑下程序（效果如下）

copy_nicaifu.gif

可以看到大致效果是一样的，可能细节会有不同，当然这个可以微调。

两个案例就写到这儿了~

其他使用细节请参看 https://github.com/sinawangnan7/GestureLockView

喜欢的朋友别忘记给个Star哦d=====(￣▽￣*)b

题外话

GestureLockView 大概写了两周，大部分时间是在看别的APP是怎么实现的，然后对库不断重构、拓展。另外，这是笔者的第一个开源库，之后也会继续维护。

最后，感谢老大最近没有分我太多的工作，让我有时间把这个框架撸完。给老大点个赞......ヽ(￣ω￣(￣ω￣〃)ゝ