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。

简单的讲述了下主要实现的代码，看下总体的效果：