這篇文章給大家分享的是有關(guān)Android如何實(shí)現(xiàn)使用手勢(shì)解鎖功能的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

在綏芬河等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作定制設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,全網(wǎng)整合營(yíng)銷推廣,成都外貿(mào)網(wǎng)站建設(shè),綏芬河網(wǎng)站建設(shè)費(fèi)用合理。

Android手勢(shì)解鎖

先來(lái)一波效果效果展示:

 

手勢(shì)解鎖效果

今天給大家介紹的是本人良心制作的一個(gè)手勢(shì)解鎖開(kāi)源庫(kù),大家有什么建議和想法都可以發(fā)到我的郵箱: diosamolee2014@gmail.com 或者評(píng)論,我會(huì)為大家提供我力所能及的幫助!

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'
}

布局使用:

下面是我測(cè)試時(shí)寫(xiě)的完整的所有布局:(懶人直接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>

到這里小伙伴直接運(yùn)行,就可以看到手勢(shì)解鎖的布局,大家也可以根據(jù)自己的需求去改變這個(gè)xml.

com.gestruelock.IndicatorLockView : 路徑顯示圖,小的九個(gè)點(diǎn)
com.gestruelock.ExpandLockView: 手勢(shì)解鎖的九宮格

使用配置:

下面的代碼是在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="再次輸入密碼,密碼已設(shè)置,密碼正確,密碼正確,請(qǐng)輸入新密碼";
 @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); //震動(dòng)
//  mLockviewExpand.getPaintL().setStrokeWidth(20); //獲取paint 修改連接線段的樣式
//  mLockviewExpand.setLock_trackColor(0xff0000); //給路徑設(shè)置不同顏色
  //加載動(dòng)畫(huà)資源文件
  mShakeAnimal = AnimationUtils.loadAnimation(this, R.anim.shake);
  mLockviewExpand.setActionMode(0);//set mode 設(shè)置手勢(shì)密碼
//  mLockviewExpand.setActionMode(1);//set mode 驗(yàn)證手勢(shì)密碼
//  mLockviewExpand.setActionMode(2);//set mode 更換手勢(shì)密碼
//  mLockviewExpand.setHiddenTrack(true); //隱藏軌跡和按鈕
  mLockviewExpand.setShowError(true); //顯示失敗視圖
//  mLockviewExpand.setLockTime(2);//設(shè)置顯示的鎖住的時(shí)間
  //設(shè)置各種回調(diào)事件
  mLockviewExpand.setOnLockPanelListener(this);
  mLockviewExpand.setOnUpdateIndicatorListener(this);
  mLockviewExpand.setOnUpdateMessageListener(this);
  mLockviewExpand.setOnFinishDrawPasswordListener(this);
 }
 @Override
 public void initData() {
 }
 //密碼盤(pán)被鎖住發(fā)生的回調(diào)
 @Override
 public void onLockPanel() {
 }
 //更新小點(diǎn)顯示圖
 @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);//設(shè)置提示文字顏色
  }else {//Error
   tvMessage.setTextColor(0xffe44d4d);
   tvMessage.startAnimation(mShakeAnimal); //動(dòng)畫(huà)效果
  }
  tvMessage.setText(message);
 }
 //vibration 震動(dòng)對(duì)應(yīng)的接口
 @Override
 public void vibration(String time) {
  if ("long".equals(time)){
   mVibrator.vibrate(new long[]{50,200},-1);//長(zhǎng)震動(dòng)
  }else {
   mVibrator.vibrate(new long[]{50,50},-1);//震動(dòng)
  }
 }
 //設(shè)置密碼成功
 @Override
 public void onSetPassword() {
  Toast.makeText(mContext, "密碼設(shè)置成功", Toast.LENGTH_SHORT).show();
  finish();
 }
 //解開(kāi)密碼鎖成功
 @Override
 public void onOpenLock() {
  Toast.makeText(mContext, "成功解鎖", Toast.LENGTH_SHORT).show();
  finish();
 }
 /* 禁止返回按鈕的點(diǎn)擊 */
 @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);
  }
 }
}

手勢(shì)解鎖一共有3種模式,對(duì)應(yīng)設(shè)置密碼,驗(yàn)證密碼,修改密碼:

mLockviewExpand.setActionMode(0);//set mode 設(shè)置手勢(shì)密碼
mLockviewExpand.setActionMode(1);//set mode 驗(yàn)證手勢(shì)密碼
mLockviewExpand.setActionMode(2);//set mode 更換手勢(shì)密碼

對(duì)應(yīng)回調(diào)接口設(shè)置:

mLockviewExpand.setOnLockPanelListener(this);// 手勢(shì)解鎖次數(shù)超出后,鎖定解鎖的回調(diào)
 mLockviewExpand.setOnUpdateIndicatorListener(this);//手勢(shì)完成后的回調(diào),設(shè)置上面的路徑顯示圖
 mLockviewExpand.setOnUpdateMessageListener(this);//手勢(shì)完成后,返回提示的信息
 mLockviewExpand.setOnFinishDrawPasswordListener(this);//手勢(shì)解鎖成功,密碼設(shè)置成功的回調(diào)

其他配置:

mLockviewExpand.getPaintL().setStrokeWidth(20); //獲取paint 修改連接線段的樣式
mLockviewExpand.setLock_trackColor(0xff0000); //給路徑設(shè)置不同顏色
mLockviewExpand.setHiddenTrack(true); //隱藏軌跡和按鈕
mLockviewExpand.setShowError(true); //顯示失敗視圖
mLockviewExpand.setLockTime(2);//設(shè)置顯示的鎖住的時(shí)間
xml配置(com.gestruelock.ExpandLockView 只針對(duì)這個(gè)控件):

圖片的指定就是在這里,可以設(shè)置左邊,中間和右邊的圖片,如果一樣就全部指定同一張圖片,庫(kù)里面自帶上面圖片顯示效果的圖片資源!

app:lock_selected1="@drawable/left" //設(shè)置最左邊圖片
 app:lock_selected2="@drawable/center" //設(shè)置最中間圖片
 app:lock_selected3="@drawable/right" //設(shè)置最右邊圖片
 app:lock_trackColor="#04ff9b"  //設(shè)置軌跡顏色 app:lock_selected_error="@drawable/circle_error" //設(shè)置錯(cuò)誤圖片
app:lock_unselected="@drawable/gusture_icon_default" //設(shè)置未選中圖片

感謝各位的閱讀！關(guān)于“Android如何實(shí)現(xiàn)使用手勢(shì)解鎖功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

文章名稱：Android如何實(shí)現(xiàn)使用手勢(shì)解鎖功能
標(biāo)題網(wǎng)址：http://www.rwnh.cn/article34/jscipe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、電子商務(wù)、響應(yīng)式網(wǎng)站、外貿(mào)建站、網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)