android wear支付宝6,Android自定义View仿支付宝输入六位密码功能

于 2021-05-26 21:58:53 发布
阅读量189 收藏 1
点赞数
文章标签： android wear支付宝6

跟选择银行卡界面类似，也是用一个PopupWindow,不过输入密码界面是一个自定义view，当输入六位密码完成后用回调在Activity中获取到输入的密码并以Toast显示密码。效果图如下：

42bfdc4f65b863ecaf3d12c09ba4f0cc.gif

自定义view布局效果图及代码如下：

58d2e79d0242104840bfdb3d796fae8f.gif

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:background="@drawable/bg_pop_window"

android:orientation="vertical">

android:id="@+id/ll_main_password"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_alignParentBottom="true"

android:background="#fff"

android:orientation="vertical">

android:layout_width="match_parent"

android:layout_height="50dp">

android:id="@+id/iv_pay_back"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerVertical="true"

android:layout_marginLeft="10dp"

android:background="@drawable/back_white"/>

android:id="@+id/tv_pay_title"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_marginLeft="15dp"

android:layout_marginTop="15dp"

android:text="标题"

android:textColor="#333"

android:textSize="18dp"/>

android:layout_width="match_parent"

android:layout_height="0.5dp"

android:background="#e5e5e5"/>

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="20dp"

android:layout_marginRight="20dp"

android:layout_marginTop="20dp"

android:background="@drawable/shape_input_area"

android:orientation="horizontal">

android:id="@+id/tv_pass1"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:inputType="numberPassword"

android:paddingBottom="5dp"

android:paddingTop="5dp"

android:textSize="32sp"/>

android:layout_width="1dp"

android:layout_height="match_parent"

android:background="#e5e5e5"/>

android:id="@+id/tv_pass2"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:inputType="numberPassword"

android:paddingBottom="5dp"

android:paddingTop="5dp"

android:textSize="32sp"/>

android:layout_width="1dp"

android:layout_height="match_parent"

android:background="#e5e5e5"/>

android:id="@+id/tv_pass3"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:inputType="numberPassword"

android:paddingBottom="5dp"

android:paddingTop="5dp"

android:textSize="32sp"/>

android:layout_width="1dp"

android:layout_height="match_parent"

android:background="#e5e5e5"/>

android:id="@+id/tv_pass4"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:inputType="numberPassword"

android:paddingBottom="5dp"

android:paddingTop="5dp"

android:textSize="32sp"/>

android:layout_width="1dp"

android:layout_height="match_parent"

android:background="#e5e5e5"/>

android:id="@+id/tv_pass5"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:inputType="numberPassword"

android:paddingBottom="5dp"

android:paddingTop="5dp"

android:textSize="32sp"/>

android:layout_width="1dp"

android:layout_height="match_parent"

android:background="#e5e5e5"/>

android:id="@+id/tv_pass6"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_weight="1"

android:gravity="center"

android:inputType="numberPassword"

android:paddingBottom="5dp"

android:paddingTop="5dp"

android:textSize="32sp"/>

android:id="@+id/tv_pay_forgetPwd"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="right"

android:layout_margin="15dp"

android:text="忘记密码？"

android:textColor="#354EEF"/>

android:id="@+id/gv_keybord"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_below="@id/ll_main_password"

android:layout_marginTop="30dp"

android:horizontalSpacing="0.5dp"

android:background="#8E8E8E"

android:numColumns="3"

android:verticalSpacing="0.5dp"/>

java代码

/**

* Created by zhpan on 2016/9/25.

*/

