模仿微信支付输入密码框的效果

这里写图片描述

关键代码

public class SecurityPasswordEditText  extends LinearLayout {
    private EditText mEditText;
    private TextView oneTextView;
    private TextView twoTextView;
    private TextView threeTextView;
    private TextView fourTextView;
    private TextView fiveTextView;
    private TextView sixTextView;
    private TextView[] mTextViews;

    private StringBuilder builder = new StringBuilder();
    private SecurityEditCompileListener mListener;

    public SecurityPasswordEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater inflater = LayoutInflater.from(context);
        initWidget(inflater);
    }

    private void initWidget(LayoutInflater inflater) {
        View contentView = inflater.inflate(R.layout.auth_code_edittext_widget, this,false);
        mEditText = (EditText) contentView
                .findViewById(R.id.sdk2_pwd_edit_simple);
        oneTextView = (TextView) contentView
                .findViewById(R.id.pwd_one_tv);
        twoTextView = (TextView) contentView
                .findViewById(R.id.pwd_two_tv);
        threeTextView = (TextView) contentView
                .findViewById(R.id.pwd_three_tv);
        fourTextView = (TextView) contentView
                .findViewById(R.id.pwd_four_tv);
        fiveTextView = (TextView) contentView
                .findViewById(R.id.pwd_five_tv);
        sixTextView = (TextView) contentView
                .findViewById(R.id.pwd_six_tv);


        LinearLayout.LayoutParams lParams = new LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT,
                LinearLayout.LayoutParams.WRAP_CONTENT);
        mEditText.addTextChangedListener(mTextWatcher);
        mTextViews = new TextView[] { oneTextView, twoTextView, threeTextView,
                fourTextView, fiveTextView, sixTextView };
        this.addView(contentView, lParams);
    }

    TextWatcher mTextWatcher = new TextWatcher() {
        @Override
        public void onTextChanged(CharSequence s, int start, int before,
                                  int count) {
        }
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                                      int after) {
        }

        @Override
        public void afterTextChanged(Editable s) {
            setBuilderValue(s.toString());
        }
    };

    private void setBuilderValue(String str) {
        int strLen = str.length();
        int builderLen = builder.length();
        if(strLen == builderLen){
            return;
        }
        if(strLen < builderLen){
            for (int i = strLen; i <= builderLen - 1; i++) {
                mTextViews[i].setText("");
            }
            builder = new StringBuilder(str);
        }else{
            builder = new StringBuilder(str);
            for (int i = builderLen; i <= strLen - 1; i++) {
                if(MainActivity.showType == ShowType.hideNumber){
                    mTextViews[i].setText("●");
                }else {
                    mTextViews[i].setText(builder.toString().substring(i, i + 1));
                }
            }
        }
        if (mTextViews.length == builder.length() && this.mListener != null) {
            mListener.onNumCompleted(str);
        }
    }
    public void setSecurityEditCompileListener(
            SecurityEditCompileListener mListener) {
        this.mListener = mListener;
    }
}

源码地址: https://github.com/halibobo/PayKeyboaradEditText

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值