仿淘宝支付密码界面

最新推荐文章于 2023-05-13 16:33:12 发布
原创 最新推荐文章于 2023-05-13 16:33:12 发布 · 377 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

 

如上图效果：

上网查了些别人写的自定义控件，界面有些差别，自己还得重新绘画计算，干脆自己用6个edittext做算了，加些条件判断：

主要监听et的文本变化，和键盘的删除按键

1、文本长度设置最大为1嘛，然后afterTextChanged的时候判断长度是否1，是的话就更改焦点，主要是et的clearFocus()和requestFocusFromTouch()，例如et1的文本长度为1了，et1取消焦点，et2获得焦点；

2、删除按钮判断当前的et长度为0了，则应该是删除上面一个et的内容并把焦点给他

代码如下，没封装，所以很长，layout文件就自己搞了：

 

final Dialog dialog = new Dialog(this , R.style.CustomDialog);
View view = LayoutInflater.from(this).inflate(R.layout.dialog_admin_password, null);
final EditText et1 = view.findViewById(R.id.password1_et);
final EditText et2 = view.findViewById(R.id.password2_et);
final EditText et3 = view.findViewById(R.id.password3_et);
final EditText et4 = view.findViewById(R.id.password4_et);
final EditText et5 = view.findViewById(R.id.password5_et);
final EditText et6 = view.findViewById(R.id.password6_et);
ImageView closeIv = view.findViewById(R.id.close_iv);
et1.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){
            et1.clearFocus();
            et2.requestFocusFromTouch();
            String password = et1.getText().toString()+et2.getText().toString()+et3.getText().toString()+et4.getText().toString()+et5.getText().toString()+et6.getText().toString();
            if(password.length()==6){
                if(password.equals("123456"))
                {
                    Intent intent1 = new Intent(LoginActivity.this, SettingActivity.class);
                    startActivity(intent1);
                    dialog.dismiss();
                }else {
                    PhoneUtil.showCustomToast("密码错误！",2);
                    et1.setText("");
                    et2.setText("");
                    et3.setText("");
                    et4.setText("");
                    et5.setText("");
                    et6.setText("");
                    et1.requestFocusFromTouch();
                }
            }
        }
    }
});
et2.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){
            et2.clearFocus();
            et3.requestFocusFromTouch();
            String password = et1.getText().toString()+et2.getText().toString()+et3.getText().toString()+et4.getText().toString()+et5.getText().toString()+et6.getText().toString();
            if(password.length()==6){
                if(password.equals("123456"))
                {
                    Intent intent1 = new Intent(LoginActivity.this, SettingActivity.class);
                    startActivity(intent1);
                    dialog.dismiss();
                }else {
                    PhoneUtil.showCustomToast("密码错误！",2);
                    et1.setText("");
                    et2.setText("");
                    et3.setText("");
                    et4.setText("");
                    et5.setText("");
                    et6.setText("");
                    et1.requestFocusFromTouch();
                }
            }
        }else {
            et2.clearFocus();
            et1.requestFocusFromTouch();
        }
    }
});
et3.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){
            et3.clearFocus();
            et4.requestFocusFromTouch();
            String password = et1.getText().toString()+et2.getText().toString()+et3.getText().toString()+et4.getText().toString()+et5.getText().toString()+et6.getText().toString();
            if(password.length()==6){
                if(password.equals("123456"))
                {
                    Intent intent1 = new Intent(LoginActivity.this, SettingActivity.class);
                    startActivity(intent1);
                    dialog.dismiss();
                }else {
                    PhoneUtil.showCustomToast("密码错误！",2);
                    et1.setText("");
                    et2.setText("");
                    et3.setText("");
                    et4.setText("");
                    et5.setText("");
                    et6.setText("");
                    et1.requestFocusFromTouch();
                }
            }
        }else {
            et3.clearFocus();
            et2.requestFocusFromTouch();
        }
    }
});
et4.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){
            et4.clearFocus();
            et5.requestFocusFromTouch();
            String password = et1.getText().toString()+et2.getText().toString()+et3.getText().toString()+et4.getText().toString()+et5.getText().toString()+et6.getText().toString();
            if(password.length()==6){
                if(password.equals("123456"))
                {
                    Intent intent1 = new Intent(LoginActivity.this, SettingActivity.class);
                    startActivity(intent1);
                    dialog.dismiss();
                }else {
                    PhoneUtil.showCustomToast("密码错误！",2);
                    et1.setText("");
                    et2.setText("");
                    et3.setText("");
                    et4.setText("");
                    et5.setText("");
                    et6.setText("");
                    et1.requestFocusFromTouch();
                }
            }
        }else {
            et4.clearFocus();
            et3.requestFocusFromTouch();
        }
    }
});
et5.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){
            et5.clearFocus();
            et6.requestFocusFromTouch();
            String password = et1.getText().toString()+et2.getText().toString()+et3.getText().toString()+et4.getText().toString()+et5.getText().toString()+et6.getText().toString();
            if(password.length()==6){
                if(password.equals("123456"))
                {
                    Intent intent1 = new Intent(LoginActivity.this, SettingActivity.class);
                    startActivity(intent1);
                    dialog.dismiss();
                }else {
                    PhoneUtil.showCustomToast("密码错误！",2);
                    et1.setText("");
                    et2.setText("");
                    et3.setText("");
                    et4.setText("");
                    et5.setText("");
                    et6.setText("");
                    et1.requestFocusFromTouch();
                }
            }
        }else {
            et5.clearFocus();
            et4.requestFocusFromTouch();
        }

    }
});