public class PayView extends RelativeLayout{

private MainActivity mContext;

private String mStringPassword; //输入的密码

private TextView[] mTextViewPsw; // 用数组保存6个TextView

private GridView mGridView; //支付键盘布局

private ArrayList> valueList;

private ImageView mImageViewCancel;

private TextView mTextViewForgetPsw;

private int currentIndex = -1;// 用于记录当前输入密码格位置

private View mView;

private TextView mTextViewTitle;

private TextView mTextViewDel;

public PayView(Context context) {

super(context, null);

}

public PayView(Context context, AttributeSet attrs) {

super(context, attrs);

mContext = (MainActivity) context;

mView = View.inflate(context, R.layout.pay_view, null);

valueList = new ArrayList<>();

mTextViewPsw = new TextView[6];

mImageViewCancel = (ImageView) mView.findViewById(R.id.iv_pay_back);

mTextViewPsw[0] = (TextView) mView.findViewById(R.id.tv_pass1);

mTextViewPsw[1] = (TextView) mView.findViewById(R.id.tv_pass2);

mTextViewPsw[2] = (TextView) mView.findViewById(R.id.tv_pass3);

mTextViewPsw[3] = (TextView) mView.findViewById(R.id.tv_pass4);

mTextViewPsw[4] = (TextView) mView.findViewById(R.id.tv_pass5);

mTextViewPsw[5] = (TextView) mView.findViewById(R.id.tv_pass6);

mGridView = (GridView) mView.findViewById(R.id.gv_keybord);

mTextViewTitle = (TextView) mView.findViewById(R.id.tv_pay_title);

mTextViewForgetPsw = (TextView) mView.findViewById(R.id.tv_pay_forgetPwd);

setView();

addView(mView); //必须要，不然不显示控件

}

// 初始化按钮上应该显示的数字

private void setView() {

for (int i = 1; i < 13; i++) {

Map map = new HashMap<>();

if (i < 10) {

map.put("name", String.valueOf(i));

} else if (i == 10) {

map.put("name", "");

} else if (i == 11) {

map.put("name", String.valueOf(0));

} else if (i == 12) {

map.put("name", "

}

valueList.add(map);

}

mGridView.setAdapter(adapter);

}

/**

* 设置监听方法，在第6位输入完后触发

*/

public void setOnFinishInput(final OnPasswordInputFinish pass) {

mTextViewPsw[5].addTextChangedListener(new TextWatcher() {

@Override

public void beforeTextChanged(CharSequence s, int start, int count, int after) {

}

@Override

public void onTextChanged(CharSequence s, int start, int before, int count) {

}

@Override

public void afterTextChanged(Editable s) {

if (s.toString().length() == 1) {

mStringPassword = ""; //每次触发都要将mStringPassword置空再重新获取，避免由于输入删除再输入造成混乱

for (int i = 0; i < 6; i++) {

mStringPassword += mTextViewPsw[i].getText().toString().trim();

}

pass.inputFinish();//接口中要实现的方法，完成密码输入完成后的响应逻辑

}

}

});

}

/**

* 获取输入的密码

*/

public String getPassword() {

return mStringPassword;

}

/**

* 返回取消支付的ImageView

*/

public ImageView getCancel() {

return mImageViewCancel;

}

/**

* 返回忘记密码的TextView

*/

public TextView getForgetPsw() {

return mTextViewForgetPsw;

}

/**

* 返回标题的TextView

*/

public TextView getTitle() {

return mTextViewTitle;

}

// GridView的适配器

BaseAdapter adapter = new BaseAdapter() {

@Override

public int getCount() {

return valueList.size();

}

@Override

public Object getItem(int position) {

return valueList.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(final int position, View convertView, ViewGroup parent) {

ViewHolder holder;

if (convertView == null) {

convertView = View.inflate(mContext, R.layout.item_pay_gride, null);

holder = new ViewHolder();

holder.btnKey = (TextView) convertView.findViewById(R.id.btn_keys);

convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag();

}

holder.btnKey.setText(valueList.get(position).get("name"));

if (position == 9) {

holder.btnKey.setBackgroundResource(R.drawable.selector_key_del);

}

if (position == 11) {

mTextViewDel = holder.btnKey;

holder.btnKey.setBackgroundResource(R.drawable.selector_key_del);

}

holder.btnKey.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

if (position < 11 && currentIndex != 9&&position!=9) { //点击0-9按钮

if (currentIndex >= -1 && currentIndex < 5) { //判断输入位置

mTextViewPsw[++currentIndex].setText(valueList.get(position).get("name"));

}

} else {

if (position == 11) { //点击退格键

if (currentIndex - 1 >= -1) { // 判断是否删除完毕

mTextViewPsw[currentIndex--].setText("");

}

}

if(position==9){

}

}

}

});

return convertView;

}

};

