Android自定义Dialog带分隔的8位输入框按钮回调输入值

第一次写博客，实现一个分隔输入框的自定义对话框，点击按钮通过回调方法在调用界面获取输入值，代码也是东拼西凑来的，所以谢谢各位的分享，从哪抄的忘了所以就不贴地址了，如果在意，请联系我删除。话不多说直接贴代码。

首先看一下效果图，大家可以看看是不是自己想要的效果，避免浪费时间。

一、布局文件

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:gravity="center"  
    android:orientation="vertical">  
  
    <LinearLayout  
        android:layout_width="350dp"  
        android:layout_height="230dp"  
        android:background="@drawable/shape_corner_backcolor"  
        android:gravity="center"  
        android:orientation="vertical">  
  
        <TextView  
            android:id="@+id/title_num"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="请输入珠子上的数字"  
            android:textColor="#000"  
            android:textSize="18dp" />  
  
        <FrameLayout  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_marginTop="20dp">  
  
            <LinearLayout  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:background="@drawable/shape_corner_black"  
                android:gravity="center"  
                android:orientation="horizontal">  
  
                <TextView  
                    android:id="@+id/num_1"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/lift_corner_back"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
                <TextView  
                    android:id="@+id/num_2"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/shape_stroke"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
                <TextView  
                    android:id="@+id/num_3"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/shape_stroke"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
                <TextView  
                    android:id="@+id/num_4"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/shape_stroke"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
                <TextView  
                    android:id="@+id/num_5"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/shape_stroke"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
                <TextView  
                    android:id="@+id/num_6"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/shape_stroke"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
                <TextView  
                    android:id="@+id/num_7"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/shape_stroke"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
                <TextView  
                    android:id="@+id/num_8"  
                    android:layout_width="39dp"  
                    android:layout_height="39dp"  
                    android:background="@drawable/right_corner_back"  
                    android:gravity="center"  
                    android:textColor="#000"  
                    android:textSize="20dp" />  
  
            </LinearLayout>  
  
            <EditText  
                android:id="@+id/et_real"  
                android:layout_width="310dp"  
                android:layout_height="40dp"  
                android:background="@null"  
                android:cursorVisible="false"  
                android:inputType="number"  
                android:maxLength="8"  
                android:maxLines="1"  
                android:textColor="#00000000"  
                android:textCursorDrawable="@null" />  
  
        </FrameLayout>  
  
  
        <LinearLayout  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:layout_marginTop="20dp">  
  
            <Button  
                android:id="@+id/abrogate_num"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:background="@drawable/shape_d32e37"  
                android:text="取消" />  
  
            <Button  
                android:id="@+id/count_num"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_marginLeft="45dp"  
                android:background="@drawable/shape_01caff"  
                android:text="确认" />  
        </LinearLayout>  
  
  
    </LinearLayout>  
  
  
</LinearLayout>  

这是dialog的布局文件，稍后我会上传背景的.xml文件（看来下上传后最少需要2个积分下载，那就在后边贴出来吧，只贴一个，其他类似）。没有什么复杂的东西，注意的是中间有个帧布局，透明的EditText覆盖在8个框框上边，这样是可以通过点击输入区域弹出键盘等效果，代码里也实现了在动弹出系统键盘，保证开始状态显示键盘，提高友好性。

二、主要代码

/** 
 * 挫其锐，解其纷，和其光，同其尘。 
 */  
  
public class NumberDialog extends Dialog implements View.OnClickListener {  
  
    private TextView num_1;  
    private TextView num_2;  
    private TextView num_3;  
    private TextView num_4;  
    private TextView num_5;  
    private TextView num_6;  
    private TextView num_7;  
    private TextView num_8;  
    private Button positiveButton;  
    private Button negativeButton;  
    private EditText relNumEdit;  
    private String _num;  
  
    private NumCallback mCallback;  
    private Context mContext;  
  
    public interface NumCallback {  
        void callback(String nums);  
    }  
  
    public NumberDialog(Context context) {  
        super(context);  
        mContext = context;  
        requestWindowFeature(Window.FEATURE_NO_TITLE);  
        setContentView(R.layout.dialog_nums);  
        setCanceledOnTouchOutside(false);  
  
        num_1 = findViewById(R.id.num_1);  
        num_2 = findViewById(R.id.num_2);  
        num_3 = findViewById(R.id.num_3);  
        num_4 = findViewById(R.id.num_4);  
        num_5 = findViewById(R.id.num_5);  
        num_6 = findViewById(R.id.num_6);  
        num_7 = findViewById(R.id.num_7);  
        num_8 = findViewById(R.id.num_8);  
        relNumEdit = findViewById(R.id.et_real);  
        relNumEdit.addTextChangedListener(new EditChangeListener(relNumEdit));  
        positiveButton = findViewById(R.id.count_num);  
        positiveButton.setOnClickListener(this);  
        negativeButton = findViewById(R.id.abrogate_num);  
        negativeButton.setOnClickListener(this);  
    }  
  
