Android 验证码输入框，方块且输入后变换颜色

seven_ • 2023年2月27日下午10:10 • Android • 阅读 255

效果图：

1、添加编辑框引用 SplitEditText

implementation 'com.king.view:splitedittext:1.0.0'

2.Activity的先关代码

（1）。xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical">

    <!--
     app:setStrokeWidth 设置边的宽度
     app:setBorderColor 默认边框的颜色
     app:setInputBorderColor 已输入文本的边框颜色
     app:setFocusBorderColor 焦点框的边框颜色
     app:setBoxBackgroundColor 框的背景颜色
     app:setBorderCornerRadius 框的圆角大小（当 BorderSpacing 为 0dp 时，只有最左和最右两端的框有圆角）
     app:setBorderSpacing 框与框之间的间距大小
     app:setMaxLength 允许输入的最大长度（框个数量）
     app:setBorderStyle 边框风格(box line)
     app:setTextStyle 文本风格（可以是明文(plain_text)或者密文(cipher_text)，默认：明文）
     app:setCipherMask 密文掩码（当 TextStyle 为密文时，可自定义密文掩码 默认是“ * ”）
     app:setFakeBoldText 是否是粗体 （默认 flase）-->
    <com.king.view.splitedittext.SplitEditText
        android:id="@+id/splitedittext1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:layout_marginStart="12dp"
        android:layout_marginEnd="8dp"
        android:inputType="number"
        android:minHeight="46dp"
        app:setBorderStyle="box"
        tools:text="12"/>

</LinearLayout>

（2）。Activity

package com.zdmtech.edittextdemo;

import android.os.Bundle;
import android.util.Log;

import androidx.appcompat.app.AppCompatActivity;

import com.king.view.splitedittext.SplitEditText;

/**
 * SplitEditText for Android 是一个灵活的分割编辑框。常常应用于 验证码输入 、密码输入 、等场景。
 * https://gitee.com/jenly1314/SplitEditText
 */
public class MainActivity extends AppCompatActivity {

    private SplitEditText splitedittext1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initDate();
    }

    public void initView() {
        splitedittext1 = findViewById(R.id.splitedittext1);
    }

    public void initDate() {
        //设置输入监听
        splitedittext1.setOnTextInputListener(new SplitEditText.OnTextInputListener() {
            @Override
            public void onTextInputChanged(String text, int length) {
                //TODO 文本输入改变
                Log.e("SplitEditText" ,"文本输入改变 text = "+text);
                Log.e("SplitEditText" ,"文本输入改变 length = "+length);
            }

            @Override
            public void onTextInputCompleted(String text) {
                //TODO 文本输入完成
                Log.e("SplitEditText" ,"文本输入完成 text = "+text);
            }
        });
    }
}