static class ViewHolder {

public TextView btnKey;

}

}

PopupWindow中直接使用该控件

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/pv_pop_win"

android:layout_width="match_parent"

android:layout_height="match_parent"/>

MainActivity中显示PupupWindow

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

private TextView mTextView;

private PopupWindow mPopupWindow;

private View popView;

private PayView mPayView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

setListener();

}

private void initView() {

mTextView = (TextView) findViewById(R.id.tv_main_pay);

}

private void setListener() {

mTextView.setOnClickListener(this);

}

// 显示弹窗

public void showPopupWindow() {

// 初始化弹窗

popView = View.inflate(this, R.layout.pop_window, null);

mPopupWindow = new PopupWindow(popView, ViewGroup.LayoutParams.MATCH_PARENT,

ViewGroup.LayoutParams.MATCH_PARENT);

mPayView = (PayView) popView.findViewById(R.id.pv_pop_win);

mPayView.getTitle().setText("选择到账银行卡");

// 设置动画

mPopupWindow.setAnimationStyle(R.style.popwin_anim_style);

mPopupWindow.showAsDropDown(findViewById(R.id.ll_main), 0, 0);

mPopupWindow.setOutsideTouchable(true);

mPayView.setOnFinishInput(new OnPasswordInputFinish() {

@Override

public void inputFinish() {

Toast.makeText(MainActivity.this, mPayView.getPassword(), Toast.LENGTH_SHORT).show();

}

});

mPayView.getCancel().setOnClickListener(this);

mPayView.getForgetPsw().setOnClickListener(this);

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.tv_main_pay:

showPopupWindow();

break;

case R.id.iv_pay_back:

mPopupWindow.dismiss();

break;

case R.id.tv_pay_forgetPwd:

Toast.makeText(MainActivity.this,"忘记密码",Toast.LENGTH_SHORT).show();

break;

}

}

}

以上所述是小编给大家介绍的Android自定义View仿支付宝输入六位密码功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

