仿淘宝支付密码界面

最新推荐文章于 2023-06-09 01:20:44 发布
最新推荐文章于 2023-06-09 01:20:44 发布
阅读量321 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30508725/article/details/81775285
版权

 

如上图效果：

上网查了些别人写的自定义控件，界面有些差别，自己还得重新绘画计算，干脆自己用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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android仿淘宝订单页面实现
Ideaqjjl的博客
04-02 3万+
一般电商项目会涉及到的订单管理模块，类似淘宝样式的订单主要是讲一下订单页面的实现。当然实现的方法有很多，我知道的有两种方法：一种是采用listview嵌套listview的方式，这种方式需要重写listview中onMearsure方法；还有一种是采用接口回调的方式，这种方式主要对后台返回的数据有依赖； 今天主要说下第二种方法： 实现的思想：首先Tab下面的布局还是用一个listview实现，然
css3仿淘宝支付成功打勾动画效果
09-08
css3仿淘宝支付成功打勾动画效果
django+mysql 电商项目仿淘宝(短信登陆 加入购物车 支付宝支付)
m0_59452571的博客
05-13 300
版本：django 3.2.18功能：短信登陆 密码登陆 加入购物车 支付宝支付资源来自网上资源 仅用于学习由于时间紧迫 项目有许多未完善的功能以及存在些许设计问题 大佬轻喷。。。提示：以下是本篇文章正文内容，下面案例可供参考以上就是项目全过程 由于时间紧迫 其中数据库设计有缺陷 用于测试 关于支付时的商品价格我写死了 可以重构下数据库获取价格有很多不足 还请大佬勿喷。。。
仿淘宝页面
2301_78442423的博客
06-09 114
【代码】仿淘宝页面。
仿淘宝页面2
Mr_WangXiao123的博客
01-18 465
XiangQinActivity：详情页面public class XiangQingActivity extends AppCompatActivity implements XiangQingPrestener.IXiangqingView, AddCartPrestener.IAddCartView { @BindView(R.id.simpleDetails) Simple
android 自定义数字键盘密码支付（有点类似淘宝，但是更好看
11-08
android 自定义数字键盘密码支付（有点类似淘宝，但是更好看 [注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]
仿淘宝支付密码输入框
ZhangLei280的博客
06-10 857
相信大家对支付保的密码输入框应该很熟悉吧（毕竟经常用），先给大家看一下支付宝的好吧回归正题，昨天我的部门老大给了我一个APP让我看看里面有那些好的地方，可以放到我们自己APP中的模块、功能、流程（哎，小公司就这样各种抄袭），在这个APP中我看到了这个密码输入框我就想自己写一个，而身为菜鸟的我没有什么好的思路，就去github的海洋中游了一圈down了几个开源项目找了找思路，最终有了这个。设计思路：实
仿淘宝支付密码键盘
03-20
仿淘宝支付密码键盘
CSS3淘宝支付成功打勾动画代码.zip
07-04
CSS3淘宝支付成功打勾动画代码。
Android---防支付宝支付密码输入弹窗
05-24
防支付宝支付密码输入弹窗， （1），封装成dialog （2），在构造方法中设置样式 （3），密码的存储和删除是操作字符串
安卓支付宝天猫淘宝相关相关-高仿支付宝支付密码随机数字键盘回调.rar
07-30
本资源“安卓支付宝天猫淘宝相关相关-高仿支付宝支付密码随机数字键盘回调.rar”提供了一个关于如何模仿支付宝支付密码输入界面以及实现随机数字键盘回调的示例。这个项目可能包含多个文件，如XML布局文件、Java或...
仿淘宝android
06-12
【标题】"仿淘宝android" 是一个Android应用开发项目，旨在模仿中国著名的电子商务平台——淘宝网的用户界面和功能。这个项目通常由开发者用来学习和实践Android应用开发，特别是对于那些想要了解如何构建一个功能...
移动web仿支付宝支付密码输入框
08-11
在移动Web开发中，设计和实现一个仿支付宝支付密码输入框是一项重要的任务，因为它涉及到用户的安全体验和交互流程。这个项目的主要目标是创建一个与支付宝应用内支付密码输入界面相似的组件，允许用户输入六位数字...
仿淘宝客户端
09-03
【标题】"仿淘宝客户端"揭示了这个项目的目标是创建一个与淘宝网相似的移动应用程序，专注于为用户提供在手机上进行电商购物的体验。这款应用是针对Android平台设计的，特别是Android 4.2及以上版本，这表明它具有...
模拟淘宝密码登录界面
qq_62277444的博客
09-21 1622
浅显飞过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 9695
之前是因为有客户需要这个，自己百度找了半天都木有发现雷锋，于是就自己写了一个，主要是针对订单类的展现，有需要的朋友可以去看看http://dl.vmall.com/c02taalp7a（华为网盘），另百度文库也存在（暂无地址）
仿淘宝订单管理界面设计
qq_33725412的博客
06-26 7899
由于最近项目需求，需要用到购物类型界面设计，于是仿了淘宝做了一下。 还没学会做gif图，图片先凑合看吧。这是主界面。布局代码如下。 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" and
CSS3淘宝支付成功打勾动画代码
唐昊
02-29 1436
具体操作： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3淘宝支付成功打勾动画代码</title> <style type="text/css"> div{position: re...
android studio 仿淘宝商品加入购物车界面
最新发布
07-14
Android Studio 仿淘宝商品加入购物车界面的实现可以通过以下步骤进行： 1. 创建一个新的Android项目并打开Android Studio。 2. 在项目的布局文件中，创建一个包含商品信息的卡片视图，可以包括商品图片、商品名称...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值