Android中仿IOS提示框的實現

前言

　　在Android開發中，我們有時需要實現類似IOS的對話框。今天我就來總結下，如何通過自定義的開發來實現類似的功能。

自定義Dialog

　　我們知道Android中最常用的對話框就是Dialog及其派生類。這次我們通過組合的方式來實現一個類似IOS對話框的效果。我們先來看一下布局效果，這個相信大家都能弄出來，在這里我就貼一下最后的效果圖(注意：對話框的邊緣是圓角的)。

　　效果圖如下：

　　

　　我們看到，這個和IOS的對話框已經非常相似了，后面我們需要做的就是將其作為一個組件封裝起來，實現AlertDialog那樣的調用方式提供給調用者使用。下面我們來看一下整個的封裝過程。

1、組合使用Dialog進行對象的構建

　　我們來看一下核心代碼：

/**
     * 創建BaseDialog實例
     * @return
     */
    public BaseDialog builder(){
        LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mDialog = new Dialog(mContext, R.style.Dialog);
        //設置dialog彈出后會點擊屏幕，dialog不消失；點擊物理返回鍵dialog消失
        mDialog.setCanceledOnTouchOutside(false);
        View layout = inflater.inflate(R.layout.dialog_normal_layout, null);
        mDialog.addContentView(layout, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 
                                  ViewGroup.LayoutParams.WRAP_CONTENT));
        //設置Dialog中展示的msg
        mMessage=(TextView) layout.findViewById(R.id.txtMsg);
        //設置確認按鈕的處理事件
        mPositiveBtnText=(TextView) layout.findViewById(R.id.txtSubmit);
        mPositiveBtnText.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (mPositiveBtnClickListener != null) {
                    mPositiveBtnClickListener.onClick(mDialog, DialogInterface.BUTTON_POSITIVE);
                }
            }
        });

        mNegativeBtnText=(TextView) layout.findViewById(R.id.txtCancle);
        mNegativeBtnText.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(mNegativeBtnClickListener!=null) {
                    mNegativeBtnClickListener.onClick(mDialog, DialogInterface.BUTTON_NEGATIVE);
                }
            }
        });
        mDialog.setContentView(layout);

        return this;
    }

　　在這段代碼中，我們看到第7行代碼生成一個Dialog對象，然后通過解析樣式文件(XML)通過setContentView方法添加到生成的Dialog對象中。下面的代碼我們看到通過解析XML樣式文件，來設置Dialog顯示的文本、取消、確認按鈕觸發的事件等操作。重點在最后一行代碼return this而不是mDialog。因為通過返回this對象我們可以使用“鏈式調用”來不斷的進行調用設置等操作，類似Android中的AlertDialog使用方式。

2、自定義Dialog的一些設置

　　

/**
     * 設置Msg
     * 支持Resource設置
     * @param message
     */
    public BaseDialog setMessage(int message){
        mMessage.setText(mContext.getText(message).toString());
        return this;
    }

    /**
     * 設置Msg
     * @param message
     */
    public BaseDialog setMessage(String message){
        mMessage.setText(message);
        return this;
    }


    public BaseDialog setPositiveButton(int positiveBtnText,DialogInterface.OnClickListener listener) {
        mPositiveBtnText.setText(mContext.getText(positiveBtnText));
        mPositiveBtnClickListener = listener;
        return this;
    }

    public BaseDialog setPositiveButton(String positiveBtnText,DialogInterface.OnClickListener listener){
        mPositiveBtnText.setText(positiveBtnText);
        mPositiveBtnClickListener=listener;
        return this;
    }


    public BaseDialog setNegativeButton(int negativeBtnText,DialogInterface.OnClickListener listener){
        mNegativeBtnText.setText(mContext.getText(negativeBtnText));
        mNegativeBtnClickListener=listener;
        return this;
    }


    public BaseDialog setNegativeButton(String negativeBtnText,DialogInterface.OnClickListener listener){
        mNegativeBtnText.setText(negativeBtnText);
        mNegativeBtnClickListener=listener;
        return this;
    }


    public void show(){
        mDialog.show();
    }

　　我們看到我們提供了幾個比較常用的函數。特別是setPositiveButton等方法，我們直接將事件處理對象傳遞進來了。下面我們來看下自定義控件的字段定義。代碼如下：

public BaseDialog(Context context){
        mContext=context;
    }

    private Dialog mDialog;
    protected Context mContext;
    protected TextView mMessage;
    protected TextView mPositiveBtnText;
    protected TextView mNegativeBtnText;
    protected DialogInterface.OnClickListener mPositiveBtnClickListener;
    protected DialogInterface.OnClickListener mNegativeBtnClickListener;

　　我們看到整個自定義Dialog的核心就是mDialog對象，通過組合的方式我們在每一個BaseDialog對象內部都會有一個Dialog對象，BaseDailog對象只是提供了一些外圍的顯示功能。核心的例如隱藏、顯示、彈出效果等方式依賴於嵌入的mDialog對象的。

　　下面我們來看一下自定義Dialog的調用方式。代碼如下：

/**
 * 彈出電話確認按鈕
 */
new BaseDialog(getActivity())
        .builder()
        .setMessage("15895991339")
        .setPositiveButton("確認", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Intent intent = new Intent(Intent.ACTION_DIAL, Uri.parse("tel:[phone]"));
                startActivity(intent);
                dialog.dismiss();
            }
        }).setNegativeButton("取消", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                dialog.dismiss();
            }
        }).show();

　　我們看到，調用方式和AlertDialog的使用方式很相似。