快捷導(dǎo)航

Android實(shí)現(xiàn)支付寶手勢(shì)密碼功能

更新時(shí)間：2017年03月01日 10:34:33 作者：Minor昔年

這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)支付寶手勢(shì)密碼功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

今天就給大家分享android實(shí)現(xiàn)支付寶手勢(shì)密碼，很常見，像現(xiàn)在用微信支付，支付寶支付的時(shí)候都要自己設(shè)置的4位PIN碼，然后輸入PIN碼后立即調(diào)用支付接口去支付，毫無疑問的安全問題，不會(huì)覺得手機(jī)被人拿了后卻不知道自己網(wǎng)銀的錢的去向，這也是正常安全邏輯性問題。

好，下面我們來看下具體的實(shí)現(xiàn)：

入口，啟動(dòng)頁面就簡(jiǎn)單的幾個(gè)按鈕，布局貼出來，代碼如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
>


 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_marginTop="20dp"
  android:orientation="horizontal">

 <Button
  android:id="@+id/button_enable_pin"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="設(shè)置" />

 <Button
  android:id="@+id/button_change_pin"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_below="@+id/button_enable_pin"
  android:text="改變" />

 <Button
  android:id="@+id/button_unlock_pin"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_below="@+id/button_change_pin"
  android:text="檢驗(yàn)" />

 <Button
  android:id="@+id/button_compat_locked"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_below="@+id/button_unlock_pin"
  android:text="PIN頁面" />

 </LinearLayout>
</RelativeLayout>

我們看下四個(gè)按鈕的操作的事情，代碼如下：

package com.github.orangegangsters.lollipin;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;
import com.github.orangegangsters.lollipin.lib.PinActivity;
import com.github.orangegangsters.lollipin.lib.managers.AppLock;

import lollipin.orangegangsters.github.com.lollipin.R;

/**
 * Created by laiyingtang on 2016/06/21.
 */
public class MainActivity extends PinActivity implements View.OnClickListener {

 private static final int REQUEST_CODE_ENABLE = 11;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  this.findViewById(R.id.button_enable_pin).setOnClickListener(this);
  this.findViewById(R.id.button_change_pin).setOnClickListener(this);
  this.findViewById(R.id.button_unlock_pin).setOnClickListener(this);
  this.findViewById(R.id.button_compat_locked).setOnClickListener(this);

 }

 /**
  * 四個(gè)按鈕的點(diǎn)擊處理
  * @param v
  */
 @Override
 public void onClick(View v) {
  Intent intent = new Intent(MainActivity.this, CustomPinActivity.class);
  switch (v.getId()) {
   //設(shè)置密碼
   case R.id.button_enable_pin:
    intent.putExtra(AppLock.EXTRA_TYPE, AppLock.ENABLE_PINLOCK);
    startActivityForResult(intent, REQUEST_CODE_ENABLE);
    break;
   //改變密碼
   case R.id.button_change_pin:
    intent.putExtra(AppLock.EXTRA_TYPE, AppLock.CHANGE_PIN);
    startActivity(intent);
    break;
   //校驗(yàn)密碼
   case R.id.button_unlock_pin:
    intent.putExtra(AppLock.EXTRA_TYPE, AppLock.UNLOCK_PIN);
    startActivity(intent);
    break;
   //填入手勢(shì)密碼進(jìn)入PIN頁面
   case R.id.button_compat_locked:
    Intent intent2 = new Intent(MainActivity.this, LockedCompatActivity.class);
    startActivity(intent2);
    break;

  }
 }
 //回調(diào)
 @Override
 protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  super.onActivityResult(requestCode, resultCode, data);
  switch (requestCode){
   case REQUEST_CODE_ENABLE:
    Toast.makeText(this, "啟用PIN碼", Toast.LENGTH_SHORT).show();
    break;
  }
 }
}

都看的明白，以下會(huì)把CustomPinActivity，LockedCompatActivity貼出來，前面的操作大概就是這樣，分別給每個(gè)按鈕設(shè)置不同的putExtra值，第一個(gè)設(shè)置按鈕利用的是startActivityForResult啟動(dòng)頁面，因?yàn)樵O(shè)置完密碼后是存入到Appcation中的，而且拿到請(qǐng)求碼回到主頁面的時(shí)候，吐司了“啟動(dòng)PIN碼”，但是你想改變和檢驗(yàn)密碼必須要先設(shè)置密碼，這是很正常的邏輯，我把Appcation先貼出來，比較簡(jiǎn)單，幾句代碼：

package com.github.orangegangsters.lollipin;

import android.app.Application;


import com.github.orangegangsters.lollipin.lib.managers.LockManager;

import lollipin.orangegangsters.github.com.lollipin.R;

/**
 * Created by laiyingtang on 2016/06/21.
 */
public class CustomApplication extends Application {

 @SuppressWarnings("unchecked")
 @Override
 public void onCreate() {
  super.onCreate();

  LockManager<CustomPinActivity> lockManager = LockManager.getInstance();
  lockManager.enableAppLock(this, CustomPinActivity.class);
  lockManager.getAppLock().setLogoId(R.drawable.security_lock);
 }
}

