【Android】28.0 UI开发(十)——Android对话框合集

1.0 Android对话框,因为需求的不同会有很多种。如下:
2019-03-22_142509.png
2.0 本篇的内容主要有:
  • 1.确定取消对话框
  • 2.单选对话框
  • 3.多选对话框
  • 4.进度对话框
  • 5.有具体进度的对话框
3.0 新建一个项目Dialogs,目录如下:
2019-03-22_171314.png
4.0 先简单写好布局文件activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click01"
        android:text="确定取消对话框"/>

    <Button
        android:id="@+id/button5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click02"
        android:text="单选对话框"/>

    <Button
        android:id="@+id/button4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click03"
        android:text="多选对话框"/>

    <Button
        android:id="@+id/button3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click04"
        android:text="进度对话框"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="click05"
        android:text="有具体进度的对话框"/>
</LinearLayout>
2019-03-22_144243.png
5.0 确定取消对话框
    /**
     * 弹出确定取消对话框
     *
     * @param view
     */
    public void click01(View view) {
        // 工厂设计模式,得到创建对话框的工厂
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("警告");
        builder.setMessage("若练此功,必先自宫,是否继续?");
        builder.setPositiveButton("是", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(MainActivity.this, "即便自宫,也不一定能成功!", Toast.LENGTH_SHORT).show();
            }
        });
        builder.setNegativeButton("否", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(MainActivity.this, "如不自宫,一定不成功", Toast.LENGTH_SHORT).show();
            }
        });
        //千万别忘了这一步
        builder.show();
        //以前写的格式是:
        //builder.creste();
        //builder.show();
        //但我们查看show()源代码
        //会发现这个方法里面已经调用了create()方法
    }

demo完整的代码放最后,先解释下原理。