bin ecause
关注
android 支付宝弹出付款方式以及输入六位密码，输完自动关闭，回调密码
07-26
android 支付宝弹出付款方式以及输入六位密码，输完自动关闭，回调密码 超值，直接导入就可以使用
Android自定义控件开发系列（三）——仿支付宝六位支付密码输入页面
热门推荐
衷水木先生的博客
11-25 1万+
在移动互联领域，有那么几家龙头一直是我等学习和追求的目标，比如支付宝、微信、饿了么、酷狗音乐等等，大神举不胜举，他们设计的界面、交互方式已经培养了中国（有可能会是世界）民众的操作习惯：举个小例子，对话框“确定”按钮的左右位置就很有学问，如果大家都是左边取消右边确定，你的作品偏偏相反，就会导致用户在操作时候很不适应，甚至会习惯性点错，这一小小的问题将严重影响产品的体验，闲话少说，开始...
android支付密码弹窗,在Android应用中怎么利用dialog实现一个支付密码界面弹窗
weixin_42357618的博客
05-26 643
在Android应用中怎么利用dialog实现一个支付密码界面弹窗发布时间：2020-11-27 17:32:40来源：亿速云阅读：103作者：Leah这篇文章将为大家详细讲解有关在Android应用中怎么利用dialog实现一个支付密码界面弹窗，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。实现过程1，先写xml文件：dialog_keyboard...
Android自定义控件开发系列——仿支付宝六位支付密码输入
Heroz的博客
06-19 2858
Android开发自定义组件之设置和修改交易密码（仿支付宝）
Android自定义View仿支付宝输入六位密码功能，自定义支付密码PopupWindow
04-17
当输入六位密码完成后用回调,已经做了处理，只需要加上你自己的方法就可以请求网络
Android Wear计时器开发
09-04
在Android Wear平台上开发计时器应用需要考虑与传统Android设备不同的设计原则，因为Wear设备具有独特的使用场景和功耗管理。本篇文章主要探讨如何在Android Wear上构建一个计时类应用，例如用于足球比赛的计时器。 ...
Android Wear通知
04-06
**Android Wear通知**是专为智能手表和其他可穿戴设备设计的一种交互方式，它允许应用程序在用户的手腕上展示重要信息。Android Wear系统的核心组件之一就是通知系统，它将智能手机或平板电脑上的通知无缝同步到可...
android wear demo.rar
04-25
android 手机端app与手表通过MessageApi通讯： 手机端app点击按钮，手表端显示点击的次数，开发环境为Anddroid studio。基于google play services.手机端必须下载google wear os.
Android自定义View仿支付宝输入六位密码功能_Android
superbigfollicle的博客
08-12 1606
摘要： 本文讲的是Android自定义View仿支付宝输入六位密码功能_Android，跟选择银行卡界面类似，也是用一个PopupWindow,不过输入密码界面是一个自定义view，当输入六位密码完成后用回调在Activity中获取到输入的密码并以Toast显示密码。效果图如下：自定义view布局效果图及代码如下： 转发抽手机 云计算 大数据 建站 备案 文档 域名 whois查
Android-PasswordInputView简单的自定义六位数字密码框
03-25
简单的自定义六位数字密码框
Android 六位数密码输入框
12-09
六位数密码输入框 是模仿的微信红包六位数密码和支付宝六位数密码 根据自己需要也可以改为明文的输入框 主要就是自定义了EditText 开发环境：eclipse 我根据找到的资料修改的，方便大部分人使用，也方便自己以后继续使用。
自定义纯数字键盘 + 只能输入6位数字密码输入框2个demo
11-18
自定义纯数字键盘 + 只能输入6位数字密码输入框2个demo
Android自定义View仿支付宝输入六位密码功能
01-05
跟选择银行卡界面类似，也是用一个PopupWindow,不过输入密码界面是一个自定义view，当输入六位密码完成后用回调在Activity中获取到输入的密码并以Toast显示密码。效果图如下： 自定义view布局效果图及代码如下： <?xml version=1.0 encoding=utf-8?> <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android android:layout_width=match_parent android:layout_height=wrap_con
Android实现支付宝6位密码输入界面
01-05
我们先来照图分析一下： （1）限制输入6位，每一位都有自己的框格，每个格显示一位； （2）有回退/取消支付按钮； （3）有忘记密码链接； （4）自定义的只能输入数字的键盘输入区； （5）在6位输完后自动进行密码校验和支付交易。如上图左边是iOS支付宝支付密码输入控件，右边是我模仿实现的效果。 首先，我们需要一个页面来完成以上的静态布局，.xml代码如下： <?xml version=1.0 encoding=utf-8?> <RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android andr
Android仿支付宝密码输入框(自定义数字键盘)
落雨敏
11-16 7405
1.概述 Android自定义密码输入框，通过自定义输入显示框和自定义输入键盘，实现仿支付宝数字键盘等。代码已托管到github，有需要的话可以去我的github下载。 可以自定义关闭图标、文字内容、颜色、大小，弹框样式等。 先看效果图： 2．效果实现 2.1. 拆分控件之标题栏 包含一个关闭按钮，和一个标题文本，就是一个简单的ImageView和T...
Android自定义密码输入框——（仿支付宝等）
sannasll的博客
06-07 9344
Android自定义密码输入框，通过自定义输入显示框和自定义输入键盘，实现支付宝等 密码输入的效果，使用者可自定义密码是否可见。代码已托管到github，有需要的话可以 去我的github下载。 话不多说，先看效果： 图左为隐藏密码的显示效果，图右为不隐藏密码的显示效果，该可见性可由自定义密码输入框控件的isHide属性来确定   isHide="true" 表示隐藏输入的密码，
安卓/Android 模仿支付宝/微信 支付密码输入框的自定义View
天才小汪汪
07-12 1614
类似这个密码输入框相信在博客上已经不少了，但是我稍微看了一下，大都是通过XML布局，然后组合成的一个自定义View。但是我想只用一个java文件，拿来就用该怎么办呢？ 那就需要自己画出来了。水平有限，这里提供我自己自定义的一个过程，哪里不好，大家提提意见。 先上个效果图预览吧，我这里只是实现了那个框，具体输入布局大家可以在xml随意定义。 使用起来还是比较方便的，主要开放有四个方法和
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值