et6.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){
            String password = et1.getText().toString()+et2.getText().toString()+et3.getText().toString()+et4.getText().toString()+et5.getText().toString()+et6.getText().toString();
            if(password.length()==6)
            {
                if (password.equals("123456"))
                {
                    Intent intent1 = new Intent(LoginActivity.this, SettingActivity.class);
                    startActivity(intent1);
                    dialog.dismiss();
                }
                else
                {
                    PhoneUtil.showCustomToast("密码错误！", 2);
                    et1.setText("");
                    et2.setText("");
                    et3.setText("");
                    et4.setText("");
                    et5.setText("");
                    et6.setText("");
                    et1.requestFocusFromTouch();
                }
            }
        }else {
            et6.clearFocus();
            et5.requestFocusFromTouch();
        }
    }
});
et1.setOnKeyListener(new View.OnKeyListener()
{
    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event)
    {
        return false;
    }
});
et2.setOnKeyListener(new View.OnKeyListener()
{
    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event)
    {
        if(keyCode  == KeyEvent.KEYCODE_DEL&&event.getAction()==KeyEvent.ACTION_DOWN)
        {
            if (et2.getText().toString().length() == 0)
            {//et2没数据点了删除键则要删除1的数据并选中1
                et2.clearFocus();
                et1.setText("");
                et1.requestFocusFromTouch();
            }
        }
        return false;
    }
});
et3.setOnKeyListener(new View.OnKeyListener()
{
    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event)
    {
        if(keyCode  == KeyEvent.KEYCODE_DEL&&event.getAction()==KeyEvent.ACTION_DOWN)
        {
            if (et3.getText().toString().length() == 0)
            {
                et3.clearFocus();
                et2.setText("");
                et2.requestFocusFromTouch();
            }
        }
        return false;
    }
});
et4.setOnKeyListener(new View.OnKeyListener()
{
    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event)
    {
        if(keyCode  == KeyEvent.KEYCODE_DEL&&event.getAction()==KeyEvent.ACTION_DOWN)
        {
            if (et4.getText().toString().length() == 0)
            {
                et4.clearFocus();
                et3.setText("");
                et3.requestFocusFromTouch();

            }
        }
        return false;
    }
});
et5.setOnKeyListener(new View.OnKeyListener()
{
    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event)
    {

        if(keyCode  == KeyEvent.KEYCODE_DEL&&event.getAction()==KeyEvent.ACTION_DOWN)
        {
            if (et5.getText().toString().length() == 0)
            {
                et5.clearFocus();
                et4.setText("");
                et4.requestFocusFromTouch();

            }
        }
        return false;
    }
});
et6.setOnKeyListener(new View.OnKeyListener()
{
    @Override
    public boolean onKey(View v, int keyCode, KeyEvent event)
    {
        if(keyCode  == KeyEvent.KEYCODE_DEL&&event.getAction()==KeyEvent.ACTION_DOWN)
        {
            if (et6.getText().toString().length() == 0)
            {
                et6.clearFocus();
                et5.setText("");
                et5.requestFocusFromTouch();

            }
        }
        return false;
    }
});

closeIv.setOnClickListener(new View.OnClickListener()
{
    @Override
    public void onClick(View v)
    {
        et1.setText("");
        et2.setText("");
        et3.setText("");
        et4.setText("");
        et5.setText("");
        et6.setText("");
        dialog.dismiss();
    }
});
dialog.setContentView(view , new WindowManager.LayoutParams(WindowManager.LayoutParams.MATCH_PARENT ,WindowManager.LayoutParams.MATCH_PARENT  ));
WindowManager windowManager = getWindowManager();