    @Override  
    public void onClick(View v) {  
        switch (v.getId()) {  
            case R.id.count_num:  
                if (_num != null) {  
                    buttonClickListener.positiveButtonClick(_num);  
                    NumberDialog.this.dismiss();  
                } else {  
                    Toast.makeText(mContext, "输入位数错误", Toast.LENGTH_LONG).show();  
                }  
                break;  
            case R.id.abrogate_num:  
                buttonClickListener.negativeButtonClick();  
                NumberDialog.this.dismiss();  
                break;  
        }  
  
    }  
  
    public void showKeyboard() {  
        if (relNumEdit != null) {  
            //设置可获得焦点  
            relNumEdit.setFocusable(true);  
            relNumEdit.setFocusableInTouchMode(true);  
            //请求获得焦点  
            relNumEdit.requestFocus();  
            //调用系统输入法  
            InputMethodManager inputManager = (InputMethodManager) relNumEdit  
                    .getContext().getSystemService(Context.INPUT_METHOD_SERVICE);  
            inputManager.showSoftInput(relNumEdit, 0);  
        }  
    }  
  
    private OnButtonClickListener buttonClickListener;  
  
    public void setOnButtonClickListener(OnButtonClickListener listener) {  
        this.buttonClickListener = listener;  
    }  
  
    //实现回调功能  
    public interface OnButtonClickListener {  
        void positiveButtonClick(String s);  
  
        void negativeButtonClick();  
    }  
  
  
    public void setNumCallback(NumCallback mCallback) {  
        this.mCallback = mCallback;  
    }  
  
    private class EditChangeListener implements TextWatcher {  
  
        private EditText editText;  
  
        public EditChangeListener(EditText editText) {  
            this.editText = editText;  
        }  
  
        @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) {  
  
            String ret = s.toString().trim();  
            Log.i("dialog", "afterTextChanged: " + ret);  
            if (editText.getId() == R.id.et_real) {  
                char[] array = ret.toCharArray();  
                int i;  
                for (i = 0; i < array.length; i++) {  
                    switch (i) {  
                        case 0:  
                            num_1.setText(String.valueOf(array[0]));  
                            break;  
                        case 1:  
                            num_2.setText(String.valueOf(array[1]));  
                            break;  
                        case 2:  
                            num_3.setText(String.valueOf(array[2]));  
                            break;  
                        case 3:  
                            num_4.setText(String.valueOf(array[3]));  
                            break;  
                        case 4:  
                            num_5.setText(String.valueOf(array[4]));  
                            break;  
                        case 5:  
                            num_6.setText(String.valueOf(array[5]));  
                            break;  
                        case 6:  
                            num_7.setText(String.valueOf(array[6]));  
                            break;  
                        case 7:  
                            num_8.setText(String.valueOf(array[7]));  
                            break;  
                    }  
                }  
  
                for (int j = i; j < 8; j++) {  
                    switch (j) {  
                        case 0:  
                            num_1.setText("");  
                            break;  
                        case 1:  
                            num_2.setText("");  
                            break;  
                        case 2:  
                            num_3.setText("");  
                            break;  
                        case 3:  
                            num_4.setText("");  
                            break;  
                        case 4:  
                            num_5.setText("");  
                            break;  
                        case 5:  
                            num_6.setText("");  
                            break;  
                        case 6:  
                            num_7.setText("");  
                            break;  
                        case 7:  
                            num_8.setText("");  
                            break;  
                    }  
                }  
                if (array.length == 8) {  
                    _num = ret;  
                    if (mCallback != null) {  
                        mCallback.callback(ret);  
                    }  
                }  
            }  
        }  
    }  
}

以上是主要代码，其中有两个接口，调用效果是不同的。

public interface NumCallback {
        void callback(String nums);
    }

这个接口这样调用

dialog.setNumCallback(new NumberDialog.NumCallback() {
                    @Override
                    public void callback(String nums) {
                        
                    }
                });

参数nums将在输入8位数字后自动赋值，具体请看dialog代码最后，通过mCallback.callback(ret)完成赋值。需要注意的是这种方法在输入8位后自动返回输入值，与按钮没有关系。 

如此看第二个接口

public interface OnButtonClickListener {
        void positiveButtonClick(String s);
        void negativeButtonClick();
    }

从名字就可以看出这是这是点击按钮的监听回调方法，这个方法在界面调用方法如下：

dialog.setOnButtonClickListener(new NumberDialog.OnButtonClickListener() {
            @Override
            public void positiveButtonClick(String s) {
                Toast.makeText(MainActivity.this, "sha" + s, Toast.LENGTH_LONG).show();
            }


            @Override
            public void negativeButtonClick() {


            }
        });

参数s就是输入的值。然后做你爱做的事。

刚才说的自动弹出键盘的放在dialog的代码里，方法showKeyboard()。

我是通过一个定时调用的这个方法，如下：

new Timer().schedule(new TimerTask() {

            @Override
            public void run() {
                dialog.showKeyboard();
            }
        }, 300);

最后说一下，删除框内数字我用了一个for循环，如果有更好的方式请分享。

另附部分代码下载。

背景布局文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp" />
    <stroke
        android:width="0.5dp"
        android:color="#fff" />
    <solid android:color="#fff"/>
</shape>