Android仿滴滴出行验证码输入框效果

最新推荐文章于 2024-09-25 10:16:01 发布

hyd_coder

最新推荐文章于 2024-09-25 10:16:01 发布

阅读量8.6k

点赞数 3

分类专栏： Android 文章标签： android 验证码

本文链接：https://blog.csdn.net/qsdsn/article/details/78065091

版权

本文介绍了如何在Android中创建类似滴滴出行的验证码输入框效果。通过使用shape绘制背景并监听EditText焦点变化，详细展示了代码实现过程，包括自定义属性、焦点状态背景以及界面使用方法。

摘要由CSDN通过智能技术生成

1、前言

最近撸码忙成狗啊，果然从无到有的独立开发不是一般的累啊。。。。
最近公司项目中有一个类似滴滴出行填写验证码的弹框，下面是我撸出来的效果：

中间的那个输入密码的6个框框其实就是用shape画的背景，通过监听EditText获取焦点来改变背景，废话少说，直接上代码吧。

2、效果实现

代码内容比较简单，所以大家可以直接看代码

VerificationCodeInput.java

/**
 * @author hydCoder
 * @date 2017/9/22 14:39
 * @desc 输入验证码的自定义view
 * @email hyd_coder@163.com
 */

public class VerificationCodeInput extends LinearLayout implements TextWatcher, View.OnKeyListener{

private final static String TYPE_NUMBER = "number";
private final static String TYPE_TEXT = "text";
private final static String TYPE_PASSWORD = "password";
private final static String TYPE_PHONE = "phone";

private static final String   TAG           = "VerificationCodeInput";
private              int      box           = 4;
private              int      boxWidth      = 80;
private              int      boxHeight     = 80;
private              int      childHPadding = 14;
private              int      childVPadding = 14;
private              String   inputType     = TYPE_NUMBER;
private              Drawable boxBgFocus    = null;
private              Drawable boxBgNormal   = null;
private Listener listener;
private boolean        focus           = false;
private List<EditText> mEditTextList   = new ArrayList<>();
private int            currentPosition = 0;

public VerificationCodeInput(Context context, AttributeSet attrs) {
    super(context, attrs);
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.vericationCodeInput);
    box = a.getInt(R.styleable.vericationCodeInput_box, 4);

    childHPadding = (int) a.getDimension(R.styleable.vericationCodeInput_child_h_padding, 0);
    childVPadding = (int) a.getDimension(R.styleable.vericationCodeInput_child_v_padding, 0);
    boxBgFocus =  a.getDrawable(R.styleable.vericationCodeInput_box_bg_focus);
    boxBgNormal = a.getDrawable(R.styleable.vericationCodeInput_box_bg_normal);
    inputType = a.getString(R.styleable.vericationCodeInput_inputType);
    boxWidth = (int) a.getDimension(R.styleable.vericationCodeInput_child_width, boxWidth);
    boxHeight = (int) a.getDimension(R.styleable.vericationCodeInput_child_height, boxHeight);
    initViews();

}


@Ov