Windows 软件
Linux 软件
Mac 软件
安卓软件
各类文章

您的位置：

自定义Android弹窗-功能扩展

自定义Android弹窗-功能扩展

更新：
Android开发中经常需要使用弹窗来提示用户或展示一些信息。Android提供了一些基本的弹窗，如AlertDialog和Toast。然而，当我们需要自定义弹窗时，这些基本弹窗就不能满足开发需求。本文将基于自定义弹窗的基础，通过功能扩展来进一步丰富弹窗的功能，提高用户体验和开发效率。

一、自定义弹窗基础

自定义弹窗通常由布局文件、弹窗类和调用代码三部分组成。

1、布局文件

我们可以在res/layout目录下创建XML布局文件，设置弹窗的外观、控件和事件响应等。例如，下面的示例布局文件设置了一个包含TextView和Button的弹窗：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/custom_dialog_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/dialog_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@color/colorPrimary"
        android:text="弹窗标题" />

    <TextView
        android:id="@+id/dialog_message"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="弹窗消息" />

    <Button
        android:id="@+id/dialog_button_cancel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="取消"
        android:textColor="@color/colorPrimary" />

    <Button
        android:id="@+id/dialog_button_ok"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="确定"
        android:textColor="@color/colorAccent" />

</LinearLayout>

2、弹窗类

我们需要创建一个自定义的弹窗类，继承Dialog类或其子类，重载构造函数以及实现必要的弹窗逻辑。例如，下面示例代码创建一个继承自Dialog的CustomDialog类，并为其中的Button设置点击事件：

public class CustomDialog extends Dialog implements View.OnClickListener {
    private TextView mTitle;
    private TextView mMessage;
    private Button mButtonCancel;
    private Button mButtonOk;
    private OnClickListener mOnClickListener;

    public CustomDialog(Context context) {
        this(context, R.style.Theme_CustomDialog);
    }

    public CustomDialog(Context context, int themeResId) {
        super(context, themeResId);
        setContentView(R.layout.dialog_custom_layout);
        setCancelable(false);
        mTitle = findViewById(R.id.dialog_title);
        mMessage = findViewById(R.id.dialog_message);
        mButtonCancel = findViewById(R.id.dialog_button_cancel);
        mButtonOk = findViewById(R.id.dialog_button_ok);
        mButtonCancel.setOnClickListener(this);
        mButtonOk.setOnClickListener(this);
    }

    public CustomDialog setTitle(String title) {
        mTitle.setText(title);
        return this;
    }

    public CustomDialog setMessage(String message) {
        mMessage.setText(message);
        return this;
    }

    public CustomDialog setOnClickListener(OnClickListener onClickListener) {
        mOnClickListener = onClickListener;
        return this;
    }

    @Override
    public void onClick(View v) {
        int id = v.getId();
        if (id == R.id.dialog_button_cancel) {
            dismiss();
            if (mOnClickListener != null) {
                mOnClickListener.onNegativeClick();
            }
        } else if (id == R.id.dialog_button_ok) {
            dismiss();
            if (mOnClickListener != null) {
                mOnClickListener.onPositiveClick();
            }
        }
    }

    public interface OnClickListener {
        void onNegativeClick();

        void onPositiveClick();
    }
}

3、调用代码

我们可以在Activity或Fragment中调用自定义的弹窗类，设置弹窗的标题、消息和点击响应等。例如，下面示例代码创建一个CustomDialog并弹出：

CustomDialog dialog = new CustomDialog(this)
        .setTitle("提示")
        .setMessage("是否保存当前内容？")
        .setOnClickListener(new CustomDialog.OnClickListener() {
            @Override
            public void onNegativeClick() {
                // 取消操作
            }

            @Override
            public void onPositiveClick() {
                // 确认操作
            }
        });
dialog.show();

二、弹窗功能扩展

除了基础的弹窗功能，我们可以通过继续扩展弹窗类的特性，增强弹窗的功能和灵活性。

1、多按钮弹窗

多按钮弹窗可以让用户在不同的选项中进行选择。我们可以通过在自定义的弹窗布局文件中添加多个Button元素，以及在弹窗类中添加响应事件的处理逻辑。例如，下面的代码实现了包含三个按钮的CustomDialog：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/custom_dialog_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/dialog_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@color/colorPrimary"
        android:text="弹窗标题" />

    <TextView
        android:id="@+id/dialog_message"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="弹窗消息" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">

        <Button
            android:id="@+id/dialog_button_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="取消"
            android:textColor="@color/colorPrimary"
            android:layout_marginRight="20dp" />

        <Button
            android:id="@+id/dialog_button_ignore"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="忽略"
            android:textColor="@color/colorAccent"
            android:layout_marginRight="20dp" />

        <Button
            android:id="@+id/dialog_button_ok"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="确定"
            android:textColor="@color/colorAccent" />

    </LinearLayout>

</LinearLayout>

public class CustomDialog extends Dialog implements View.OnClickListener {
    private TextView mTitle;
    private TextView mMessage;
    private Button mButtonCancel;
    private Button mButtonIgnore;
    private Button mButtonOk;
    private OnClickListener mOnClickListener;

    public CustomDialog(Context context) {
        this(context, R.style.Theme_CustomDialog);
    }