dialog.getWindow().setLayout(windowManager.getDefaultDisplay().getWidth() , windowManager.getDefaultDisplay().getHeight());
dialog.setCancelable(false);
dialog.show();
qq_30508725
关注
android 自定义数字键盘密码支付（有点类似淘宝，但是更好看
11-08
android 自定义数字键盘密码支付（有点类似淘宝，但是更好看 [注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]
仿淘宝支付密码输入框
ZhangLei280的博客
06-10 941
相信大家对支付保的密码输入框应该很熟悉吧（毕竟经常用），先给大家看一下支付宝的好吧回归正题，昨天我的部门老大给了我一个APP让我看看里面有那些好的地方，可以放到我们自己APP中的模块、功能、流程（哎，小公司就这样各种抄袭），在这个APP中我看到了这个密码输入框我就想自己写一个，而身为菜鸟的我没有什么好的思路，就去github的海洋中游了一圈down了几个开源项目找了找思路，最终有了这个。设计思路：实
仿淘宝支付密码键盘
03-20
仿淘宝支付密码键盘
django+mysql 电商项目仿淘宝(短信登陆 加入购物车 支付宝支付)
m0_59452571的博客
05-13 432
版本：django 3.2.18功能：短信登陆 密码登陆 加入购物车 支付宝支付资源来自网上资源 仅用于学习由于时间紧迫 项目有许多未完善的功能以及存在些许设计问题 大佬轻喷。。。提示：以下是本篇文章正文内容，下面案例可供参考以上就是项目全过程 由于时间紧迫 其中数据库设计有缺陷 用于测试 关于支付时的商品价格我写死了 可以重构下数据库获取价格有很多不足 还请大佬勿喷。。。
css3仿淘宝支付成功打勾动画效果
09-08
css3仿淘宝支付成功打勾动画效果
安卓支付宝天猫淘宝相关相关-高仿支付宝支付密码随机数字键盘回调.rar
07-30
本资源“安卓支付宝天猫淘宝相关相关-高仿支付宝支付密码随机数字键盘回调.rar”提供了一个关于如何模仿支付宝支付密码输入界面以及实现随机数字键盘回调的示例。这个项目可能包含多个文件，如XML布局文件、Java或...
仿制淘宝支付宝功能的代码实现及界面优化
从给定文件信息中，我们可以提取出几个关键知识点进行详细说明：仿淘宝支付宝的相关代码、仿支付宝淘宝、淘宝详情缩放动画。 ### 仿淘宝支付宝的相关代码 “仿淘宝支付宝的相关代码”指的是模拟或复现淘宝支付宝...
仿制淘宝支付密码键盘的设计与实现
由于描述和标题相同，仅提供了“仿淘宝支付密码键盘”这一关键词，我们可以推断相关知识点主要集中在设计和实现一个类似于淘宝平台中使用的支付密码输入键盘的界面和功能。 首先，支付密码键盘是电子支付系统中的一...
打造仿淘宝式阿里云登录界面：密码与扫码切换功能
1. **仿淘宝、阿里云登录界面设计**：仿制的登录界面通常是指模仿特定网站或平台的风格和布局来创建一个类似的用户界面。在这个案例中，仿制的对象是淘宝网和阿里云。这类仿制界面需要考虑到原平台的设计风格、色彩...
CSS3淘宝支付成功打勾动画代码.zip
07-04
CSS3淘宝支付成功打勾动画代码。
Android---防支付宝支付密码输入弹窗
05-24
防支付宝支付密码输入弹窗， （1），封装成dialog （2），在构造方法中设置样式 （3），密码的存储和删除是操作字符串
模拟淘宝密码登录界面
qq_62277444的博客
09-21 2000
浅显飞过HTML和css基础，今天搭配js来模拟一下我们日常登入大部分界面要使用的密码隐藏和显示界面最后我们要使用js让代码可以交互起来，使得页面看起来更具有智能化的感觉，使得用户使用起来方便代码如下 //1.获取元素 var im = document . querySelector('img');//2.绑定事件 var flag = 0 im . onclick = function() {im . src = "./img/开眼.png";flag = 1;
仿淘宝订单界面
junjun56的专栏
04-13 9823
之前是因为有客户需要这个，自己百度找了半天都木有发现雷锋，于是就自己写了一个，主要是针对订单类的展现，有需要的朋友可以去看看http://dl.vmall.com/c02taalp7a（华为网盘），另百度文库也存在（暂无地址）
仿淘宝订单管理界面设计
qq_33725412的博客
06-26 8091
由于最近项目需求，需要用到购物类型界面设计，于是仿了淘宝做了一下。 还没学会做gif图，图片先凑合看吧。这是主界面。布局代码如下。 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" and
CSS3淘宝支付成功打勾动画代码
唐昊
02-29 1675
具体操作： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3淘宝支付成功打勾动画代码</title> <style type="text/css"> div{position: re...
仿京东或淘宝的订单中心页面
热门推荐
安迪爸爸
01-22 1万+
android 仿淘宝界面源代码，或微信的
quanpi4755的博客
12-30 5202
android 15 上可以运行的类似淘宝或微信的皮肤，不一定要这么复杂都可以，我是个新手，复杂的看不懂，谢谢。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值