Android 自定义Dialog的实现

最新实现了一个自定义Dialog的需求，先看看效果图：

下面说说如何实现：

首先需要自定义一个Dialog类，继承自android.app.Dialog类。这个Dialog类就是要显示的对话框，包含双选按钮和单选按钮两种效果。本例中自定义CustomDialog类的代码先贴上：

package example.lwc.com.demo2;import android.app.Dialog;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.Button;import android.widget.LinearLayout;import android.widget.TextView;public class CustomDialog extends Dialog {    public CustomDialog(Context context) {        super(context);    }    public CustomDialog(Context context, int theme) {        super(context, theme);    }    public static class Builder {        private String message;        private View contentView;        private String positiveButtonText;        private String negativeButtonText;        private String singleButtonText;        private View.OnClickListener positiveButtonClickListener;        private View.OnClickListener negativeButtonClickListener;        private View.OnClickListener singleButtonClickListener;        private View layout;        private CustomDialog dialog;        public Builder(Context context) {            //这里传入自定义的style，直接影响此Dialog的显示效果。style具体实现见style.xml            dialog = new CustomDialog(context, R.style.Dialog);                 LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);            layout = inflater.inflate(R.layout.dialog_layout, null);            dialog.addContentView(layout, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));        }        public Builder setMessage(String message) {            this.message = message;            return this;        }        public Builder setContentView(View v) {            this.contentView = v;            return this;        }        public Builder setPositiveButton(String positiveButtonText, View.OnClickListener listener) {            this.positiveButtonText = positiveButtonText;            this.positiveButtonClickListener = listener;            return this;        }        public Builder setNegativeButton(String negativeButtonText, View.OnClickListener listener) {            this.negativeButtonText = negativeButtonText;            this.negativeButtonClickListener = listener;            return this;        }        public Builder setSingleButton(String singleButtonText, View.OnClickListener listener) {            this.singleButtonText = singleButtonText;            this.singleButtonClickListener = listener;            return this;        }        /**         * 创建单按钮对话框         * @return         */        public CustomDialog createSingleButtonDialog() {            showSingleButton();            layout.findViewById(R.id.singleButton).setOnClickListener(singleButtonClickListener);            //如果传入的按钮文字为空，则使用默认的“返回”            if (singleButtonText != null) {                ((Button) layout.findViewById(R.id.singleButton)).setText(singleButtonText);            } else {                ((Button) layout.findViewById(R.id.singleButton)).setText("返回");            }            create();            return dialog;        }        /**         * 创建双按钮对话框         * @return         */        public CustomDialog createTwoButtonDialog() {            showTwoButton();            layout.findViewById(R.id.positiveButton).setOnClickListener(positiveButtonClickListener);            layout.findViewById(R.id.negativeButton).setOnClickListener(negativeButtonClickListener);            //如果传入的按钮文字为空，则使用默认的“是”和“否”            if (positiveButtonText != null) {                ((Button) layout.findViewById(R.id.positiveButton)).setText(positiveButtonText);            } else {                ((Button) layout.findViewById(R.id.positiveButton)).setText("是");            }            if (negativeButtonText != null) {                ((Button) layout.findViewById(R.id.negativeButton)).setText(negativeButtonText);            } else {                ((Button) layout.findViewById(R.id.negativeButton)).setText("否");            }            create();            return dialog;        }        /**         * 单按钮对话框和双按钮对话框的公共部分在这里设置         */        private void create() {            if (message != null) {      //设置提示内容                ((TextView) layout.findViewById(R.id.message)).setText(message);            } else if (contentView != null) {       //如果使用Builder的setContentview()方法传入了布局，则使用传入的布局                ((LinearLayout) layout.findViewById(R.id.content)).removeAllViews();                ((LinearLayout) layout.findViewById(R.id.content))                        .addView(contentView, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));            }            dialog.setContentView(layout);            dialog.setCancelable(true);     //用户可以点击手机Back键取消对话框显示            dialog.setCanceledOnTouchOutside(false);        //用户不能通过点击对话框之外的地方取消对话框显示        }        /**         * 显示双按钮布局，隐藏单按钮         */        private void showTwoButton() {            layout.findViewById(R.id.singleButtonLayout).setVisibility(View.GONE);            layout.findViewById(R.id.twoButtonLayout).setVisibility(View.VISIBLE);        }        /**         * 显示单按钮布局，隐藏双按钮         */        private void showSingleButton() {            layout.findViewById(R.id.singleButtonLayout).setVisibility(View.VISIBLE);            layout.findViewById(R.id.twoButtonLayout).setVisibility(View.GONE);        }    }}

Dialog所用的布局文件dialog_layout.xml：

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:clickable="true"    android:orientation="vertical"    android:paddingTop="120dp"    android:paddingBottom="120dp" >    <LinearLayout        android:layout_width="match_parent"        android:layout_height="230dp"        android:layout_gravity="center"        android:background="@drawable/dialog_bg_biggg"        android:padding="40dp"        android:orientation="vertical" >        <LinearLayout            android:id="@+id/content"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:paddingTop="40dp"            android:gravity="center" >            <TextView                android:id="@+id/message"                style="@style/text_16_666666"                android:text="提示信息在这里"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:gravity="left|center"                android:lineSpacingMultiplier="1.5"                android:minHeight="50dp"                android:paddingLeft="20dp"                android:paddingRight="20dp" />        </LinearLayout>        <FrameLayout            android:layout_width="match_parent"            android:layout_height="wrap_content">            <LinearLayout                android:id="@+id/twoButtonLayout"                android:visibility="visible"                android:layout_width="match_parent"                android:layout_height="60dp"                android:layout_gravity="bottom"                android:gravity="center"                android:orientation="horizontal" >                <Button                    android:id="@+id/positiveButton"                    style="@style/text_15_ffffff_sdw"                    android:layout_width="0dp"                    android:layout_weight="1"                    android:layout_height="45dp"                    android:background="@drawable/dialog_ok"                    android:gravity="center" />                <Button                    android:id="@+id/negativeButton"                    style="@style/text_15_666666_sdw"                    android:layout_width="0dp"                    android:layout_weight="1"                    android:layout_height="45dp"                    android:background="@drawable/dialog_cancel"                    android:gravity="center" />            </LinearLayout>            <LinearLayout                android:id="@+id/singleButtonLayout"                android:visibility="visible"                android:layout_width="match_parent"                android:layout_height="60dp"                android:layout_gravity="bottom"                android:paddingLeft="50dp"                android:paddingRight="50dp"                android:paddingBottom="10dp"                android:gravity="center">                <Button                    android:id="@+id/singleButton"                    style="@style/text_15_ffffff_sdw"                    android:layout_width="wrap_content"                    android:layout_height="40dp"                    android:background="@drawable/dialog_back"                    android:gravity="center" />            </LinearLayout>        </FrameLayout>    </LinearLayout></FrameLayout>

以及style.xml:

<resources>    <style name="AppBaseTheme" parent="android:Theme.Light"></style>    <style name="AppTheme" parent="AppBaseTheme"></style>    <style name="text_18_ffffff">        <item name="android:textSize">18.0dip</item>        <item name="android:textColor">#777733</item>    </style>    <style name="text_16_666666">        <item name="android:textSize">16.0dip</item>        <item name="android:textColor">#ff666666</item>    </style>    <style name="sdw_white">        <item name="android:shadowColor">#7fffffff</item>        <item name="android:shadowDx">0.0</item>        <item name="android:shadowDy">0.65</item>        <item name="android:shadowRadius">1.0</item>    </style>    <style name="sdw_79351b">        <item name="android:shadowColor">#ff79351b</item>        <item name="android:shadowDx">0.0</item>        <item name="android:shadowDy">1.0</item>        <item name="android:shadowRadius">1.0</item>    </style>    <style name="text_15_ffffff_sdw" parent="@style/sdw_79351b">        <item name="android:textSize">15.0dip</item>        <item name="android:textColor">#ffffffff</item>    </style>    <style name="text_15_666666_sdw" parent="@style/sdw_white">        <item name="android:textSize">15.0dip</item>        <item name="android:textColor">#ff666666</item>    </style>    <style name="Dialog" parent="android:style/Theme.Dialog">        <item name="android:background">#00000000</item>        <item name="android:windowBackground">@android:color/transparent</item>        <item name="android:windowNoTitle">true</item>        <item name="android:windowIsFloating">true</item>    </style></resources>

在Android studio中，预览效果如下：

最后看看在Activity中如何调用：

1.先在Activity中定义一个Builder和一个CustomDialog实例：

    private CustomDialog.Builder builder;    private CustomDialog mDialog;

在onCreate()中初始化builder：

        builder = new CustomDialog.Builder(this);

2.在MainActivity中定义两个方法，分别用于显示单按钮对话框和双按钮对话框：

private void showSingleButtonDialog(String alertText, String btnText, View.OnClickListener onClickListener) {        mDialog = builder.setMessage(alertText)                .setSingleButton(btnText, onClickListener)                .createSingleButtonDialog();        mDialog.show();}

private void showTwoButtonDialog(String alertText, String confirmText, String cancelText, View.OnClickListener conFirmListener, View.OnClickListener cancelListener) {        mDialog = builder.setMessage(alertText)                .setPositiveButton(confirmText, conFirmListener)                .setNegativeButton(cancelText, cancelListener)                .createTwoButtonDialog();        mDialog.show();}

3.在需要用到的地方调用上面的两个方法即可，比如弹出双选按钮对话框，可以像下面这样调用：

    showTwoButtonDialog("这是双选对话框的内容！", null, null, new View.OnClickListener() {        @Override        public void onClick(View v) {            mDialog.dismiss();            //这里写自定义处理XXX        }    }, new View.OnClickListener() {        @Override        public void onClick(View v) {            mDialog.dismiss();            //这里写自定义处理XXX        }    });

弹出单选按钮对话框，可以这样调用：

    showSingleButtonDialog("这是单选对话框的内容！", null, new View.OnClickListener() {        @Override        public void onClick(View v) {            mDialog.dismiss();            //这里写自定义处理XXX        }    });

这里传入的按钮文字都为null，所以显示默认文字，结果就如开头的图所示。

另外谈一下自己的心得：
在自定义的CustomDialog类中，为什么要用一个静态内部类Builder呢？
因为对话框要设置的属性太多，包括各个按钮的文字，对话框内容，标题（本例中未实现标题），点击效果listener等。如果不用Builder，要创建一个自定义的Dialog，这些属性一般是要作为构造方法的参数传入的。但麻烦的是参数不固定，有些参数可传可不传，比如我们想new 一个单按钮对话框，那么双按钮的文字和Listener是不需要传入的。这样的话我们需要实现多个不同参数的构造方法，或者调用多次set方法设置属性。比起那样，像本例中这样用Builder就方便得多了，直观简洁：

    mDialog = builder.setMessage(alertText)            .setPositiveButton(confirmText, conFirmListener)            .setNegativeButton(cancelText, cancelListener)            .createTwoButtonDialog();