Dialog使用详解

Jenny_Tong 发布于2019-08-19 10:20 / 3303人阅读

摘要：对话框是提示用户作出决定或输入额外信息的小窗口。对话框不会填充屏幕，通常用于需要用户采取行动才能继续执行的模式事件。简介继承关系如下基本样式解析标题这是可选项，只应在内容区域被详细消息列表或自定义布局占据时使用。

极力推荐文章：欢迎收藏
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);
    }

至此，本篇已结束，如有不对的地方，欢迎您的建议与指正。同时期待您的关注，感谢您的阅读，谢谢！

idc机房托管专线服务域名绑定与使用详解 python字符串的使用详解 iOS-GCD使用详解 dialog

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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

阅读 1907·2021-11-23 09:51
（黑马）C++提高编程笔记（未完）

阅读 1742·2021-10-13 09:40
Contabo：老牌良心德国vps主机商家;4核8G/200 GB存储,月付5.99欧

阅读 1153·2021-09-30 10:01
【干货】串口通信，傻瓜式通信，谁用谁方便

阅读 421·2021-09-26 09:46
利用 Kindle Previewer 亚马逊官方电子书模拟器预览排版和设备体验度

阅读 1997·2021-09-23 11:55
Python——基本数据类型（模块2: time库的使用）（实例3:文本进度条）

阅读 1123·2021-09-10 10:51
ESP32学习笔记（46）——MQTT客户端

阅读 1831·2021-09-09 09:33
webpack打包多页面

阅读 2112·2019-08-29 17:25

资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

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

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

Dialog使用详解

阅读五分钟，每日十点，和您一起终身学习，这里是程序员Android

注意 ：

注意：

相关文章

发表评论

0条评论

男|高级讲师

TA的文章

最新活动

注意：