LockManager是采用網(wǎng)友的Library。下面我把CustomPinActivity貼出來：

package com.github.orangegangsters.lollipin;

import android.content.res.Resources;
import android.graphics.Color;
import android.graphics.Typeface;
import android.graphics.drawable.ColorDrawable;
import android.widget.Toast;
import com.github.orangegangsters.lollipin.lib.managers.AppLockActivity;
import lollipin.orangegangsters.github.com.lollipin.R;
import uk.me.lewisdeane.ldialogs.BaseDialog;
import uk.me.lewisdeane.ldialogs.CustomDialog;

/**
 * 對(duì)話框頁面
 * Created by laiyingtang on 2016/06/21.
 */
public class CustomPinActivity extends AppLockActivity {

 @Override
 public void showForgotDialog() {
  Resources res = getResources();
  //創(chuàng)建對(duì)話框
  CustomDialog.Builder builder = new CustomDialog.Builder(this,
    res.getString(R.string.activity_dialog_title),
    res.getString(R.string.activity_dialog_accept));
  builder.content(res.getString(R.string.activity_dialog_content));
  builder.negativeText(res.getString(R.string.activity_dialog_decline));

  //設(shè)置樣式
  builder.darkTheme(false);
  builder.typeface(Typeface.SANS_SERIF);
  builder.positiveColor(res.getColor(R.color.light_blue_500)); // 設(shè)置按鈕的字體顏色（確定）
  builder.negativeColor(res.getColor(R.color.light_blue_500));// 設(shè)置按鈕的字體顏色（取消）
  builder.rightToLeft(false); // 按鈕是否從左到右的順序排列
  builder.titleAlignment(BaseDialog.Alignment.CENTER);//居中
  builder.buttonAlignment(BaseDialog.Alignment.CENTER);
  builder.setButtonStacking(false);

  //設(shè)置字體的大小
  builder.titleTextSize((int) res.getDimension(R.dimen.activity_dialog_title_size));
  builder.contentTextSize((int) res.getDimension(R.dimen.activity_dialog_content_size));
  builder.positiveButtonTextSize((int) res.getDimension(R.dimen.activity_dialog_positive_button_size));
  builder.negativeButtonTextSize((int) res.getDimension(R.dimen.activity_dialog_negative_button_size));

  //創(chuàng)建對(duì)話框
  CustomDialog customDialog = builder.build();
  customDialog.setCanceledOnTouchOutside(false);
  customDialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));//透明
  customDialog.setClickListener(new CustomDialog.ClickListener() {
   @Override
   public void onConfirmClick() {
    Toast.makeText(getApplicationContext(), "Yes", Toast.LENGTH_SHORT).show();
   }

   @Override
   public void onCancelClick() {
    Toast.makeText(getApplicationContext(), "Cancel", Toast.LENGTH_SHORT).show();
   }
  });

  //顯示對(duì)話框
  customDialog.show();
 }

 @Override
 public void onPinFailure(int attempts) {

 }

 @Override
 public void onPinSuccess(int attempts) {

 }

 @Override
 public int getPinLength() {
  return super.getPinLength();//可重修修改默認(rèn)的長(zhǎng)度
 }
}

CustomDialog也是用第三方，而沒有用系統(tǒng)自帶的AlertDialog，因?yàn)樘罅?，想我這種追求完美的，都是丑拒的。設(shè)置密碼的view是自定義的，包括Keyboard。

LockedCompatActivity類如下：

package com.github.orangegangsters.lollipin;

import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;

import com.github.orangegangsters.lollipin.lib.PinCompatActivity;

import lollipin.orangegangsters.github.com.lollipin.R;

/**
 * PIN頁面
 * Created by laiyingtang on 2016/06/21.
 */
public class LockedCompatActivity extends PinCompatActivity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_compat_locked);
  initView();
 }

 private void initView() {
  Toolbar toolbar = (Toolbar) findViewById(R.id.id_toolbar);
  ImageView iv_image= (ImageView) findViewById(R.id.iv_image);
  setSupportActionBar(toolbar);

  toolbar.setTitle("Title");
  toolbar.setTitleTextColor(getResources().getColor(android.R.color.white));
  toolbar.setSubtitleTextColor(getResources().getColor(android.R.color.white));
  toolbar.setLogo(R.drawable.ic_launcher);
  iv_image.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    Toast.makeText(LockedCompatActivity.this,"可繼續(xù)做相應(yīng)的操作",Toast.LENGTH_SHORT).show();
   }
  });
 }
}

該類是輸入正確的PIN碼后才能訪問的頁面，從而在該頁面可以操作你想操作的東西，比如調(diào)用支付接口，直接執(zhí)行支付操作，這也是一個(gè)不錯(cuò)的例子。錯(cuò)誤的PIN碼振動(dòng)Keyboard。

簡(jiǎn)單的講述了下主要實(shí)現(xiàn)的代碼，看下總體的效果：