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

1.0 Android对话框,因为需求的不同会有很多种。如下:
16102290-86bfeae1fdf1f950.png
2019-03-22_142509.png
2.0 本篇的内容主要有:
  • 1.确定取消对话框
  • 2.单选对话框
  • 3.多选对话框
  • 4.进度对话框
  • 5.有具体进度的对话框
3.0 新建一个项目Dialogs,目录如下:
16102290-d2aef05d7346897d.png
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>
16102290-7a69d93aa6515fc7.png
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的写法,大家可能会觉得怪异。
    16102290-5a9441ffdb087c00.png
    2019-03-22_150203.png

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

运行效果:


16102290-4d3f1700325017df.gif
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();
    }

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


16102290-b5492e6df7be9fe0.png
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)

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

运行效果:


16102290-a48ac1919f4acad9.gif
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文档。

运行效果:


16102290-94817e80b9fabf5a.gif
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();
    }

运行效果:


16102290-92c328368eb45b3d.gif
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();
    }

运行效果:

16102290-e96550f5e795bf3a.gif
005.gif

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

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

16102290-3c5dd1b7fcd7c31d.png
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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值