Android開發(fā)之通用Dialog

項(xiàng)目中或多或少都會用到Dialog，而大多的Dialog長得都差不多玄坦，最上面是一個title嫩挤，中間是具體content害幅，最后在下面一個取消，一個確定按鈕岂昭。當(dāng)然兩個按鈕的文字可能不一樣以现，但具體的含義都相差無幾。今天我們就來打造一個通用的Dialog，媽媽再也不用擔(dān)心我天天寫Dialog了邑遏。

我們這里用DialogFragment佣赖，為什么用這個呢？DialogFragment在android 3.0時被引入记盒，是官方推薦替代Dialog的憎蛤。使用DialogFragment來管理對話框，當(dāng)旋轉(zhuǎn)屏幕和按下后退鍵時可以更好的管理其聲明周期（fragment能夠感知Activity的生命周期）纪吮，它和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;
    }
}

代碼較長棚辽，但是非常簡單，大都是一些設(shè)置冰肴。我們這里講一下主要的方法屈藐。從構(gòu)造器開始，可以看到熙尉，這里提供了3個構(gòu)造器联逻，但都有一行代碼:
setStyle(STYLE_NORMAL, R.style.common_dialog_style);
是DialogFragment提供給我們用來設(shè)置樣式的。里面有2個參數(shù)骡尽。第一個參數(shù)是設(shè)置格式遣妥，官方聲明了四個int類型的靜態(tài)常量，代表彈窗的四種格式攀细。具體如下所示：

1.STYLE_NORMAL：這個就是基礎(chǔ)的箫踩、正常的dialog
2.STYLE_NO_TITLE：無標(biāo)題欄的dialog
3.STYLE_NO_FRAME：無邊框的dialog，這個風(fēng)格適合在onCreateView返回view是使用谭贪。
4.STYLE_NO_INPUT：跟第三個一樣境钟，此外，他沒有輸入框俭识，沒有點(diǎn)擊事件慨削，也不能獲取到輸入焦點(diǎn)。

第二個參數(shù)就是我們自己寫的style樣式了套媚。具體的含義我在注釋里面寫了：

<style name="common_dialog_style" parent="@android:style/Theme.Dialog">
        <!-- 無邊框設(shè)置 -->  
        <item name="android:windowFrame">@null</item>
         <!-- 是否浮現(xiàn)在activity之上 -->  
        <item name="android:windowIsFloating">true</item>
        <!-- 是否半透明 -->  
        <item name="android:windowIsTranslucent">false</item>
        <!-- 是否沒有標(biāo)題 -->  
        <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>

此外缚态，還有很多配置，比如進(jìn)出動畫堤瘤、點(diǎn)擊外部是否消失玫芦、鍵盤輸入等，這里就不一一介紹了本辐，感興趣的讀者可以自行閱讀源碼桥帆。

仔細(xì)的朋友可能看到了医增，有個int類型的layout = -1，他的作用是某些dialog有些特殊老虫，他長得跟通用dialog有些出入叶骨。針對這種情況，我們需要調(diào)用帶有l(wèi)ayout參數(shù)的構(gòu)造函數(shù)祈匙，在inflate的時候會判斷忽刽，如果layout == -1，我們會用通用的xml布局菊卷，反之我們會調(diào)用傳入的xml缔恳。這里需要的注意的是，傳入的layout洁闰，里面必須有跟默認(rèn)layout一樣的textview的id，否則會報(bào)錯万细。這也是一種限制吧扑眉，如果各位有更好的解決辦法，煩請告知赖钞。接著就是判斷有無傳進(jìn)來具體的按鈕和彈窗內(nèi)容的文字腰素。最后就是為取消、確定兩個按鈕設(shè)置監(jiān)聽雪营，點(diǎn)擊的時候先讓dialog消失弓千，然后通過接口將具體的處理交給實(shí)現(xiàn)者。接下來的代碼就是一些dialog的配置献起，采用鏈?zhǔn)降姆绞窖蠓茫彩趾唵巍?/p>

我們來看一下調(diào)用：

      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");

另外兩種構(gòu)造就不演示了姻政，只需在new出對象的時候傳入相應(yīng)的布局文件和style即可。最后我們來看一下效果圖:

dialog.jpeg