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

2024-10-05 07:16:47

本文实例为大家分享了Android实现支付宝支付密码输入界面的具体代码，供大家参考，具体内容如下

效果图：

主要代码：

import java.util.ArrayList;
 
import android.annotation.SuppressLint;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
 
import com.example.payui.KeyboardEnum.ActionEnum;
import com.lidroid.xutils.ViewUtils;
import com.lidroid.xutils.view.annotation.ViewInject;
import com.lidroid.xutils.view.annotation.event.OnClick;
import com.lidroid.xutils.view.annotation.event.OnLongClick;
/**
 * Dialog 显示视图
 * @author LanYan
 *
 */
@SuppressLint("InflateParams")
public class PayPasswordView{
 
    @ViewInject(R.id.pay_keyboard_del)
    private ImageView del;
    @ViewInject(R.id.pay_keyboard_zero)
    private ImageView zero;
    @ViewInject(R.id.pay_keyboard_one)
    private ImageView one;
    @ViewInject(R.id.pay_keyboard_two)
    private ImageView two;
    @ViewInject(R.id.pay_keyboard_three)
    private ImageView three;
    @ViewInject(R.id.pay_keyboard_four)
    private ImageView four;
    @ViewInject(R.id.pay_keyboard_five)
    private ImageView five;
    @ViewInject(R.id.pay_keyboard_sex)
    private ImageView sex;
    @ViewInject(R.id.pay_keyboard_seven)
    private ImageView seven;
    @ViewInject(R.id.pay_keyboard_eight)
    private ImageView eight;
    @ViewInject(R.id.pay_keyboard_nine)
    private ImageView nine;
    @ViewInject(R.id.pay_cancel)
    private TextView cancel;
    @ViewInject(R.id.pay_sure)
    private TextView sure;
    @ViewInject(R.id.pay_box1)
    private TextView box1;
    @ViewInject(R.id.pay_box2)
    private TextView box2;
    @ViewInject(R.id.pay_box3)
    private TextView box3;
    @ViewInject(R.id.pay_box4)
    private TextView box4;
    @ViewInject(R.id.pay_box5)
    private TextView box5;
    @ViewInject(R.id.pay_box6)
    private TextView box6;
    @ViewInject(R.id.pay_title)
    private TextView title;
    @ViewInject(R.id.pay_content)
    private TextView content;
    
    private ArrayList<String> mList=new ArrayList<String>();
    private View mView;
    private OnPayListener listener;
    private Context mContext;
    public PayPasswordView(){
        
    }
    public static PayPasswordView getInstance(){
        return  new PayPasswordView();
    }
    
    public View getDecorView(String monney,Context mContext,OnPayListener listener){
        this.listener=listener;
        this.mContext=mContext;
        mView=LayoutInflater.from(mContext).inflate(R.layout.item_paypassword, null);
        ViewUtils.inject(this,mView);
        content.setText("消费金额："+monney+"元");
        return mView;
    }
    
    @OnClick({R.id.pay_keyboard_del,R.id.pay_keyboard_zero,
        R.id.pay_keyboard_one,R.id.pay_keyboard_two,
        R.id.pay_keyboard_three,R.id.pay_keyboard_four,
        R.id.pay_keyboard_five,R.id.pay_keyboard_sex,
        R.id.pay_keyboard_seven,R.id.pay_keyboard_eight,
        R.id.pay_keyboard_nine,R.id.pay_cancel,
        R.id.pay_sure})
    private void onClick(View v){
        if(v==zero){
            parseActionType(KeyboardEnum.zero);
        }else if(v==one){
            parseActionType(KeyboardEnum.one);
        }else if(v==two){
            parseActionType(KeyboardEnum.two);
        }else if(v==three){
            parseActionType(KeyboardEnum.three);
        }else if(v==four){
            parseActionType(KeyboardEnum.four);
        }else if(v==five){
            parseActionType(KeyboardEnum.five);
        }else if(v==sex){
            parseActionType(KeyboardEnum.sex);
        }else if(v==seven){
            parseActionType(KeyboardEnum.seven);
        }else if(v==eight){
            parseActionType(KeyboardEnum.eight);
        }else if(v==nine){
            parseActionType(KeyboardEnum.nine);
        }else if(v==cancel){
            parseActionType(KeyboardEnum.cancel);
        }else if(v==sure){
            parseActionType(KeyboardEnum.sure);
        }else if(v==del){
            parseActionType(KeyboardEnum.del);
        }
    }
    
    @OnLongClick(R.id.pay_keyboard_del)
    public boolean onLongClick(View v) {
        // TODO Auto-generated method stub
        parseActionType(KeyboardEnum.longdel);
        return false;
    }
    
