Android开发之通用Dialog

项目中或多或少都会用到Dialog，而大多的Dialog长得都差不多，最上面是一个title，中间是具体content，最后在下面一个取消，一个确定按钮。当然两个按钮的文字可能不一样，但具体的含义都相差无几。今天我们就来打造一个通用的Dialog，妈妈再也不用担心我天天写Dialog了。

我们这里用DialogFragment，为什么用这个呢？DialogFragment在android 3.0时被引入，是官方推荐替代Dialog的。使用DialogFragment来管理对话框，当旋转屏幕和按下后退键时可以更好的管理其声明周期，它和Fragment有着基本一致的声明周期。

了解完基本情况，下面开始撸代码。

@SuppressLint("ValidFragment")
public class CommonDialog extends DialogFragment{

    private int layout = -1;
    private TextView confirmTv, cancelTv, contentTv;
    private String confirm, cancel, content;

    public CommonDialog(int layout) {
        setStyle(STYLE_NO_FRAME, R.style.common_dialog_style);
        this.layout = layout;
    }

    public CommonDialog() {
        setStyle(STYLE_NO_FRAME, R.style.common_dialog_style);
    }
    public CommonDialog(int layout,int style) {
        setStyle(STYLE_NO_FRAME, style);
        this.layout = layout;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View mView = inflater.inflate(layout == -1 ? R.layout.dialog_common : layout, container, false);
        confirmTv = mView.findViewById(R.id.confirm);
        cancelTv = mView.findViewById(R.id.cancel);
        contentTv = mView.findViewById(R.id.content);

        if (this.cancel != null){
            cancelTv.setText(cancel);
        }
        if (this.confirm != null){
            confirmTv.setText(confirm);
        }
        if (this.content != null){
            contentTv.setText(content);
        }
        if(confirmTv != null) {
            confirmTv.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    hide();
                    if(mOnCertainButtonClickListener != null){
                        mOnCertainButtonClickListener.onCertainButtonClick();
                    }
                }
            });
        }
        if(cancelTv != null) {
            cancelTv.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    hide();
                    if (mOnCancelClickListener != null){
                        mOnCancelClickListener.onCancelClick();
                    }
                }
            });
        }
        return mView;
    }

    public interface OnCertainButtonClickListener {
        void onCertainButtonClick();
    }
    public interface onCancelClickListener{
        void onCancelClick();
    }
    private OnCertainButtonClickListener mOnCertainButtonClickListener;
    private onCancelClickListener mOnCancelClickListener;

    public CommonDialog setOnCancelClickListener(onCancelClickListener listener){
        mOnCancelClickListener = listener;
        return this;
    }
    public CommonDialog setOnCertainButtonClickListener(OnCertainButtonClickListener listener) {
        mOnCertainButtonClickListener = listener;
        return  this;
    }

    public CommonDialog setConfirm(String confirm) {
        this.confirm = confirm;
        return this;
    }

    public CommonDialog setCancel(String cancel) {
        this.cancel = cancel;
        return this;
    }

    public CommonDialog setContent(String content) {
        this.content = content;
        return this;
    }

    public CommonDialog setDailogCancelable(boolean isCancel){
        this.setCancelable(isCancel);
        return this;
    }
}

代码较长，但是非常简单，大都是一些设置。我们这里讲一下主要的方法。从构造器开始，可以看到，这里提供了3个构造器，但都有一行代码:
setStyle(STYLE_NORMAL, R.style.common_dialog_style);
是DialogFragment提供给我们用来设置样式的。里面有2个参数。第一个参数是设置格式，官方声明了四个int类型的静态常量，代表弹窗的四种格式。具体如下所示：

1.STYLE_NORMAL：这个就是基础的、正常的dialog
2.STYLE_NO_TITLE：无标题栏的dialog
3.STYLE_NO_FRAME：无边框的dialog，这个风格适合在onCreateView返回view是使用。
4.STYLE_NO_INPUT：跟第三个一样，此外，他没有输入框，没有点击事件，也不能获取到输入焦点。

第二个参数就是我们自己写的style样式了。具体的含义我在注释里面写了：

<style name="common_dialog_style" parent="@android:style/Theme.Dialog">
        <!-- 无边框设置 -->  
        <item name="android:windowFrame">@null</item>
         <!-- 是否浮现在activity之上 -->  
        <item name="android:windowIsFloating">true</item>
        <!-- 是否半透明 -->  
        <item name="android:windowIsTranslucent">false</item>
        <!-- 是否没有标题 -->  
        <item name="android:windowNoTitle">true</item>
         <!-- 背景 -->  
        <item name="android:windowBackground">@drawable/dialog_bg</item>
        <!-- 是否背景模糊 -->  
        <item name="android:backgroundDimEnabled">true</item>
        <!--dialog遮罩透明度-->
        <item name="android:backgroundDimAmount">0.5</item>
    </style>

此外，还有很多配置，比如进出动画、点击外部是否消失、键盘输入等，这里就不一一介绍了，感兴趣的读者可以自行阅读源码。

好，我们继续。onCreateView里面inflate的时候，我们做了判断，如果有传入的layout，就用传进来的layout，否则就用默认的。这里需要的注意的是，传入的layout，里面必须有跟默认layout一样的textview的id，否则会报错。这也是一种限制吧，如果各位有更好的解决办法，烦请告知。接着就是判断有无传进来具体的按钮和弹窗内容的文字。最后就是为取消、确定两个按钮设置监听，点击的时候先让dialog消失，然后通过接口将具体的处理交给实现者。接下来的代码就是一些dialog的配置，采用链式的方式，也十分简单。

我们来看一下调用：

      commonDialog = new CommonDialog()
                .setDailogCancelable(false)
                .setCancel("不开心")
                .setConfirm("就这样")
                .setContent("你弹出了一个弹窗，开心不？")
                .setOnCertainButtonClickListener(new CommonDialog.OnCertainButtonClickListener() {
                    @Override
                    public void onCertainButtonClick() {
                        Toast.makeText(mContext, "确定", Toast.LENGTH_SHORT).show();
                    }
                })
                .setOnCancelClickListener(new CommonDialog.onCancelClickListener() {
                    @Override
                    public void onCancelClick() {
                        Toast.makeText(mContext, "取消", Toast.LENGTH_SHORT).show();
                    }
                });

        commonDialog.show(getFragmentManager(), "CommonDialog");

另外两种构造就不演示了，只需在new出对象的时候传入相应的布局文件和style即可。最后我们来看一下效果图:

dialog.jpeg