Android自定义弹窗提醒控件使用详解

在安卓中，弹窗提醒是我们经常需要用到的功能，但系统提供的弹窗样式并不能满足我们的需求。这时候，我们就需要用到自定义弹窗提醒控件。本文将详细讲解如何使用自定义弹窗提醒控件。

第一步：创建自定义弹窗xml布局文件

我们首先需要创建一个自定义弹窗xml布局文件，比如命名为custom_dialog.xml。这个布局文件中，我们可以定制我们自己的弹窗样式，比如设置字体颜色、背景、边框等等。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="20dp"
    android:background="#FFFFFF"
    android:orientation="vertical">

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="18sp"
        android:text="提示" />

    <TextView
        android:id="@+id/message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="16sp"
        android:textColor="#666666"
        android:text="这是一个自定义弹窗" />

    <Button
        android:id="@+id/confirm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确定"
        android:background="@drawable/custom_button_bg" />

    <Button
        android:id="@+id/cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="取消"
        android:background="@drawable/custom_button_bg" />

</LinearLayout>

上面的布局文件中，我们定义了一个LinearLayout，设置了 padding、background、orientation 等属性。在LinearLayout中，包含了一个提示标题、提示消息和两个按钮，分别用于确认和取消操作。

第二步：创建自定义弹窗控件类

接下来我们需要创建一个自定义弹窗控件类。在这个类中，我们需要实现弹窗提醒的所有功能，包括显示、隐藏、设置标题和消息等等。下面是一个自定义弹窗控件的示例代码：

public class CustomDialog extends Dialog {

    private TextView mTitle;
    private TextView mMessage;
    private Button mConfirm;
    private Button mCancel;

    public interface OnConfirmClickListener {
        void onConfirmClick();
    }

    public interface OnCancelClickListener {
        void onCancelClick();
    }

    private OnConfirmClickListener mOnConfirmClickListener;
    private OnCancelClickListener mOnCancelClickListener;

    public CustomDialog(Context context) {
        super(context);
        init();
    }

    public CustomDialog(Context context, int themeResId) {
        super(context, themeResId);
        init();
    }

    private void init() {
        setContentView(R.layout.custom_dialog);
        setCancelable(false);

        mTitle = findViewById(R.id.title);
        mMessage = findViewById(R.id.message);
        mConfirm = findViewById(R.id.confirm);
        mCancel = findViewById(R.id.cancel);

        mConfirm.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mOnConfirmClickListener != null) {
                    mOnConfirmClickListener.onConfirmClick();
                }
                dismiss();
            }
        });

        mCancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mOnCancelClickListener != null) {
                    mOnCancelClickListener.onCancelClick();
                }
                dismiss();
            }
        });
    }

    public void setTitle(String title) {
        if (mTitle != null) {
            mTitle.setText(title);
        }
    }

    public void setMessage(String message) {
        if (mMessage != null) {
            mMessage.setText(message);
        }
    }

    public void setOnConfirmClickListener(OnConfirmClickListener listener) {
        mOnConfirmClickListener = listener;
    }

    public void setOnCancelClickListener(OnCancelClickListener listener) {
        mOnCancelClickListener = listener;
    }

}

在上面的代码中，我们首先定义了一个 CustomDialog 类，继承自 Dialog 类。在 CustomDialog 类中，我们定义了一个 OnConfirmClickListener 接口和一个 OnCancelClickListener 接口，用于监听弹窗中的确认和取消操作。

我们还定义了四个成员变量：mTitle、mMessage、mConfirm 和 mCancel，它们分别对应弹窗中的标题、消息和两个按钮。在 init() 方法中，我们使用 findViewById() 方法获取这四个 View，并为确认和取消按钮设置点击事件监听器。

setTitle()、setMessage()、setOnConfirmClickListener() 和 setOnCancelClickListener() 四个方法则分别用于设置弹窗的标题、消息和按钮的点击事件监听器。

第三步：使用自定义弹窗控件类

现在我们已经创建了自定义弹窗xml布局文件和自定义弹窗控件类，下面我们就可以在我们的项目中使用自定义弹窗提醒控件了。下面是一个使用示例：

CustomDialog dialog = new CustomDialog(this);
dialog.setTitle("提醒");
dialog.setMessage("确定要删除这条记录吗？");
dialog.setOnConfirmClickListener(new CustomDialog.OnConfirmClickListener() {
    @Override
    public void onConfirmClick() {
        // 删除记录操作
    }
});
dialog.show();

在上面的示例中，我们首先创建一个 CustomDialog 对象并设置标题和消息。然后，我们为确认按钮设置了一个点击事件监听器，当该按钮被点击时，我们将删除一条记录。最后，我们调用 show() 方法显示自定义弹窗。

示例二：自定义弹窗带有输入框

如果我们需要在弹窗提醒中增加一个输入框，则可以在之前的自定义弹窗xml布局文件中添加一个EditText控件，以实现输入框的功能。

下面是一个示例代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="20dp"
    android:background="#FFFFFF"
    android:orientation="vertical">

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="18sp"
        android:text="提示" />

    <EditText
        android:id="@+id/input"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="5dp"
        android:hint="请输入内容"
        android:background="@drawable/custom_edit_text_bg" />

    <TextView
        android:id="@+id/message"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="16sp"
        android:textColor="#666666"
        android:text="这是一个自定义弹窗" />

    <Button
        android:id="@+id/confirm"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="确定"
        android:background="@drawable/custom_button_bg" />

    <Button
        android:id="@+id/cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="取消"
        android:background="@drawable/custom_button_bg" />

</LinearLayout>

在上面的代码中，我们在LinearLayout中新增了一个EditText控件，用于输入内容。我们还附加了一个hint参数来描述默认的提示信息，同时为这个EditText控件添加了一个背景，以实现输入框的样式。

下面是一个使用示例代码：

CustomDialog dialog = new CustomDialog(this);
dialog.setTitle("请输入内容");
dialog.setOnConfirmClickListener(new CustomDialog.OnConfirmClickListener() {
    @Override
    public void onConfirmClick() {
        EditText input = dialog.findViewById(R.id.input);
        String content = input.getText().toString();
        // 处理输入的内容
    }
});
dialog.show();

在上面的示例中，我们首先创建了一个 CustomDialog 对象并设置了一个标题。然后，我们为确认按钮设置了一个点击事件监听器，当该按钮被点击时，我们使用 findViewById() 获取输入框的值，将输入的内容处理。最后，我们调用 show() 方法显示自定义弹窗。