Android 手势锁/锁屏/Pin解锁，一种精简高大上且实用的手势锁

最新推荐文章于 2024-06-13 09:48:40 发布
最新推荐文章于 2024-06-13 09:48:40 发布
阅读量2.7k 收藏 5
点赞数
分类专栏： 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenggaofei/article/details/100054501
版权

有听说过PatternLockView吗？适用于Android的易于使用，可自定义和Material Design的Pattern Lock视图,下面我们一起来简单的介绍一下手势锁的速成步骤吧：

1.添加依赖：

dependencies {
    // other dependencies here
    
    compile 'com.andrognito.patternlockview:patternlockview:1.0.0'
    // Optional, for RxJava2 adapter
    compile 'com.andrognito.patternlockview:patternlockview-reactive:1.0.0'
}

2.XML布局写法：

  <com.andrognito.patternlockview.PatternLockView
        android:id="@+id/pattern_lock_view"
        android:layout_width="280dp"
        android:layout_height="280dp"/>

完整XML布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/mine_shaft"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/profile_image"
        android:layout_width="84dp"
        android:layout_height="84dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="104dp"
        android:src="@drawable/img_no_avatar"/>

    <TextView
        android:id="@+id/profile_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="36dp"
        android:fontFamily="sans-serif-thin"
        android:gravity="center"
        android:maxLines="1"
        android:text="Welcome"
        android:textColor="@color/white"
        android:textSize="34sp"/>

    <com.andrognito.patternlockview.PatternLockView
        android:id="@+id/patter_lock_view"
        android:layout_width="280dp"
        android:layout_height="280dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="16dp"
        app:aspectRatio="square"
        app:aspectRatioEnabled="true"
        app:dotAnimationDuration="150"
        app:dotCount="3"/>

</LinearLayout>

2.主函数代码：


import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Toast;

import com.andrognito.patternlockview.PatternLockView;
import com.andrognito.patternlockview.listener.PatternLockViewListener;
import com.andrognito.patternlockview.utils.PatternLockUtils;
import com.andrognito.patternlockview.utils.ResourceUtils;
import com.andrognito.rxpatternlockview.RxPatternLockView;
import com.andrognito.rxpatternlockview.events.PatternLockCompleteEvent;
import com.andrognito.rxpatternlockview.events.PatternLockCompoundEvent;

import java.util.List;

import io.reactivex.functions.Consumer;

public class MainActivity extends AppCompatActivity {

    private PatternLockView mPatternLockView;

    private PatternLockViewListener mPatternLockViewListener = new PatternLockViewListener() {
        @Override
        public void onStarted() {
            Log.d(getClass().getName(), "Pattern drawing started");
        }

        @Override
        public void onProgress(List<PatternLockView.Dot> progressPattern) {
            Log.d(getClass().getName(), "Pattern progress: " +
                    PatternLockUtils.patternToString(mPatternLockView, progressPattern));
        }

        @Override
        public void onComplete(List<PatternLockView.Dot> pattern) {
            Log.d(getClass().getName(), "Pattern complete: " +
                    PatternLockUtils.patternToString(mPatternLockView, pattern));
            //判断是否成功：24678
            String mima = "24678";
            String patternToString = PatternLockUtils.patternToString(mPatternLockView, pattern);
//            Toast.makeText(MainActivity.this,"您绘制的密码是："+patternToString,Toast.LENGTH_SHORT).show();
            if(!TextUtils.isEmpty(patternToString)){
                if(patternToString.equals(mima)){
                    Toast.makeText(MainActivity.this,"您绘制的密码是："+patternToString+"\n"+"密码正确，正在进入首页...",Toast.LENGTH_SHORT).show();

                }else {
                    Toast.makeText(MainActivity.this,"您绘制的密码是："+patternToString+"\n"+"密码错误，请重新绘制",Toast.LENGTH_SHORT).show();
                }
            }
        }

        @Override
        public void onCleared() {
            Log.d(getClass().getName(), "Pattern has been cleared");
        }
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        setContentView(R.layout.activity_main);

        mPatternLockView = (PatternLockView) findViewById(R.id.patter_lock_view);
        mPatternLockView.setDotCount(3);
        mPatternLockView.setDotNormalSize((int) ResourceUtils.getDimensionInPx(this, R.dimen.pattern_lock_dot_size));
        mPatternLockView.setDotSelectedSize((int) ResourceUtils.getDimensionInPx(this, R.dimen.pattern_lock_dot_selected_size));
        mPatternLockView.setPathWidth((int) ResourceUtils.getDimensionInPx(this, R.dimen.pattern_lock_path_width));
        mPatternLockView.setAspectRatioEnabled(true);
        mPatternLockView.setAspectRatio(PatternLockView.AspectRatio.ASPECT_RATIO_HEIGHT_BIAS);
        mPatternLockView.setViewMode(PatternLockView.PatternViewMode.CORRECT);
        mPatternLockView.setDotAnimationDuration(150);
        mPatternLockView.setPathEndAnimationDuration(100);
        mPatternLockView.setCorrectStateColor(ResourceUtils.getColor(this, R.color.white));
        mPatternLockView.setInStealthMode(false);
        mPatternLockView.setTactileFeedbackEnabled(true);
        mPatternLockView.setInputEnabled(true);
        mPatternLockView.addPatternLockListener(mPatternLockViewListener);

        RxPatternLockView.patternComplete(mPatternLockView)
                .subscribe(new Consumer<PatternLockCompleteEvent>() {
                    @Override
                    public void accept(PatternLockCompleteEvent patternLockCompleteEvent) throws Exception {
                        Log.d(getClass().getName(), "Complete: " + patternLockCompleteEvent.getPattern().toString());
                    }
                });

        RxPatternLockView.patternChanges(mPatternLockView)
                .subscribe(new Consumer<PatternLockCompoundEvent>() {
                    @Override
                    public void accept(PatternLockCompoundEvent event) throws Exception {
                        if (event.getEventType() == PatternLockCompoundEvent.EventType.PATTERN_STARTED) {
                            Log.d(getClass().getName(), "Pattern drawing started");
                        } else if (event.getEventType() == PatternLockCompoundEvent.EventType.PATTERN_PROGRESS) {
                            Log.d(getClass().getName(), "Pattern progress: " +
                                    PatternLockUtils.patternToString(mPatternLockView, event.getPattern()));
                        } else if (event.getEventType() == PatternLockCompoundEvent.EventType.PATTERN_COMPLETE) {
                            Log.d(getClass().getName(), "Pattern complete: " +
                                    PatternLockUtils.patternToString(mPatternLockView, event.getPattern()));
                        } else if (event.getEventType() == PatternLockCompoundEvent.EventType.PATTERN_CLEARED) {
                            Log.d(getClass().getName(), "Pattern has been cleared");
                        }
                    }
                });
    }
}

注意的控件的监听方法，然后自己在相应的方法中写符合自己项目的需求逻辑就ok了：

private PatternLockViewListener mPatternLockViewListener = new PatternLockViewListener() {
        @Override
        public void onStarted() {
            Log.d(getClass().getName(), "Pattern drawing started");
        }

        @Override
        public void onProgress(List<PatternLockView.Dot> progressPattern) {
            Log.d(getClass().getName(), "Pattern progress: " +
                    PatternLockUtils.patternToString(mPatternLockView, progressPattern));
        }

        @Override
        public void onComplete(List<PatternLockView.Dot> pattern) {
            Log.d(getClass().getName(), "Pattern complete: " +
                    PatternLockUtils.patternToString(mPatternLockView, pattern));
        }

        @Override
        public void onCleared() {
            Log.d(getClass().getName(), "Pattern has been cleared");
        }
    };

3.定制细节介绍：

若您想要自己定制的话，您可以从XML布局向PatternLockView添加各种属性。

app:dotCount="3"                                        // 更改行（或列）
  app:dotNormalSize="12dp"                                // 更改正常状态
  app:dotSelectedSize="24dp"                              // 更改选定状态
  app:pathWidth="4dp"                                     // 更改路径
  app:aspectRatioEnabled="true"                           // 设置视图是否应该遵循自定义宽高比
  app:aspectRatio="square"                                // 设置在“square”，“width_bias”，“height_bias” 
  app:normalStateColor="@color/white"                     // 设置正常状态下图案视图的颜色
  app:correctStateColor="@color/primary"                  // 将图案视图的颜色设置为正确状态
  app:wrongStateColor="@color/pomegranate"                // 设置错误状态
  app:dotAnimationDuration="200"                          // 更改动画点
  app:pathEndAnimationDuration="100"                      // 更改路径结束动画的持续时间

您还可以以编程方式更改视图的属性，从而对其进行更多控制：

