Android 5秒学会使用手势解锁功能
作者:Diosamolee 发布时间:2023-07-11 13:48:32
标签:android,手势,解锁
Android手势解锁
本文讲述的是一个手势解锁的库,可以定制显示隐藏宫格点、路径、并且带有小九宫格显示图,和震动!让你学会使用这个简单,高效的库!
先来一波效果效果展示:
手势解锁效果
今天给大家介绍的是本人良心制作的一个手势解锁开源库,大家有什么建议和想法都可以发到我的邮箱: diosamolee2014@gmail.com 或者评论,我会为大家提供我力所能及的帮助!
GitHub地址:
https://github.com/Diosamo/Gesture_Lock
添加依赖:
添加的gradle
第一步:
Add it in your root build.gradle at the end of repositories:
repositories {
maven { url "https://dl.bintray.com/freecoders/GestureLock"
}
}
第二步:
Step 2. Add the dependency
dependencies {
compile 'com.gesturelock:GestureLock:1.0'
}
布局使用:
下面是我测试时写的完整的所有布局:(懒人直接copy)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="#ffffff"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
android:padding="50dp">
<TextView
android:textColor="#434242"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"
android:text="绘制图案"
android:paddingBottom="10dp"/>
<com.gestruelock.IndicatorLockView
android:id="@+id/lockviewIndicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:indicator_selected="@drawable/indicator_selected"
app:indicator_unselected="@drawable/indicator_unselected"
android:layout_gravity="center_horizontal"/>
<TextView
android:id="@+id/tvMessage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="14sp"
android:text=""
android:paddingTop="20dp"
/>
<RelativeLayout
android:id="@+id/rl"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingTop="30dp"
>
<com.gestruelock.ExpandLockView
android:id="@+id/lockviewExpand"
android:layout_width="280dp"
android:layout_height="280dp"
app:lock_selected1="@drawable/gusture_icon_left"
app:lock_selected2="@drawable/gusture_icon_center"
app:lock_selected3="@drawable/gusture_icon_right"
app:lock_trackColor="#ff0432"
app:lock_selected_error="@drawable/circle_error"
app:lock_unselected="@drawable/gusture_icon_default"
android:layout_gravity="center_horizontal"/>
</RelativeLayout>
</LinearLayout>
</RelativeLayout>
到这里小伙伴直接运行,就可以看到手势解锁的布局,大家也可以根据自己的需求去改变这个xml.
com.gestruelock.IndicatorLockView : 路径显示图,小的九个点
com.gestruelock.ExpandLockView: 手势解锁的九宫格
使用配置:
下面的代码是在Activity中直接使用的代码:(懒人直接copy)
public class MainActivity extends AppCompatActivity implements ExpandLockView.OnLockPanelListener, ExpandLockView.OnUpdateIndicatorListener, ExpandLockView.OnUpdateMessageListener, ExpandLockView.OnFinishDrawPasswordListener {
private ExpandLockView mLockviewExpand;
private IndicatorLockView lockviewIndicator;
private TextView tvMessage;
private Animation mShakeAnimal;
private Vibrator mVibrator;
//返回信息如果是正确的
private String succeeMsg="再次输入密码,密码已设置,密码正确,密码正确,请输入新密码";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mLockviewExpand = (ExpandLockView) findViewById(R.id.lockviewExpand);
tvMessage = (TextView) findViewById(R.id.tvMessage);
lockviewIndicator = (IndicatorLockView) findViewById(R.id.lockviewIndicator);
mVibrator =(Vibrator)getApplication().getSystemService(Service.VIBRATOR_SERVICE); //震动
// mLockviewExpand.getPaintL().setStrokeWidth(20); //获取paint 修改连接线段的样式
// mLockviewExpand.setLock_trackColor(0xff0000); //给路径设置不同颜色
//加载动画资源文件
mShakeAnimal = AnimationUtils.loadAnimation(this, R.anim.shake);
mLockviewExpand.setActionMode(0);//set mode 设置手势密码
// mLockviewExpand.setActionMode(1);//set mode 验证手势密码
// mLockviewExpand.setActionMode(2);//set mode 更换手势密码
// mLockviewExpand.setHiddenTrack(true); //隐藏轨迹和按钮
mLockviewExpand.setShowError(true); //显示失败视图
// mLockviewExpand.setLockTime(2);//设置显示的锁住的时间
//设置各种回调事件
mLockviewExpand.setOnLockPanelListener(this);
mLockviewExpand.setOnUpdateIndicatorListener(this);
mLockviewExpand.setOnUpdateMessageListener(this);
mLockviewExpand.setOnFinishDrawPasswordListener(this);
}
@Override
public void initData() {
}
//密码盘被锁住发生的回调
@Override
public void onLockPanel() {
}
//更新小点显示图
@Override
public void onUpdateIndicator() {
if (mLockviewExpand.getPointTrace().size() > 0) {
lockviewIndicator.setPath(mLockviewExpand.getPointTrace());
}
}
//返回信息如果是正确的
@Override
public void onUpdateMessage(String message) {
if (succeeMsg.contains(message)){
tvMessage.setTextColor(0xff434242);//设置提示文字颜色
}else {//Error
tvMessage.setTextColor(0xffe44d4d);
tvMessage.startAnimation(mShakeAnimal); //动画效果
}
tvMessage.setText(message);
}
//vibration 震动对应的接口
@Override
public void vibration(String time) {
if ("long".equals(time)){
mVibrator.vibrate(new long[]{50,200},-1);//长震动
}else {
mVibrator.vibrate(new long[]{50,50},-1);//震动
}
}
//设置密码成功
@Override
public void onSetPassword() {
Toast.makeText(mContext, "密码设置成功", Toast.LENGTH_SHORT).show();
finish();
}
//解开密码锁成功
@Override
public void onOpenLock() {
Toast.makeText(mContext, "成功解锁", Toast.LENGTH_SHORT).show();
finish();
}
/* 禁止返回按钮的点击 */
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && event.getAction()== KeyEvent.ACTION_DOWN &&activityNum == 0) {
return true;
} else {
return super.onKeyDown(keyCode, event);
}
}
}
手势解锁一共有3种模式,对应设置密码,验证密码,修改密码:
mLockviewExpand.setActionMode(0);//set mode 设置手势密码
mLockviewExpand.setActionMode(1);//set mode 验证手势密码
mLockviewExpand.setActionMode(2);//set mode 更换手势密码
对应回调接口设置:
mLockviewExpand.setOnLockPanelListener(this);// 手势解锁次数超出后,锁定解锁的回调
mLockviewExpand.setOnUpdateIndicatorListener(this);//手势完成后的回调,设置上面的路径显示图
mLockviewExpand.setOnUpdateMessageListener(this);//手势完成后,返回提示的信息
mLockviewExpand.setOnFinishDrawPasswordListener(this);//手势解锁成功,密码设置成功的回调
其他配置:
mLockviewExpand.getPaintL().setStrokeWidth(20); //获取paint 修改连接线段的样式
mLockviewExpand.setLock_trackColor(0xff0000); //给路径设置不同颜色
mLockviewExpand.setHiddenTrack(true); //隐藏轨迹和按钮
mLockviewExpand.setShowError(true); //显示失败视图
mLockviewExpand.setLockTime(2);//设置显示的锁住的时间
xml配置(com.gestruelock.ExpandLockView 只针对这个控件):
图片的指定就是在这里,可以设置左边,中间和右边的图片,如果一样就全部指定同一张图片,库里面自带上面图片显示效果的图片资源!
app:lock_selected1="@drawable/left" //设置最左边图片
app:lock_selected2="@drawable/center" //设置最中间图片
app:lock_selected3="@drawable/right" //设置最右边图片
app:lock_trackColor="#04ff9b" //设置轨迹颜色 app:lock_selected_error="@drawable/circle_error" //设置错误图片
app:lock_unselected="@drawable/gusture_icon_default" //设置未选中图片
总结:
以上所述是小编给大家介绍的Android 5秒学会使用手势解锁功能,希望对大家有所帮助!
来源:https://www.jianshu.com/p/276d39f42164?utm_source=tuicool&utm_medium=referral
0
投稿
猜你喜欢
- 现如今打开一个 App,比如头条、微博,都会有长列表,随着我们不断地滑动,视窗内的内容也会不断地更新。今天就用 Flutter 实现一下这种
- mapper文件使用in("str1","str2")mybatis的xxxMapper.xml文件
- 在Linux中创建一个新进程的唯一方法是使用fork()函数。fork()函数是Linux中一个非常重要的函数,和以往遇到的函数有一些区别,
- 错误处理到目前为止,我们都没怎么介绍onComplete()和onError()函数。这两个函数用来通知订阅者,被观察的对象将停止发送数据以
- 如图所示的效果相信大家都不陌生,我们可以使用很多种方法去实现此效果,这里自己采用CountDownTimer定时器简单封装下此效果,方便我们
- Step1: 安装JDK并配置环境变量;Step2: 安装Gradle进入点击打开链接官网首页点击install gra
- mkdir函数用于创建目录。格式如下:#include<sys/types.h>#include<sys/stat.h&g
- Android Studio 打包 jar 及 aar 包创建工程 New -> Module -> Library在gradl
- 一、项目要求实现一个通讯录通讯录可以用来存储100个人的信息,每个人的信息包括:姓名、性别、年龄、电话、住址提供方法:添加联系人信息删除指定
- 1. strlen —— 求字符串长度1.1 strlen 的声明与用处strlen ,我们有一些英
- 1 简介Solace是一个强大的实时性的事件驱动消息队列。本文将介绍如何在Spring中使用,虽然代码使用的是Spring Boot,但并没
- 1、前言当提及如何终止一个线程时,部分读者通常立马想到的方法肯定是stop(),但是stop()方法并不被推荐使用(很多规范中是禁止使用的)
- 在实际应用中,我们往往有需要比较两个自定义对象大小的地方。而这些自定义对象的比较,就不像简单的整型数据那么简单,它们往往包含有许多的属性,我
- 本文实例讲述了Android编程实现WebView添加进度条的方法。分享给大家供大家参考,具体如下:标准的XML界面<?xml ver
- 本文实例为大家分享了Android实现支付宝支付密码输入界面的具体代码,供大家参考,具体内容如下效果图:主要代码:import java.u
- 前言前面介绍了APP顶部导航栏AppBar,今天来介绍下Flutter实现APP底部导航栏。我们以仿写微信的底部导航栏来举例说明。要实现类似
- /// <summary> /// 遍历Co
- 本文介绍了Spring Boot Admin监控服务上下线邮件通知,分享给大家,具体如下:微服务架构下,服务的数量少则几十,多则上百,对服务
- 1)打开idea,开始创建SpringBoot项目2)选择 Spring Initializr ,选择合适的jdk版本,点击Next在操作到
- 目录连接远程主机Remote Development插件安装远程主机命令行arm 远程调试VSCode 配置arm 上运行 gdb serv