    private void parseActionType(KeyboardEnum type) {
        // TODO Auto-generated method stub
        if(type.getType()==ActionEnum.add){
            if(mList.size()<6){
                mList.add(type.getValue());
                updateUi();
            }
        }else if(type.getType()==ActionEnum.delete){
            if(mList.size()>0){
                mList.remove(mList.get(mList.size()-1));
                updateUi();
            }
        }else if(type.getType()==ActionEnum.cancel){
            listener.onCancelPay();
        }else if(type.getType()==ActionEnum.sure){
            if(mList.size()<6){
                Toast.makeText(mContext, "支付密码必须6位", Toast.LENGTH_SHORT).show();
            }else{
                String payValue="";
                for (int i = 0; i < mList.size(); i++) {
                    payValue+=mList.get(i);
                }
                listener.onSurePay(payValue);
            }
        }else if(type.getType()==ActionEnum.longClick){
            mList.clear();
            updateUi();
        }
        
    }
    private void updateUi() {
        // TODO Auto-generated method stub
        if(mList.size()==0){
            box1.setText("");
            box2.setText("");
            box3.setText("");
            box4.setText("");
            box5.setText("");
            box6.setText("");
        }else if(mList.size()==1){
            box1.setText(mList.get(0));
            box2.setText("");
            box3.setText("");
            box4.setText("");
            box5.setText("");
            box6.setText("");
        }else if(mList.size()==2){
            box1.setText(mList.get(0));
            box2.setText(mList.get(1));
            box3.setText("");
            box4.setText("");
            box5.setText("");
            box6.setText("");
        }else if(mList.size()==3){
            box1.setText(mList.get(0));
            box2.setText(mList.get(1));
            box3.setText(mList.get(2));
            box4.setText("");
            box5.setText("");
            box6.setText("");
        }else if(mList.size()==4){
            box1.setText(mList.get(0));
            box2.setText(mList.get(1));
            box3.setText(mList.get(2));
            box4.setText(mList.get(3));
            box5.setText("");
            box6.setText("");
        }else if(mList.size()==5){
            box1.setText(mList.get(0));
            box2.setText(mList.get(1));
            box3.setText(mList.get(2));
            box4.setText(mList.get(3));
            box5.setText(mList.get(4));
            box6.setText("");
        }else if(mList.size()==6){
            box1.setText(mList.get(0));
            box2.setText(mList.get(1));
            box3.setText(mList.get(2));
            box4.setText(mList.get(3));
            box5.setText(mList.get(4));
            box6.setText(mList.get(5));
        }
    }
    
    public interface OnPayListener{
        void onCancelPay();
        void onSurePay(String password);
    }
    
}

Enum:

public enum KeyboardEnum {
    one(ActionEnum.add,"1"),
    two(ActionEnum.add,"2"),
    three(ActionEnum.add,"3"),
    four(ActionEnum.add,"4"),
    five(ActionEnum.add,"5"),
    sex(ActionEnum.add,"6"),
    seven(ActionEnum.add,"7"),
    eight(ActionEnum.add,"8"),
    nine(ActionEnum.add,"9"),
    zero(ActionEnum.add,"0"),
    del(ActionEnum.delete,"del"),
    longdel(ActionEnum.longClick,"longclick"),
    cancel(ActionEnum.cancel,"cancel"),
    sure(ActionEnum.sure,"sure");
    public enum ActionEnum{
        add,delete,longClick,cancel,sure
    }
    private ActionEnum type;
    private String value;
    private KeyboardEnum(ActionEnum type,String value){
        this.type=type;
        this.value=value;
    }
    public ActionEnum getType() {
        return type;
    }
    public void setType(ActionEnum type) {
        this.type = type;
    }
    public String getValue() {
        return value;
    }
    public void setValue(String value) {
        this.value = value;
    }
 
}

测试类：

public class MainActivity extends Activity {
 
    private DialogWidget mDialogWidget;
    private TextView payTextView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        payTextView=(TextView)findViewById(R.id.payEditText);
        payTextView.setOnClickListener(new OnClickListener() {
            
 
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                mDialogWidget=new DialogWidget(MainActivity.this, getDecorViewDialog());
                mDialogWidget.show();
            }
        });
    }
    
    protected View getDecorViewDialog() {
        // TODO Auto-generated method stub
        return PayPasswordView.getInstance().getDecorView("45.99",this,new OnPayListener() {
            
            @Override
            public void onSurePay(String password) {
                // TODO Auto-generated method stub
                mDialogWidget.dismiss();
                mDialogWidget=null;
                payTextView.setText(password);
                Toast.makeText(getApplicationContext(), "交易成功", Toast.LENGTH_SHORT).show();
            }
            
            @Override
            public void onCancelPay() {
                // TODO Auto-generated method stub
                mDialogWidget.dismiss();
                mDialogWidget=null;
                Toast.makeText(getApplicationContext(), "交易已取消", Toast.LENGTH_SHORT).show();
                
            }
        });
    }
}

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

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

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

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

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

0.前言之前做过的项目里有运用到一个支付场景:用户办理业务时需要输入交易密码,并且可根据平台下发的支付方式进行选择.这与支付宝的密码输入方式十分相似,如果使用Android系统或者第三方软件的键盘,会有密码泄露的风险.因此,大多数的应用软件使用的是自定义的密码输入框及安全键盘. 由于密码输入方式需要实现一个从底部弹出的效果,因此总体上决定采用BottomSheetDialog来进行封装,同时为了提高安全性,还应该随机生成键盘上的数字,界面如下图所示: 首先新建一个PasswordInpu
android仿微信支付宝的支付密码输入框示例

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

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

相关推荐

随机推荐