mPatternLockView.setViewMode(PatternLockView.PatternViewMode.CORRECT);       // 设置当前视图更多
mPatternLockView.setInStealthMode(true);                                     // 将模式设置为隐藏模式（隐藏模式绘图）
mPatternLockView.setTactileFeedbackEnabled(true);                            //绘制图案时启用振动反馈
mPatternLockView.setInputEnabled(false);                                     //完全禁用模式锁定视图中的任何输入
mPatternLockView.setDotCount(3);
mPatternLockView.setDotNormalSize((int) ResourceUtils.getDimensionInPx(this, R.dimen.pattern_lock_dot_size));
mPatternLockView.setDotSelectedSize((int) ResourceUtils.getDimensionInPx(this, R.dimen.pattern_lock_dot_selected_size));
mPatternLockView.setPathWidth((int) ResourceUtils.getDimensionInPx(this, R.dimen.pattern_lock_path_width));
mPatternLockView.setAspectRatioEnabled(true);
mPatternLockView.setAspectRatio(PatternLockView.AspectRatio.ASPECT_RATIO_HEIGHT_BIAS); 
mPatternLockView.setNormalStateColor(ResourceUtils.getColor(this, R.color.white));
mPatternLockView.setCorrectStateColor(ResourceUtils.getColor(this, R.color.primary));
mPatternLockView.setWrongStateColor(ResourceUtils.getColor(this, R.color.pomegranate));
mPatternLockView.setDotAnimationDuration(150);
mPatternLockView.setPathEndAnimationDuration(100);

项目下载地址：https://github.com/aritraroy/PatternLockView

 

