Android实现支付宝手势密码功能

今天就给大家分享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。

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

最后附上源码,拿走不谢!下载地址

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android实现支付宝6位密码输入界面

    我们先来照图分析一下: (1)限制输入6位,每一位都有自己的框格,每个格显示一位: (2)有回退/取消支付按钮: (3)有忘记密码链接: (4)自定义的只能输入数字的键盘输入区: (5)在6位输完后自动进行密码校验和支付交易.如上图左边是iOS支付宝支付密码输入控件,右边是我模仿实现的效果. 首先,我们需要一个页面来完成以上的静态布局,.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <Relativ

  • Android 仿支付宝密码输入框效果

    模仿支付宝输入效果,实现很简单,就是画个矩形框和圆形,其他的通过组合view来实现所有功能,虽然简单但是封装起来,方便以后使用,也分享一下,希望对别人也有点帮助. 1.如何使用,可以设置自己的进入退出动画,不设置则没有动画效果,自己觉得封装之后还是非常用好的. private MyInputPwdUtil myInputPwdUtil; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(sa

  • Android仿支付宝、京东的密码键盘和输入框

    首先看下效果图 一:布局代码 键盘由0~9的数字,删除键和完成键组成,也可以根据需求通过GridView适配器的getItemViewType方法来定义.点击键的时候背景有变色的效果. 密码输入框由六个EditText组成,每个输入框最对能输入一个数字,监听最后一个输入框来完成密码输入结束的监听. 二:键盘 键盘中的主要逻辑处理,键盘样式,item的点击事件 @Override public int getViewTypeCount() { return 2; } @Override publi

  • Android仿支付宝手势密码解锁功能

    Starting 创建手势密码可以查看 CreateGestureActivity.java 文件. 登陆验证手势密码可以看 GestureLoginActivity.java 文件. Features 使用了 JakeWharton/butterknife butterknife 使用了 ACache 来存储手势密码 /** * 保存手势密码 */ private void saveChosenPattern(List<LockPatternView.Cell> cells) { byte[

  • Android自定义View仿支付宝输入六位密码功能

    跟选择银行卡界面类似,也是用一个PopupWindow,不过输入密码界面是一个自定义view,当输入六位密码完成后用回调在Activity中获取到输入的密码并以Toast显示密码.效果图如下: 自定义view布局效果图及代码如下: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/

  • Android仿支付宝微信支付密码界面弹窗封装dialog

    一,功能效果 二,实现过程 1,先写xml文件:dialog_keyboard.xml 注意事项 (1),密码部分用的是一个线性布局中6个TextView,并设置android:inputType="numberPassword",外框是用的一个有stroke属性的shape, (2),1-9数字是用的recycleview ,每个item的底部和右边有1dp的黑线,填充后形成分割线. (3),recycleview 要设置属性  android:overScrollMode=&quo

  • Android 实现仿支付宝的密码均分输入框

    Android 仿支付宝的密码均分输入框 此为安卓项目,通过重绘edittext进行文字的均分排布. 直接贴上代码: package com.xxx.xxx; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Rect; import android

  • Android仿微信/支付宝密码输入框

    在用到支付类app时,都有一个简密的输入框..开始实现的时候思路有点问题,后来到github上搜了下,找到了一个开源的库看起来相当的牛逼,,来个地址先: https://github.com/Jungerr/GridPasswordView 效果图: 这个开源库我研究了之后,又有了自己的一个思路:来个假的简密框---底部放一个EditTextView,顶部放置6个ImageView的原点,控制他们的显隐来实现这个简密宽 开发步骤: 1 布局 <?xml version="1.0"

  • Android仿支付宝支付密码输入框

    本文实例为大家分享了Android实现一个仿支付宝支付密码的输入框,主要实现如下: PasswordView.java package com.jackie.alipay.password; import android.annotation.TargetApi; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphic

  • android仿微信支付宝的支付密码输入框示例

    大家好,我是狸小华,萌汉子一枚.今天给大家带来的是仿微信/支付宝的密码输入框.这个效果也出来有一段时间了,所以搜索一下还是有不少的网友实现,但是,但是!经过一番查看后,我发现他们的实现分为两大类. 一,直接继承EditText,然后在ondraw里面做文章:二,EditText外面包一个viewGroup.我不喜欢这两种实现方式,觉着有些臃肿了,所以我详细介绍下我的实现方式:直接继承View,获取用户的输入,然后draw出来. 我们实现的是上面的密码输入框,这个键盘...系统自带的哦,调用用户输

随机推荐