Dialog使用詳解

Jenny_Tong 發布于2019-08-19 10:20 / 3472人閱讀

摘要：對話框是提示用戶作出決定或輸入額外信息的小窗口。對話框不會填充屏幕，通常用于需要用戶采取行動才能繼續執行的模式事件。簡介繼承關系如下基本樣式解析標題這是可選項，只應在內容區域被詳細消息列表或自定義布局占據時使用。

極力推薦文章：歡迎收藏
Android 干貨分享

閱讀五分鐘，每日十點，和您一起終身學習，這里是程序員Android

本篇文章主要介紹 Android 開發中的部分知識點，通過閱讀本篇文章，您將收獲以下內容:

簡單對話框

多選按鈕對話框

單選按鈕對話框

列表對話框

水平進度條對話框

圓形進度條對話框

自定義圖文對話框

自定義輸入對話框

自定義樣式對話框

自定義Loading樣式對話框

繼承 DialogFragment 實現對話框

Activity形式的對話框

倒計時 30s Dialog實現

Dialog 是Android 常用控件之一，主要以彈出框的形式與用戶進行交互。對話框是提示用戶作出決定或輸入額外信息的小窗口。對話框不會填充屏幕，通常用于需要用戶采取行動才能繼續執行的模式事件。

Dialog 簡介 Dialog 繼承關系如下：

java.lang.Object
   ?    android.app.Dialog

Dialog 基本樣式解析

1.標題

這是可選項，只應在內容區域被詳細消息、列表或自定義布局占據時使用。如需陳述的是一條簡單消息或問題（如圖上圖中的對話框），則不需要標題。

2.內容區域

它可以顯示消息、列表或其他自定義布局。

3.操作按鈕

對話框中的操作按鈕不應超過三個。

1. 簡單對話框

實現效果：

實現代碼如下：

    /**
     * 簡單對話框
     */
    public void SimpleDialog(View view) {

        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setIcon(R.drawable.gril).setTitle("簡單對話框")
                .setMessage("設置Dialog 顯示的內容")
                .setPositiveButton("OK", new DialogInterface.OnClickListener() {

                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                        Toast.makeText(DiaLogMethods.this, "點擊了確定按鈕",
                                Toast.LENGTH_SHORT).show();
                    }
                }).setNegativeButton("Cancle", null).create().show();

    }

2. 多選按鈕對話框

實現效果：

實現代碼：

/**
     * 多選按鈕對話框
     * */
    public void MultiChoiceDialog(View view) {
        final String font[] = { "小號字體", "中號字體", "大號字體", "超大號字體" };
        final boolean[] MultiChoice = new boolean[] { false, true, false, false };
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("多選對話框")
                .setIcon(R.drawable.ic_launcher)
                .setMultiChoiceItems(font, MultiChoice,
                        new DialogInterface.OnMultiChoiceClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog,
                                    int which, boolean isChecked) {
                                MultiChoice[which] = isChecked;
                                String choiceString = "";
                                for (int i = 0; i < MultiChoice.length; i++) {
                                    if (MultiChoice[i]) {
                                        choiceString = choiceString + font[i]
                                                + "  ";
                                    }
                                }

                                if (choiceString.equals("")
                                        || choiceString.length() == 0) {

                                    // 都不選的處理方法

                                    Toast.makeText(DiaLogMethods.this,
                                            "請選擇一個內容", Toast.LENGTH_SHORT)
                                            .show();
                                } else {

                                    Toast.makeText(DiaLogMethods.this,
                                            "選擇的字體為" + choiceString,
                                            Toast.LENGTH_SHORT).show();

                                }

                            }
                        }).setPositiveButton("OK", null)
                .setNegativeButton("Cancle", null).create().show();

    }

3.單選按鈕對話框

實現效果：

實現代碼如下：

    /**
     * 單選按鈕對話框實現
     **/
    public void SingleChoiceDialog(View view) {
        final String font[] = { "小號字體", "中號字體", "大號字體", "超大號字體" };
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("單選對話框")
                .setIcon(R.drawable.ic_launcher)
                .setSingleChoiceItems(font, 0,
                        new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog,
                                    int which) {
                                Toast.makeText(DiaLogMethods.this,
                                        "選擇的字體為:" + font[which],
                                        Toast.LENGTH_SHORT).show();
                                dialog.dismiss();
                            }
                        }).setPositiveButton("OK", null)
                .setNegativeButton("Cancle", null).create().show();

    }

