Android 簡單的自定義Dialog

效果圖

Dialog的詳細用法看這篇博客：http://blog.csdn.net/zhuwentao2150/article/details/51478053

我們自定義的CustomDialog是通過繼承Dialog類並添加自定義的佈局來實現的

/**
 * 自定義Dialog彈窗
 * Created by zhuwentao on 2016-08-19.
 */
public class CustomDialog extends Dialog{

    /**
     * 提示
     */
    protected TextView hintTv;

    /**
     * 左邊按鈕
     */
    protected Button doubleLeftBtn;

    /**
     * 右邊按鈕
     */
    protected Button doubleRightBtn;

    public CustomDialog(Context context) {
        super(context, R.style.CustomDialogStyle);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setCancelable(false);  // 是否可以撤銷
        setContentView(R.layout.dialog_custom);
        hintTv = (TextView) findViewById(R.id.tv_common_dialog_hint);
        doubleLeftBtn = (Button) findViewById(R.id.btn_common_dialog_double_left);
        doubleRightBtn = (Button) findViewById(R.id.btn_common_dialog_double_right);
    }

    /**
     * 設置右鍵文字和點擊事件
     *
     * @param rightStr 文字
     * @param clickListener 點擊事件
     */
    public void setRightButton(String rightStr, View.OnClickListener clickListener) {
        doubleRightBtn.setOnClickListener(clickListener);
        doubleRightBtn.setText(rightStr);
    }

    /**
     * 設置左鍵文字和點擊事件
     *
     * @param leftStr 文字
     * @param clickListener 點擊事件
     */
    public void setLeftButton(String leftStr, View.OnClickListener clickListener) {
        doubleLeftBtn.setOnClickListener(clickListener);
        doubleLeftBtn.setText(leftStr);
    }

    /**
     * 設置提示內容
     *
     * @param str 內容
     */
    public void setHintText(String str) {
        hintTv.setText(str);
        hintTv.setVisibility(View.VISIBLE);
    }

    /**
     * 給兩個按鈕 設置文字
     *
     * @param leftStr 左按鈕文字
     * @param rightStr 右按鈕文字
     */
    public void setBtnText(String leftStr, String rightStr) {
        doubleLeftBtn.setText(leftStr);
        doubleRightBtn.setText(rightStr);
    }
}

這裏的CustomDialogStyle風格根據自己的需要進行設置

    <style name="CustomDialogStyle" parent="@android:style/Theme.Dialog">
        <!-- 邊框 -->
        <item name="android:windowFrame">@null</item>

        <!-- 背景透明 -->
        <item name="android:windowBackground">@color/transparent</item>

        <!-- 無標題 -->
        <item name="android:windowNoTitle">true</item>

        <!-- 是否浮現在activity之上 -->
        <item name="android:windowIsFloating">true</item>

        <!-- 半透明 -->
        <item name="android:windowIsTranslucent">false</item>

        <!-- 背景模糊 -->
        <item name="android:windowContentOverlay">@null</item>

        <!-- 允許對話框的背景變暗 -->
        <item name="android:backgroundDimEnabled">true</item>

        <!-- 字體顏色 -->
        <item name="android:textColor">@color/c_777777</item>
        <item name="android:editTextColor">@color/c_777777</item>
    </style>

佈局文件dialog_custom

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_common_dialog_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="15dp"
    android:background="@drawable/bg_corner"
    android:orientation="vertical">

    <!--提示信息-->
    <TextView
        android:id="@+id/tv_common_dialog_hint"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:paddingTop="20dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:textColor="@color/c_969696"
        android:textSize="15sp"/>

    <!--底部按鈕-->
    <LinearLayout
        android:id="@+id/ll_common_dialog_double"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btn_common_dialog_double_left"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_weight="1"
            android:background="@drawable/bg_dialog_btn"
            android:gravity="center"
            android:textColor="@color/white"
            android:textSize="15sp"/>

        <Button
            android:id="@+id/btn_common_dialog_double_right"
            android:layout_width="0dp"
            android:layout_height="35dp"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@drawable/bg_dialog_btn"
            android:gravity="center"
            android:textColor="@color/white"
            android:textSize="15sp"/>
    </LinearLayout>
</LinearLayout>

裏面的按鈕背景和字體顏色等可自行設置

使用方法很簡單，把CustomDialog實例化一下，調用對應的方法就好

    /**
     * 顯示CustomDialog
     */
    private void showDialog() {
        final CustomDialog dialog = new CustomDialog(this);
        dialog.show();
        dialog.setHintText("確定要刪除嗎？");
        dialog.setLeftButton("取消", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
        dialog.setRightButton("刪除", new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
                Toast.makeText(MainActivity.this, "點擊刪除", Toast.LENGTH_SHORT).show();
            }
        });
    }

如果在dialog佈局中放入個EditText後，在Activity中該怎麼獲取到它的值呢？
可以給需要的EditText對外提供個get方法

    // ......

    /**
     * 輸入框
     */
    protected EditText mEditText;
    // .....
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // ......
        mEditText = (EditText) findViewById(R.id.edt_common_dialog_text);
        // ......
    }

    public String getEditText() {
        return mEditText.getText().toString();
    }
    // ......

需要獲取值的時候直接調用get方法就好

        CustomDialog dialog = new CustomDialog(this);
        dialog.show();
        String dialogEditText = dialog.getEditText();

想要動態的隱藏或顯示鍵盤怎麼做呢？可以通過獲取一個鍵盤控制器InputMethodManager，自主控制它的顯示和隱藏。

    // ......

    private LinearLayout parentLl;

    /**
     * 鍵盤控制器
     */
    private InputMethodManager imm;

    public CustomDialog(Context context) {
        super(context, R.style.CustomDialog);
        // 取得鍵盤控制器
        imm = (InputMethodManager) context.getSystemService(Context.INPUT_METHOD_SERVICE);
    } 

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // ......
        parentLl = (LinearLayout) findViewById(R.id.ll_common_dialog_layout);
        // 點擊輸入框之外的地方，隱藏鍵盤
        parentLl.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                hideKeyboard(v);
            }
        });
        // ......
    }

    /**
     * 展示鍵盤
     *
     * @param et 編輯框
     */
    public void showKeyboard(EditText et) {
        et.requestFocus();
        et.setSelectAllOnFocus(true);
        et.selectAll();
        // 顯示鍵盤
        imm.toggleSoftInput(InputMethodManager.SHOW_FORCED, 0);
    }

    /**
     * 隱藏鍵盤
     *
     * @param v 編輯框
     */
    public void hideKeyboard(View v) {
        if (imm.isActive()) {
            // 如果鍵盤爲激活狀態，則隱藏鍵盤
            imm.hideSoftInputFromWindow(v.getApplicationWindowToken(), 0);
        }
    }

    // ......

總體實現就是這樣，我們可以靈活的更改界面和控制代碼，來自定義Dialog理想的顯示效果