    public CustomDialog(Context context, int themeResId) {
        super(context, themeResId);
        setContentView(R.layout.dialog_custom_layout);
        setCancelable(false);
        mTitle = findViewById(R.id.dialog_title);
        mMessage = findViewById(R.id.dialog_message);
        mButtonCancel = findViewById(R.id.dialog_button_cancel);
        mButtonIgnore = findViewById(R.id.dialog_button_ignore);
        mButtonOk = findViewById(R.id.dialog_button_ok);
        mButtonCancel.setOnClickListener(this);
        mButtonIgnore.setOnClickListener(this);
        mButtonOk.setOnClickListener(this);
    }

    // 省略部分代码

}

2、列表弹窗

列表弹窗可以让用户在一个列表中选择一个选项。我们可以通过在自定义的弹窗布局文件中添加ListView元素，以及在弹窗类中添加适配器和点击事件的处理逻辑。例如，下面的代码实现了包含三个列表项的CustomListDialog：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/custom_dialog_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/dialog_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@color/colorPrimary"
        android:text="弹窗标题" />

    <ListView
        android:id="@+id/dialog_list_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@color/gray"
        android:dividerHeight="1dp" />

    <Button
        android:id="@+id/dialog_button_cancel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="取消"
        android:textColor="@color/colorPrimary"
        android:layout_marginTop="20dp" />

</LinearLayout>

public class CustomListDialog extends Dialog implements AdapterView.OnItemClickListener, View.OnClickListener {
    private TextView mTitle;
    private ListView mListView;
    private Button mButtonCancel;
    private List
      mItemList;
    private OnItemClickListener mOnItemClickListener;

    public CustomListDialog(Context context, List
       itemList) {
        super(context, R.style.Theme_CustomDialog);
        setContentView(R.layout.dialog_custom_list_layout);
        setCancelable(false);
        mTitle = findViewById(R.id.dialog_title);
        mListView = findViewById(R.id.dialog_list_view);
        mButtonCancel = findViewById(R.id.dialog_button_cancel);
        mButtonCancel.setOnClickListener(this);
        mItemList = itemList;
        ArrayAdapter
        adapter = new ArrayAdapter<>(context, android.R.layout.simple_list_item_1, itemList);
        mListView.setAdapter(adapter);
        mListView.setOnItemClickListener(this);
    }

    public CustomListDialog setTitle(String title) {
        mTitle.setText(title);
        return this;
    }

    public CustomListDialog setOnItemClickListener(OnItemClickListener onItemClickListener) {
        mOnItemClickListener = onItemClickListener;
        return this;
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.dialog_button_cancel) {
            dismiss();
        }
    }

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        String item = mItemList.get(position);
        dismiss();
        if (mOnItemClickListener != null) {
            mOnItemClickListener.onItemClick(item);
        }
    }

    public interface OnItemClickListener {
        void onItemClick(String item);
    }
}

3、自动消失弹窗

自动消失弹窗可以在显示一定时间后自动消失，避免用户没有及时关闭弹窗，从而对用户造成影响。我们可以在弹窗类中添加计时器和相关的判断逻辑。例如，下面的代码实现了一个3秒后自动消失的CustomAutoDismissDialog：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/custom_dialog_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="10dp" >

    <TextView
        android:id="@+id/dialog_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="@color/colorPrimary"
        android:text="弹窗标题" />

    <TextView
        android:id="@+id/dialog_message"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="16sp"
        android:text="弹窗消息" />

</LinearLayout>

public class CustomAutoDismissDialog extends Dialog {
    private TextView mTitle;
    private TextView mMessage;
    private Handler mHandler = new Handler();
    private Runnable mRunnable = new Runnable() {
        @Override
        public void run() {
            dismiss();
        }
    };

    public CustomAutoDismissDialog(Context context) {
        this(context, R.style.Theme_CustomDialog);
    }

    public CustomAutoDismissDialog(Context context, int themeResId) {
        super(context, themeResId
自定义Android弹窗-功能扩展

Android开发中经常需要使用弹窗来提示用户或展示一些信息。Android提供了一些基本的弹窗，如AlertDialog和Toast。然而，当我们需要自定义弹窗时，这些基本弹窗就不能满足开发需求。本

2023-12-08
Android自定义注解指南

2023-05-17
Android弹窗详解

2023-05-16
提升用户体验的必备：Android弹窗

2023-05-14
提高用户体验的Android弹窗设计

2023-05-14
实现便捷的Android弹框显示功能

2023-05-14
Android Studio中如何添加自定义快捷键

2023-05-14
Android弹框详解

2023-05-20
Android开发：如何实现模态对话框弹窗

2023-05-14
android自定义控件

2023-05-17
解决Android Studio中Logcat窗口不可见的方

2023-05-14
Android悬浮窗实现详解

2023-05-19
Android Actionbar：简单实现自定义主题并显示

2023-05-14
Android窗口：提升用户体验的关键

2023-05-14
Android 底部弹窗实现及使用技巧

2023-05-14
阿里云笔记的功能与使用详解

2023-05-21
在Android Studio 1中创建自定义主题

2023-05-14
Android自定义View：掌握Canvas和Paint实

2023-05-14
Android Studio代码自动完成设置方法

2023-05-14
Android自定义注解简介与应用

一、什么是注解 在Java语言中，注解（Annotation）是一种对程序代码进行元数据（metadata）描述的方法。它们是由Java编译器读入的，在编译过程中进行编译、类加载、或者在运行时可以被读

2023-12-08