4. 列表對話框

實現效果如下：

實現代碼如下：

/**
     * 列表對話框實現
     **/
    public void ListItemDialog(View view) {
        final String font[] = { "小號字體", "中號字體", "大號字體", "超大號字體" };
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setIcon(R.drawable.ic_launcher)
                .setTitle(" 列表對話框")
                .setItems(font, new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(DiaLogMethods.this,
                                "選擇內容是：" + font[which], Toast.LENGTH_SHORT)
                                .show();
                    }
                }).setNegativeButton("Cancle", null)
                .setPositiveButton("OK", null).create().show();

    }

5. 水平進度條對話框

實現效果如下：

實現代碼如下：

    /**
     * 水平進度條對話框實現
     **/
    @SuppressWarnings("deprecation")
    public void HorProgressDialog(View view) {

        final ProgressDialog progressDialog = new ProgressDialog(
                DiaLogMethods.this);
        progressDialog.setTitle("進度對話框");
        progressDialog.setIcon(R.drawable.ic_launcher);
        progressDialog.setMessage("加載中...");
        // 水平進度條顯示
        progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        // 圓形進度條顯示
        // progressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
        progressDialog.setCancelable(true);
        progressDialog.setButton("Cancle",
                new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(DiaLogMethods.this, "取消進度條對話框",
                                Toast.LENGTH_LONG).show();
                        progressDialog.cancel();
                        count = 0;
                    }
                });
        progressDialog.setMax(100);
        progressDialog.show();
        count = 0;
        new Thread() {
            @Override
            public void run() {

                while (count <= 100) {
                    progressDialog.setProgress(count++);
                    try {
                        Thread.sleep(50);
                    } catch (InterruptedException e) {
                        progressDialog.dismiss();
                        e.printStackTrace();
                    }

                }
                progressDialog.dismiss();
            }
        }.start();

    }

6. 圓形進度條對話框

實現效果如下：

實現代碼如下：

/**
     * 圓形進度條顯示
     **/
    @SuppressWarnings("deprecation")
    public void SpinerProgressDialog(View view) {

        final ProgressDialog progressDialog = new ProgressDialog(
                DiaLogMethods.this);
        progressDialog.setTitle("進度對話框");
        progressDialog.setIcon(R.drawable.ic_launcher);
        progressDialog.setMessage("加載中...");
        // 水平進度條顯示
        // progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        // 圓形進度條顯示
        progressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
        progressDialog.setCancelable(true);
        progressDialog.setButton("確定", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(DiaLogMethods.this, "取消進度條對話框",
                        Toast.LENGTH_LONG).show();
                progressDialog.cancel();
                count = 0;
            }
        });
        progressDialog.setMax(100);
        progressDialog.show();
        count = 0;
        new Thread() {
            @Override
            public void run() {

                while (count <= 100) {
                    progressDialog.setProgress(count++);
                    try {
                        Thread.sleep(50);
                    } catch (InterruptedException e) {
                        progressDialog.dismiss();
                        e.printStackTrace();
                    }

                }
                progressDialog.dismiss();
            }
        }.start();

    }

注意：

水平進度條，圓形進度條的區別如下：

        // 水平進度條顯示
        progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        // 圓形進度條顯示
        progressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);

7. 自定義圖文對話框

實現效果如下：

實現代碼如下：

    /**
     * 自定義圖文對話框實現
     **/
    public void CustomImgTvDialog(View view) {

        AlertDialog.Builder builder = new AlertDialog.Builder(this);

        View contextview = getLayoutInflater().inflate(
                R.layout.dialog_custom_img_tv, null);
        LinearLayout linearLayout1 = (LinearLayout) findViewById(R.id.linlout1);
        LinearLayout linearLayout2 = (LinearLayout) findViewById(R.id.linlout2);
        ImageView img1 = (ImageView) contextview.findViewById(R.id.img1);
        TextView tv1 = (TextView) contextview.findViewById(R.id.tv1);
        // 這里可以處理一些點擊事件

        builder.setIcon(R.drawable.gril).setTitle("自定義對話框")
                .setView(contextview)
                // 或者在這里處理一些事件
                .setPositiveButton("OK", null)
                .setNegativeButton("Cancle", null).create().show();
    }

注意：

自定義圖文對話框的布局如下：

8. 自定義輸入對話框

實現效果如下：

實現代碼如下：

    /**
     * 自定義EditText對話框
     **/
    public void CustomEditTextDialog(View view) {

        AlertDialog.Builder builder = new AlertDialog.Builder(this,
                android.R.style.Theme_Material_Light_Dialog_Alert);
        View Tittleview = getLayoutInflater().inflate(
                R.layout.dialog_custom_layout, null);
        ImageView img2 = (ImageView) Tittleview.findViewById(R.id.img2);
        TextView textView = (TextView) Tittleview.findViewById(R.id.tv2);

        textView.setText("自定義對話框");
        img2.setImageResource(R.drawable.ic_launcher);
        // 自定義tittle
        builder.setCustomTitle(Tittleview);

        View contentView = getLayoutInflater().inflate(
                R.layout.dialog_custom_et, null);
        EditText username = (EditText) contentView.findViewById(R.id.username);
        EditText passworld = (EditText) contentView
                .findViewById(R.id.passworld);

        builder.setView(contentView);
        builder.setPositiveButton("OK", null).setNegativeButton("Cancle", null)
                .create().show();

    }

自定義對話框布局如下：

自定義 EditText 內容布局

9. 自定義樣式對話框

實現效果如下：

實現代碼如下：

    /**
     * 自定義樣式對話框
     * **/
    public void CustomStyleDialog(View v) {

        // 對話框和activity綁定,所以必須傳遞activity對象
        Builder builder = new AlertDialog.Builder(this,
                android.R.style.Theme_Material_Light_Dialog_Alert);
        // 獲取對話框對象
        final AlertDialog dialog = builder.create();
        // 修改對話框的樣式(布局結構)
        View view = View.inflate(this, R.layout.dialog_custom_style, null);

        // 因為在2.3.3版本上,系統默認設置內間距,所以需要去除此內間距
        // dialog.setView(view);
        dialog.setView(view, 0, 0, 0, 0);

        // 找到對話框中所有控件
        Button bt_submit = (Button) view.findViewById(R.id.bt_submit);
        Button bt_cancel = (Button) view.findViewById(R.id.bt_cancel);

        final EditText et_set_psd = (EditText) view
                .findViewById(R.id.et_set_psd);
        final EditText et_confirm_psd = (EditText) view
                .findViewById(R.id.et_confirm_psd);

        bt_submit.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // 如果用戶沒有輸入兩次密碼,告知用戶輸入密碼
                String psd = et_set_psd.getText().toString().trim();
                String confirmPsd = et_confirm_psd.getText().toString().trim();
                if (!TextUtils.isEmpty(psd) && !TextUtils.isEmpty(confirmPsd)) {
                    if (psd.equals(confirmPsd)) {
                        // 當前的對話框隱藏
                        dialog.dismiss();

                    } else {
                        Toast.makeText(getApplicationContext(), "兩次輸入密碼不一致",
                                Toast.LENGTH_SHORT).show();
                    }
                } else {
                    Toast.makeText(getApplicationContext(), "密碼不能為空",
                            Toast.LENGTH_SHORT).show();
                }
            }
        });

        bt_cancel.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });

        // 展示對話框
        dialog.show();

    }

1. 自定義樣式dialog_custom_style布局如下：

dialog_custom_style 布局

2. EditText 的背景是畫的edittext_background 圓角矩形

edittext_background 實現

android.R.style.Theme_Material_Light_Dialog_Alert 是用來定義Dialog 樣式。

        Builder builder = new AlertDialog.Builder(this,
                android.R.style.Theme_Material_Light_Dialog_Alert);

10. 自定義Loading樣式對話框

實現效果如下：

實現代碼如下：

    /**
     * 自定義Loading樣式對話框
     ***/
    public void CustomStyleProgressDialog(View view) {

        LayoutInflater inflater = LayoutInflater.from(this);
        View v = inflater.inflate(R.layout.dialog_custom_style_progress, null);
        LinearLayout layout = (LinearLayout) v.findViewById(R.id.dialog_view);

        ImageView spaceshipImage = (ImageView) v.findViewById(R.id.img);
        TextView tipTextView = (TextView) v.findViewById(R.id.tipTextView);

        Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(this,
                R.anim.loading_animation);

        spaceshipImage.startAnimation(hyperspaceJumpAnimation);

        Dialog loadingDialog = new Dialog(this, R.style.loading_dialog);

        // loadingDialog.setCancelable(true);//“返回鍵”取消 不可以用
        loadingDialog.setContentView(layout, new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.MATCH_PARENT,
                LinearLayout.LayoutParams.MATCH_PARENT));
        loadingDialog.show();
    }

1. 自定義Dialog Sstyle 如下：

2. 自定義Dialog 樣式動畫如下：

3. 自定義樣式的布局如下：

11. 繼承 DialogFragment 實現對話框

實現效果如下：

1.自定義繼承DialogFragment 類

實現代碼如下：

自定義繼承DialogFragment 類

public class CustomDialogFragment extends DialogFragment {

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        // Use the Builder class for convenient dialog construction
        AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
        builder.setMessage("通過 DialogFragment 創建對話框")
                .setTitle("DialogFragment")
                .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                    public void onClick(DialogInterface dialog, int id) {
                        Toast.makeText(getActivity(), "點擊 OK",
                                Toast.LENGTH_SHORT).show();
                    }
                })
                .setNegativeButton("cancle",
                        new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog, int id) {
                                // User cancelled the dialog
                            }
                        });
        // Create the AlertDialog object and return it
        return builder.create();
    }
}

2. Activity 調用顯示Dialog方法

    /**
     * 繼承 DialogFragment 實現對話框
     * **/
    public void CustomFragmentDialog(View view) {

        CustomDialogFragment customDialogFragment = new CustomDialogFragment();
        customDialogFragment.show(getFragmentManager(), "fragment");
    }

12. Activity形式的對話框

只需創建一個 Activity，并在清單文件元素中將其主題設置為 Theme.Holo.Dialog樣式即可

13.倒計時 30s Dialog實現

實現效果如下：

實現代碼如下：

    private TextView mShutDownTextView;
    private Handler mOffHandler;
    private Timer mShutdownTime;
    private Dialog mDialog;

    public void CountDownDialog(View view) {

        CreateShutDownDialog();

    }

    private Handler mNumHandler = new Handler() {
        public void handleMessage(android.os.Message msg) {
            if (msg.what > 0) {

                // //動態顯示倒計時
                mShutDownTextView
                        .setText("Warning! Battery temperature°С, phone will shutdown in "
                                + msg.what + "s");

            } else {
                if (mDialog != null) {
                    mDialog.dismiss();
                }
                mShutdownTime.cancel();
                Toast.makeText(getApplicationContext(), "倒計時結束", 0).show();

            }
        }

    };

    private void CreateShutDownDialog() {

        mShutDownTextView = new TextView(this);
        mShutDownTextView.setLineSpacing(1.2f, 1.2f);
        mShutDownTextView.setText("");
        mShutDownTextView.setPadding(20, 20, 20, 20);
        mDialog = new AlertDialog.Builder(this).setTitle("Safety Warning")
                .setCancelable(false).setView(mShutDownTextView)
                .setPositiveButton("OK", new DialogInterface.OnClickListener() {
                    public void onClick(DialogInterface dialog, int id) {
                        mShutdownTime.cancel();

                    }
                }).create();
        mDialog.show();
        mDialog.setCanceledOnTouchOutside(false);
        mShutdownTime = new Timer(true);
        TimerTask timeTask = new TimerTask() {
            int countTime = 30;

            public void run() {
                if (countTime > 0) {
                    countTime--;
                }
                Message msg = new Message();
                msg.what = countTime;
                mNumHandler.sendMessage(msg);
            }
        };
        mShutdownTime.schedule(timeTask, 1000, 1000);
    }

至此，本篇已結束，如有不對的地方，歡迎您的建議與指正。同時期待您的關注，感謝您的閱讀，謝謝！

云服務器 GPU云服務器域名綁定與使用詳解 python字符串的使用詳解 iOS-GCD使用詳解 dialog

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/75848.html

CSS Modules詳解及React中實踐

摘要：上例中打印的結果是對中的名都做了處理，使用對象來保存原和混淆后的對應關系。結合實踐在處直接使用中名即可。如因為只會轉變類選擇器，所以這里的屬性選擇器不需要添加。 showImg(http://gtms01.alicdn.com/tps/i1/TB15w0HLpXXXXbdaXXXjhvsIVXX-600-364.png); CSS 是前端領域中進化最慢的一塊。由于 ES2015/201...

wemall 2019-08-30 15:45 評論0 收藏0
四年來Android面試大綱，作為一個Android程序員

摘要：再附一部分架構面試視頻講解本文已被開源項目學習筆記總結移動架構視頻大廠面試真題項目實戰源碼收錄 Java反射(一)Java反射(二)Java反射(三)Java注解Java IO(一)Java IO(二)RandomAccessFileJava NIOJava異常詳解Java抽象類和接口的區別Java深拷貝和淺拷...

不知名網友 2021-11-29 10:50 評論0 收藏0
PopupWindow 使用詳解

摘要：在經常使用，效果跟效果類似，不同點在于可以控制顯示的位置，比如底部顯示等。至此，本篇已結束，如有不對的地方，歡迎您的建議與指正。同時期待您的關注，感謝您的閱讀，謝謝 showImg(https://segmentfault.com/img/remote/1460000019975019?w=157&h=54); 極力推薦文章：歡迎收藏Android 干貨分享 showImg(http...

huaixiaoz 2019-08-19 10:20 評論0 收藏0

發表評論

登陸后可評論

0條評論

Jenny_Tong

男|高級講師

我要關注我要私信

TA的文章

（Python）asyncio使用異常：This event loop is already run

閱讀 2441·2021-11-23 09:51
（黑馬）C++提高編程筆記（未完）

閱讀 1867·2021-10-13 09:40
Contabo：老牌良心德國vps主機商家;4核8G/200 GB存儲,月付5.99歐

閱讀 1372·2021-09-30 10:01
【干貨】串口通信，傻瓜式通信，誰用誰方便

閱讀 590·2021-09-26 09:46
利用 Kindle Previewer 亞馬遜官方電子書模擬器預覽排版和設備體驗度

閱讀 2233·2021-09-23 11:55
Python——基本數據類型（模塊2: time庫的使用）（實例3:文本進度條）

閱讀 1385·2021-09-10 10:51
ESP32學習筆記（46）——MQTT客戶端

閱讀 2240·2021-09-09 09:33
webpack打包多頁面

閱讀 2228·2019-08-29 17:25

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務器低至59元/年，更有多臺、長期優惠，快來選購！

Dialog使用詳解

閱讀五分鐘，每日十點，和您一起終身學習，這里是程序員Android

注意：

注意：

相關文章

CSS Modules詳解及React中實踐

四年來Android面試大綱，作為一個Android程序員

PopupWindow 使用詳解

發表評論

0條評論

Jenny_Tong

男|高級講師

TA的文章

（Python）asyncio使用異常：This event loop is already run

（黑馬）C++提高編程筆記（未完）

Contabo：老牌良心德國vps主機商家;4核8G/200 GB存儲,月付5.99歐

【干貨】串口通信，傻瓜式通信，誰用誰方便

利用 Kindle Previewer 亞馬遜官方電子書模擬器預覽排版和設備體驗度

Python——基本數據類型（模塊2: time庫的使用）（實例3:文本進度條）

ESP32學習筆記（46）——MQTT客戶端

webpack打包多頁面

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務器低至59元/年，更有多臺、長期優惠，快來選購！

Dialog使用詳解

閱讀五分鐘，每日十點，和您一起終身學習，這里是程序員Android

注意 ：

注意：

相關文章

發表評論

0條評論

男|高級講師

TA的文章

最新活動

注意：