Android實現支付寶手勢密碼功能

2019-12-12 03:32:36

字體：大中小

來源：轉載

供稿：網友

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

好，下面我們來看下具體的實現：

入口，啟動頁面就簡單的幾個按鈕，布局貼出來，代碼如下：

<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="設置" /> <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="檢驗" /> <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>

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

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); } /**  * 四個按鈕的點擊處理  * @param v  */ @Override public void onClick(View v) {  Intent intent = new Intent(MainActivity.this, CustomPinActivity.class);  switch (v.getId()) {   //設置密碼   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;   //校驗密碼   case R.id.button_unlock_pin:    intent.putExtra(AppLock.EXTRA_TYPE, AppLock.UNLOCK_PIN);    startActivity(intent);    break;   //填入手勢密碼進入PIN頁面   case R.id.button_compat_locked:    Intent intent2 = new Intent(MainActivity.this, LockedCompatActivity.class);    startActivity(intent2);    break;  } } //回調 @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;  } }}

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

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是采用網友的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;/** * 對話框頁面 * Created by laiyingtang on 2016/06/21. */public class CustomPinActivity extends AppLockActivity { @Override public void showForgotDialog() {  Resources res = getResources();  //創建對話框  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));  //設置樣式  builder.darkTheme(false);  builder.typeface(Typeface.SANS_SERIF);  builder.positiveColor(res.getColor(R.color.light_blue_500)); // 設置按鈕的字體顏色（確定）  builder.negativeColor(res.getColor(R.color.light_blue_500));// 設置按鈕的字體顏色（取消）  builder.rightToLeft(false); // 按鈕是否從左到右的順序排列  builder.titleAlignment(BaseDialog.Alignment.CENTER);//居中  builder.buttonAlignment(BaseDialog.Alignment.CENTER);  builder.setButtonStacking(false);  //設置字體的大小  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));  //創建對話框  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();   }  });  //顯示對話框  customDialog.show(); } @Override public void onPinFailure(int attempts) { } @Override public void onPinSuccess(int attempts) { } @Override public int getPinLength() {  return super.getPinLength();//可重修修改默認的長度 }}

CustomDialog也是用第三方，而沒有用系統自帶的AlertDialog，因為太丑了，想我這種追求完美的，都是丑拒的。設置密碼的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,"可繼續做相應的操作",Toast.LENGTH_SHORT).show();   }  }); }}

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

簡單的講述了下主要實現的代碼，看下總體的效果：