5.1 Android提供了AlertDialog.Builder 类,注意导的包有两个
  • import android.app.AlertDialog 这里我们导入默认的就行了。在 **`Android 5.0以下就是原始风格, 5.0 以上为 Material 风格。
  • android.support.v7.app.AlertDialog 这个V7包中的AlertDialogAndroid2.1以上 可以提供兼容性的Material 风格 Dialog。也就是说,使用这个包中的AlertDialog的话,从2.1到7.0都是Material风格Dialog

这两AlertDialog具体什么差别,可以参考这篇文章:
Material风格的Dialog(android.support.v7.app.AlertDialog)

具体Material风格是什么样子,可以参考这篇文章:
Android Material Design风格基本使用(实现简易新闻APP)

  • 这里Android提供了AlertDialog.Builder的写法,大家可能会觉得怪异。
    2019-03-22_150203.png

    我们可以查看源代码,发现BuilderAlertDialog类的内部类,所以这里需要一下。
    2019-03-22_150501.png

运行效果:


001.gif
6.0 单选对话框
 /**
     * 单选对话框
     *
     * @param view
     */
    public void click02(View view) {
        // 工厂设计模式,得到创建对话框的工厂
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("请选择您的性别:");
        final String[] items = {"男", "女", "人妖"};
        //第一个参数传入具体选项;
        //第二个参数,默认勾选;没有勾选,传入-1;
        //第三个参数传入 点击监听
        builder.setSingleChoiceItems(items, -1, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(MainActivity.this, "您的性别为:" + items[which], Toast.LENGTH_SHORT).show();
                dialog.dismiss();
            }
        });
        builder.show();
    }

我们在编写方法的时候,可以发现:


2019-03-22_151453.png
  • 1.从资源文件中装载数据:
public AlertDialog.Builder setSingleChoiceItems(int itemsId, int checkedItem, final OnClickListener listener)
  • 2.从数据集中装载数据
public AlertDialog.Builder setSingleChoiceItems(Cursor cursor, int checkedItem, String labelColumn, final OnClickListener listener)
  • 3.从字符串数组中装载数据
public AlertDialog.Builder setSingleChoiceItems(CharSequence[] items, int checkedItem, final OnClickListener listener)
  • 4.从ListAdapter对象中装载数据
public AlertDialog.Builder setSingleChoiceItems(ListAdapter adpater, int checkedItem, final OnClickListener listener)

这四种方法有时间再一一举例,目前使用的时就用上面例子中的这种即可。

运行效果:


002.gif
6.0 多选对话框
    /**
     * 多选对话框
     *
     * @param view
     */
    public void click03(View view) {
        // 工厂设计模式,得到创建对话框的工厂
        AlertDialog.Builder builder = new AlertDialog.Builder(this);

        builder.setTitle("请选择您爱吃的水果:");
        final String[] items = {"苹果", "梨子", "香蕉", "菠萝", "哈密瓜"};
        final boolean[] checkeds = {true, false, true, false, true};

        //第一个参数传入具体选项;
        //第二个参数,具体选项是否被选中的数组
        //第三个参数传入 点击监听
        builder.setMultiChoiceItems(items, checkeds, new DialogInterface.OnMultiChoiceClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which, boolean isChecked) {
                Toast.makeText(MainActivity.this, items[which] + isChecked, Toast.LENGTH_SHORT).show();
            }
        });
        builder.setPositiveButton("提交", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                //这里简单处理下选中的内容,便于后面输出查看
                //遍历checkeds,判断真假
                StringBuffer sb = new StringBuffer();
                for (int i = 0; i < checkeds.length; i++) {
                    if (checkeds[i]) {
                        sb.append(items[i] + " ");
                    }
                }
                Toast.makeText(MainActivity.this, "您喜欢吃的水果是:" + sb.toString(), Toast.LENGTH_SHORT).show();
            }
        });
        builder.show();
    }

和单选对话框类似。

同样,setMultiChoiceItems()方法有3种:

代码中有解释。

第一个参数变成了需要一个Cursor对象

从资源文件中装载数据。

上面变蓝色的字体可以点击直接进入Android SDK API文档。

运行效果:


003.gif
7.0 进度对话框

进度对话框所用的ProgressDialog 是AlertDialog的子类。
点击可以查看API文档:公共类 ProgressDialog

    /**
     * 进度对话框
     *
     * @param view
     */
    public void click04(View view) {
        final ProgressDialog pd = new ProgressDialog(this);
        pd.setTitle("请稍后:");
        pd.setMessage("正在拼命加载中...");
        pd.show();

        new Thread() {
            @Override
            public void run() {
                try {
                    Thread.sleep(30000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                //将进度条关闭
                pd.dismiss();
            }
        }.start();
    }

运行效果:


004.gif
8.0 带具体进度的对话框
    /**
     * 带具体进度的对话框
     *
     * @param view
     */
    public void click05(View view) {
        final ProgressDialog pd = new ProgressDialog(this);
        pd.setTitle("请稍后:");
        pd.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        pd.setMessage("正在拼命加载中...");
        // 设置进度条的最大值
        pd.setMax(100);
        pd.show();

        new Thread() {
            @Override
            public void run() {
                for (int i = 0; i < 100; i++) {
                    try {
                        Thread.sleep(300);
                        pd.setProgress(i);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
                //将进度条关闭
                pd.dismiss();
            }
        }.start();
    }

运行效果:

005.gif

在java语言中实现复选框被选中可以这样:
实例.setChecked(true);

我这里只是简单的实现,强调原理,下面这篇文章可以工程化的处理对话框:
Android Dialog使用详解
里面还实现了自定义对话框用于实现如下效果:

2019-03-23_004726.png

9.0 附上MainActivity.java源码
import android.app.AlertDialog;
import android.app.ProgressDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    /**
     * 弹出确定取消对话框
     *
     * @param view
     */
    public void click01(View view) {
        // 工厂设计模式,得到创建对话框的工厂
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("警告");
        builder.setMessage("若练此功,必先自宫,是否继续?");
        builder.setPositiveButton("是", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(MainActivity.this, "啊...即便自宫,也不一定能成功", Toast.LENGTH_SHORT).show();
            }
        });
        builder.setNegativeButton("否", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(MainActivity.this, "如果不自宫,一定不成功", Toast.LENGTH_SHORT).show();
            }
        });
        builder.show();
    }

    /**
     * 单选对话框
     *
     * @param view
     */
    public void click02(View view) {
        // 工厂设计模式,得到创建对话框的工厂
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("请选择您的性别:");
        final String[] items = {"男", "女", "人妖"};
        builder.setSingleChoiceItems(items, -1, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                Toast.makeText(MainActivity.this, "您的性别为:" + items[which], Toast.LENGTH_SHORT).show();
                dialog.dismiss();
            }
        });
        builder.show();
    }

    /**
     * 多选对话框
     *
     * @param view
     */
    public void click03(View view) {
        // 工厂设计模式,得到创建对话框的工厂
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setTitle("请选择您爱吃的水果:");
        final String[] items = {"苹果", "梨子", "香蕉", "菠萝", "哈密瓜"};
        final boolean[] checkeds = {true, false, true, false, true};
        builder.setMultiChoiceItems(items, checkeds, new DialogInterface.OnMultiChoiceClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which, boolean isChecked) {
                Toast.makeText(MainActivity.this, items[which] + isChecked, Toast.LENGTH_SHORT).show();
            }
        });
        builder.setPositiveButton("提交", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                StringBuffer sb = new StringBuffer();
                for (int i = 0; i < checkeds.length; i++) {
                    if (checkeds[i]) {
                        sb.append(items[i] + " ");
                    }
                }
                Toast.makeText(MainActivity.this, "您喜欢吃的水果是:" + sb.toString(), Toast.LENGTH_SHORT).show();
            }
        });
        builder.show();
    }

    /**
     * 进度对话框
     *
     * @param view
     */
    public void click04(View view) {
        final ProgressDialog pd = new ProgressDialog(this);
        pd.setTitle("请稍后:");
        pd.setMessage("正在拼命加载中...");
        pd.show();
        new Thread() {
            @Override
            public void run() {
                try {
                    Thread.sleep(30000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                pd.dismiss();
            }
        }.start();
    }

    /**
     * 带具体进度的对话框
     *
     * @param view
     */
    public void click05(View view) {
        final ProgressDialog pd = new ProgressDialog(this);
        pd.setTitle("请稍后:");
        pd.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        pd.setMessage("正在拼命加载中...");
        // 设置进度条的最大值
        pd.setMax(100);
        pd.show();

        new Thread() {
            @Override
            public void run() {
                for (int i = 0; i < 100; i++) {
                    try {
                        Thread.sleep(300);
                        pd.setProgress(i);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
                pd.dismiss();
            }
        }.start();
    }
}

END

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 222,729评论 6 517
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 95,226评论 3 399
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 169,461评论 0 362
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 60,135评论 1 300
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 69,130评论 6 398
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,736评论 1 312
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,179评论 3 422
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,124评论 0 277
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,657评论 1 320
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,723评论 3 342
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,872评论 1 353
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,533评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,213评论 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,700评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,819评论 1 274
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 49,304评论 3 379
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,876评论 2 361

推荐阅读更多精彩内容