分类导航
iOSAndroidSwiftHybridCocos2d-xFluttersilverlightCordova

Android 5秒学会使用手势解锁功能

Android   发布时间：2022-04-28  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Android 5秒学会使用手势解锁功能，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

Android手势解锁

本文讲述的是一个手势解锁的库，可以定制显示隐藏宫格点、路径、并且带有小九宫格显示图，和震动！让你学会使用这个简单,高效的库!

先来一波效果效果展示:

Android 5秒学会使用手势解锁功能

 

手势解锁效果

今天给大家介绍的是本人良心制作的一个手势解锁开源库,大家有什么建议和想法都可以发到我的邮箱: 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://scheR_745_11845@as.android.com/apk/res/android"
  xmlns:app="http://scheR_745_11845@as.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" //设置未选中图片

总结:

简单吧,3分钟你就可以使用这个库实现手势解锁了!觉得不错的小伙伴,可以给我的项目加个星星,也可以给出您宝贵的意见!

大佬总结

以上是大佬教程为你收集整理的Android 5秒学会使用手势解锁功能全部内容，希望文章能够帮你解决Android 5秒学会使用手势解锁功能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：android手势解锁
猜你在找的Android相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap