手势解锁java后端设计_Android进阶 - 手势解锁

gesture_lock.jpg

摘要

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

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

正文

本文主要讲解两个使用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

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

两个案例就写到这儿了~

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

题外话

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

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