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。

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

这里写图片描述

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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值