冰糖葫芦三剑客
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PatternLockView滑动解锁
qq_33265437的博客
06-20 1409
PatternLockView An easy-to-use, customizable, Material Design ready Pattern Lock view for Android. Specs     This library allows you to implement pattern locking mechanism in your app easi
Android手势锁
w_l_s的博客
09-11 365
最近正在忙于App的开发，相应的功能也逐渐的多了起来，需求中，需要实现手势密码锁，由于之前没有接触过，所以上网各种百度，最终采取了Hongyang大神的一篇密码锁实现，代码非常的清晰，注释也很完善，易于根据个人的修改，我根据我们的需求进行的稍微的改写，在这里记录一下。 转载自：手势锁的实现 请尊重原著！ 废话不多说，直接上代码了： 1、GestureLockView： public
**PatternLockView：为您的Android应用增添安全与美感**
最新发布
gitblog_00071的博客
06-13 350
PatternLockView：为您的Android应用增添安全与美感 项目地址:https://gitcode.com/l7naive/pattern-lock 在移动应用开发中，安全性往往被赋予极高的重视，而用户体验也同样不可忽视。PatternLockView正是这样一款旨在结合两者，为Android应用提供美观且可靠的图形锁屏功能的开源库。 项目介绍 PatternLockView是一款由...
探索PatternLockView：Android手势解锁视图库的优雅实现
gitblog_00099的博客
03-22 390
探索PatternLockView：Android手势解锁视图库的优雅实现 项目地址:https://gitcode.com/aritraroy/PatternLockView PatternLockView是一个针对Android平台的小巧但功能强大的开源项目，它提供了自定义手势解锁视图的功能，让开发者能够轻松地在自己的应用中集成这一互动元素。本文将深入介绍这个项目的特性、技术细节和实际应用场景...
PatternLockView
u014538198的专栏
12-13 333
转自https://www.colabug.com/3096411.html Pattern Lock View Awesome pattern lock view for android written in kotlin. demo Features easy to use beautiful built-in styles fully customizable tiny si...
Android 手势锁的实现 让自己的应用更加安全吧
weixin_30335353的博客
07-01 163
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/36236113 今天偶遇以github上gesturelock关于手势锁的一个例子（有兴趣的去搜索下看看），于是下载下来研究，无奈基本没有注释，代码上存在一些问题(当设置gravity=center_vertical无法进行手势选择，无意中发现的)，于是借鉴这位仁兄的代码...
超实用的Android手势锁制作实例教程
09-02
在本教程中，我们将探讨如何创建一个超实用的Android手势锁。手势锁是移动设备上常见的一种安全机制，允许用户通过在预设的点之间绘制特定的路径来解锁应用或设备。以下是一些关键知识点： 1. **整体思路**： - **...
安卓锁屏九宫格锁屏解锁壁纸相关-招财进宝手势解锁.rar
07-29
九宫格锁屏解锁是一种常见的安卓锁屏方式，它结合了实用性和趣味性，让用户通过特定的手势路径来解锁设备，通常与壁纸相结合，形成个性化的锁屏界面。"招财进宝手势解锁"这个项目可能是一个为安卓设备设计的定制化...
Android 监听锁屏、解锁、开屏 功能代码
01-04
import android.content.BroadcastReceiver; import android.content.Context; import android.content.Intent; import android.content.IntentFilter; import android.os.PowerManager; /** * Created by ${zyj} on...
Android编程实现禁止系统锁屏与解锁亮屏的方法
01-05
本文实例讲述了Android编程实现禁止系统锁屏与解锁亮屏的方法。分享给大家供大家参考，具体如下： 需求： 某个时刻任务执行完毕，关闭屏幕，某时刻再开启屏幕继续执行任务 通常情况下，不设置屏幕常亮，系统会自动...
U盘解锁锁屏插入U盘自动解锁拔掉U盘自动锁屏软件.rar
02-12
U盘解锁/锁屏，朋友说教室的电子白板，课间会有学生到讲台搞，于是设置了密码，然后将密码发给各科老师， ... 于是我弄了这个小软件。开始想着弄成检测U盘必须要有某个指定内容的...插入U盘自动解锁，拔掉U盘自动锁屏。
LockPattern 最好用的锁屏 高仿qq,支付宝
04-15
LockPattern 最好用的锁屏 高仿qq,支付宝
Android 手势锁的实现
07-02
代码为博客实例：http://blog.csdn.net/lmj623565791/article/details/36236113 有问题博客中留言
android手势解锁
01-10
简单的手势解锁, 包含设置手势, 校验手势. PatternLockerView可设置的属性(最后的是默认值): plv_color 默认图案的颜色 #2196F3 plv_hitColor 绘制图案的颜色 #3F51B5 plv_errorColor 绘制图案出错时的颜色 #F44336 plv_fillColor 图案填充色 #FFFFFF plv_lineWidth 连接线线宽 1dp plv_enableAutoClean 自动清除绘制图案 true plv_canSkip 是否跳过中间点 false plv_enableHapticFeedback 是否使用触碰震动反馈 false PatternIndicatorView可设置的属性: piv_color 指示器默认图案的颜色 #2196F3 piv_hitColor 指示器中选中图案的颜色 #3F51B5 piv_errorColor 指示器中选中图案出错时的颜色 #F44336 piv_fillColor 图案填充色 #FFFFFF piv_lineWidth 指示器连接线线宽 1dp
Android实现支付宝手势密码功能
01-04
今天就给大家分享android实现支付宝手势密码，很常见，像现在用微信支付，支付宝支付的时候都要自己设置的4位PIN码，然后输入PIN码后立即调用支付接口去支付，毫无疑问的安全问题，不会觉得手机被人拿了后却不知道自己网银的钱的去向，这也是正常安全逻辑性问题。 好，下面我们来看下具体的实现： 入口，启动页面就简单的几个按钮，布局贴出来，代码如下： <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android android:layout_width=match_parent android:la
Android自定义九宫格手势解锁组件
renzhongrui的博客
02-19 1855
本文主要介绍Java版本九宫格手势解锁组件的使用和实现原理。
【Android Lock Pattern】图案解锁（一）：LockPatternView源代码
hijunmeng的专栏
08-13 2179
转自：http://www.cnblogs.com/dyingbleed/archive/2012/12/03/2800007.html
android 手势密码锁 GestureLock
wk_先森的博客
03-30 6099
前言： android 开发技术多如繁星，完全掌握非一日之功，开发涉及的深度难以想象，越走越难，金字塔顶尖上的人越来越少，今天得demo主要涉及的是自定义组件，很多时候，我们在网上找了太多资料，要么时代久远、要么表达不清、要么知识零碎、要么思路紊乱，随之而来的是不堪重负的挫败感和失落感，导致信心直线下降，而这些，正是我们面临的问题。 demo样式展示： 1.简...
Android解锁修改机制
06-24
Android解锁修改机制是指对Android的锁屏功能进行修改和定制的机制。锁屏功能在Android系统中起到保护用户个人信息和设备安全的作用。Android的锁屏功能包含了密码、图案、指纹等多种解锁方式，用户可以根据自己的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值