[关闭]
@coder-pig 2015-09-30T03:05:56.000000Z 字数 9178 阅读 1526

Android基础入门教程——2.5.3 AlertDialog(对话框)详解

Android基础入门教程

本节引言：

本节继续给大家带来是显示提示信息的第三个控件AlertDialog(对话框)，同时它也是其他
Dialog的的父类！比如ProgressDialog，TimePickerDialog等，而AlertDialog的父类是：Dialog！
另外，不像前面学习的Toast和Notification，AlertDialog并不能直接new出来，如果你打开
AlertDialog的源码，会发现构造方法是protected的，如果我们要创建AlertDialog的话，我们
需要使用到该类中的一个静态内部类：public static class Builder，然后来调用AlertDialog
里的相关方法，来对AlertDialog进行定制，最后调用show()方法来显示我们的AlertDialog对话框！
好的，下面我们就来学习AlertDialog的基本用法，以及定制我们的AlertDialog！
官方文档：AlertDialog

1.基本使用流程

  • Step 1：创建AlertDialog.Builder对象；
  • Step 2：调用setIcon()设置图标，setTitle()或setCustomTitle()设置标题；
  • Step 3：设置对话框的内容：setMessage()还有其他方法来指定显示的内容；
  • Step 4：调用setPositive/Negative/NeutralButton()设置：确定，取消，中立按钮；
  • Step 5：调用create()方法创建这个对象，再调用show()方法将对话框显示出来；

2.几种常用的对话框使用示例

运行效果图：

核心代码：

MainActivity.java：

  1. public class MainActivity extends AppCompatActivity implements View.OnClickListener {
  3.     private Button btn_dialog_one;
  4.     private Button btn_dialog_two;
  5.     private Button btn_dialog_three;
  6.     private Button btn_dialog_four;
  8.     private Context mContext;
  9.     private boolean[] checkItems;
  11.     private AlertDialog alert = null;
  12.     private AlertDialog.Builder builder = null;
  14.     @Override
  15.     protected void onCreate(Bundle savedInstanceState) {
  16.         super.onCreate(savedInstanceState);
  17.         setContentView(R.layout.activity_main);
  18.         mContext = MainActivity.this;
  19.         bindView();
  22.     }
  24.     private void bindView() {
  25.         btn_dialog_one = (Button) findViewById(R.id.btn_dialog_one);
  26.         btn_dialog_two = (Button) findViewById(R.id.btn_dialog_two);
  27.         btn_dialog_three = (Button) findViewById(R.id.btn_dialog_three);
  28.         btn_dialog_four = (Button) findViewById(R.id.btn_dialog_four);
  29.         btn_dialog_one.setOnClickListener(this);
  30.         btn_dialog_two.setOnClickListener(this);
  31.         btn_dialog_three.setOnClickListener(this);
  32.         btn_dialog_four.setOnClickListener(this);
  33.     }
  36.     @Override
  37.     public void onClick(View v) {
  38.         switch (v.getId()) {
  39.             //普通对话框
  40.             case R.id.btn_dialog_one:
  41.                 alert = null;
  42.                 builder = new AlertDialog.Builder(mContext);
  43.                 alert = builder.setIcon(R.mipmap.ic_icon_fish)
  44.                         .setTitle("系统提示：")
  45.                         .setMessage("这是一个最普通的AlertDialog,\n带有三个按钮，分别是取消，中立和确定")
  46.                         .setNegativeButton("取消", new DialogInterface.OnClickListener() {
  47.                             @Override
  48.                             public void onClick(DialogInterface dialog, int which) {
  49.                                 Toast.makeText(mContext, "你点击了取消按钮~", Toast.LENGTH_SHORT).show();
  50.                             }
  51.                         })
  52.                         .setPositiveButton("确定", new DialogInterface.OnClickListener() {
  53.                             @Override
  54.                             public void onClick(DialogInterface dialog, int which) {
  55.                                 Toast.makeText(mContext, "你点击了确定按钮~", Toast.LENGTH_SHORT).show();
  56.                             }
  57.                         })
  58.                         .setNeutralButton("中立", new DialogInterface.OnClickListener() {
  59.                             @Override
  60.                             public void onClick(DialogInterface dialog, int which) {
  61.                                 Toast.makeText(mContext, "你点击了中立按钮~", Toast.LENGTH_SHORT).show();
  62.                             }
  63.                         }).create();             //创建AlertDialog对象
  64.                 alert.show();                    //显示对话框
  65.                 break;
  66.             //普通列表对话框
  67.             case R.id.btn_dialog_two:
  68.                 final String[] lesson = new String[]{"语文", "数学", "英语", "化学", "生物", "物理", "体育"};
  69.                 alert = null;
  70.                 builder = new AlertDialog.Builder(mContext);
  71.                 alert = builder.setIcon(R.mipmap.ic_icon_fish)
  72.                         .setTitle("选择你喜欢的课程")
  73.                         .setItems(lesson, new DialogInterface.OnClickListener() {
  74.                             @Override
  75.                             public void onClick(DialogInterface dialog, int which) {
  76.                                 Toast.makeText(getApplicationContext(), "你选择了" + lesson[which], Toast.LENGTH_SHORT).show();
  77.                             }
  78.                         }).create();
  79.                 alert.show();
  80.                 break;
  81.             //单选列表对话框
  82.             case R.id.btn_dialog_three:
  83.                 final String[] fruits = new String[]{"苹果", "雪梨", "香蕉", "葡萄", "西瓜"};
  84.                 alert = null;
  85.                 builder = new AlertDialog.Builder(mContext);
  86.                 alert = builder.setIcon(R.mipmap.ic_icon_fish)
  87.                         .setTitle("选择你喜欢的水果，只能选一个哦~")
  88.                         .setSingleChoiceItems(fruits, 0, new DialogInterface.OnClickListener() {
  89.                             @Override
  90.                             public void onClick(DialogInterface dialog, int which) {
  91.                                 Toast.makeText(getApplicationContext(), "你选择了" + fruits[which], Toast.LENGTH_SHORT).show();
  92.                             }
  93.                         }).create();
  94.                 alert.show();
  95.                 break;
  96.             //多选列表对话框
  97.             case R.id.btn_dialog_four:
  98.                 final String[] menu = new String[]{"水煮豆腐", "萝卜牛腩", "酱油鸡", "胡椒猪肚鸡"};
  99.                 //定义一个用来记录个列表项状态的boolean数组
  100.                 checkItems = new boolean[]{false, false, false, false};
  101.                 alert = null;
  102.                 builder = new AlertDialog.Builder(mContext);
  103.                 alert = builder.setIcon(R.mipmap.ic_icon_fish)
  104.                         .setMultiChoiceItems(menu, checkItems, new DialogInterface.OnMultiChoiceClickListener() {
  105.                             @Override
  106.                             public void onClick(DialogInterface dialog, int which, boolean isChecked) {
  107.                                 checkItems[which] = isChecked;
  108.                             }
  109.                         })
  110.                         .setPositiveButton("确定", new DialogInterface.OnClickListener() {
  111.                             @Override
  112.                             public void onClick(DialogInterface dialog, int which) {
  113.                                 String result = "";
  114.                                 for (int i = 0; i < checkItems.length; i++) {
  115.                                     if (checkItems[i])
  116.                                         result += menu[i] + " ";
  117.                                 }
  118.                                 Toast.makeText(getApplicationContext(), "客官你点了:" + result, Toast.LENGTH_SHORT).show();
  119.                             }
  120.                         })
  121.                         .create();
  122.                 alert.show();
  123.                 break;
  124.         }
  125.     }
  126. }

布局就是四个简单的按钮，这里就不贴出来了，用法非常简单~无非就是创建一个Builder对象后，
进行相关设置，然后create()生成一个AlertDialog对象，最后调用show()方法将AlertDialog
显示出来而已！另外，细心的你可能发现我们点击对话框的外部区域，对话框就会消失，我们
可以为builder设置setCancelable(false)即可解决这个问题！

3.通过Builder的setView()定制显示的AlertDialog

我们可以自定义一个与系统对话框不同的布局，然后调用setView()将我们的布局加载到
AlertDialog上，上面我们来实现这个效果：

运行效果图：

关键代码：

首先是两种不同按钮的selctor的drawable文件：

btn_selctor_exit.xml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:state_pressed="true" android:drawable="@mipmap/iv_icon_exit_pressed"/>
  4.     <item android:drawable="@mipmap/iv_icon_exit_normal"/>
  5. </selector>

btn_selctor_choose.xml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:state_pressed="true" android:drawable="@mipmap/bg_btn_pressed"/>
  4.     <item android:drawable="@mipmap/bg_btn_normal"/>
  5. </selector>

接着是自定义的Dialog布局：view_dialog_custom.xml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:id="@+id/RelativeLayout1"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical">
  8.     <RelativeLayout
  9.         android:id="@+id/titlelayout"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="wrap_content"
  12.         android:layout_alignParentLeft="true"
  13.         android:layout_alignParentTop="true"
  14.         android:background="#53CC66"
  15.         android:padding="5dp">
  17.         <TextView
  18.             android:layout_width="match_parent"
  19.             android:layout_height="wrap_content"
  20.             android:layout_centerVertical="true"
  21.             android:text="提示信息"
  22.             android:textColor="#ffffff"
  23.             android:textSize="18sp"
  24.             android:textStyle="bold" />
  26.         <Button
  27.             android:id="@+id/btn_cancle"
  28.             android:layout_width="30dp"
  29.             android:layout_height="30dp"
  30.             android:layout_alignParentRight="true"
  31.             android:background="@drawable/btn_selctor_exit" />
  33.     </RelativeLayout>
  36.     <LinearLayout
  37.         android:id="@+id/ly_detail"
  38.         android:layout_width="wrap_content"
  39.         android:layout_height="wrap_content"
  40.         android:layout_alignParentLeft="true"
  41.         android:layout_below="@+id/titlelayout"
  42.         android:layout_centerInParent="true"
  43.         android:orientation="vertical">
  45.         <TextView
  46.             android:layout_width="wrap_content"
  47.             android:layout_height="wrap_content"
  48.             android:layout_marginLeft="10dp"
  49.             android:layout_marginTop="20dp"
  50.             android:text="通过setView()方法定制AlertDialog"
  51.             android:textColor="#04AEDA"
  52.             android:textSize="18sp" />
  54.         <TextView
  55.             android:layout_width="wrap_content"
  56.             android:layout_height="wrap_content"
  57.             android:layout_marginLeft="10dp"
  58.             android:layout_marginTop="10dp"
  59.             android:text="作者:Coder-pig"
  60.             android:textColor="#04AEDA"
  61.             android:textSize="18sp" />
  62.     </LinearLayout>
  64.     <LinearLayout
  65.         android:layout_width="match_parent"
  66.         android:layout_height="wrap_content"
  67.         android:layout_below="@+id/ly_detail"
  68.         android:layout_marginTop="10dp"
  69.         android:orientation="horizontal">
  71.         <Button
  72.             android:id="@+id/btn_blog"
  73.             android:layout_width="match_parent"
  74.             android:layout_height="40dp"
  75.             android:layout_margin="5dp"
  76.             android:layout_weight="1"
  77.             android:background="@drawable/btn_selctor_choose"
  78.             android:text="访问博客"
  79.             android:textColor="#ffffff"
  80.             android:textSize="20sp" />
  82.         <Button
  83.             android:id="@+id/btn_close"
  84.             android:layout_width="match_parent"
  85.             android:layout_height="40dp"
  86.             android:layout_margin="5dp"
  87.             android:layout_weight="1"
  88.             android:background="@drawable/btn_selctor_choose"
  89.             android:text="关闭"
  90.             android:textColor="#ffffff"
  91.             android:textSize="20sp" />
  93.     </LinearLayout>
  95. </RelativeLayout>

最后是MainActivity.java：

  1. public class MainActivity extends AppCompatActivity {
  3.     private Button btn_show;
  4.     private View view_custom;
  5.     private Context mContext;
  6.     private AlertDialog alert = null;
  7.     private AlertDialog.Builder builder = null;
  9.     @Override
  10.     protected void onCreate(Bundle savedInstanceState) {
  11.         super.onCreate(savedInstanceState);
  12.         setContentView(R.layout.activity_main);
  13.         mContext = MainActivity.this;
  14.         btn_show = (Button) findViewById(R.id.btn_show);
  16.         //初始化Builder
  17.         builder = new AlertDialog.Builder(mContext);
  19.         //加载自定义的那个View,同时设置下
  20.         final LayoutInflater inflater = MainActivity.this.getLayoutInflater();
  21.         view_custom = inflater.inflate(R.layout.view_dialog_custom, null,false);
  22.         builder.setView(view_custom);
  23.         builder.setCancelable(false);
  24.         alert = builder.create();
  26.         view_custom.findViewById(R.id.btn_cancle).setOnClickListener(new View.OnClickListener() {
  27.             @Override
  28.             public void onClick(View v) {
  29.                 alert.dismiss();
  30.             }
  31.         });
  33.         view_custom.findViewById(R.id.btn_blog).setOnClickListener(new View.OnClickListener() {
  34.             @Override
  35.             public void onClick(View v) {
  36.                 Toast.makeText(getApplicationContext(), "访问博客", Toast.LENGTH_SHORT).show();
  37.                 Uri uri = Uri.parse("http://blog.csdn.net/coder_pig");
  38.                 Intent intent = new Intent(Intent.ACTION_VIEW, uri);
  39.                 startActivity(intent);
  40.                 alert.dismiss();
  41.             }
  42.         });
  44.         view_custom.findViewById(R.id.btn_close).setOnClickListener(new View.OnClickListener() {
  45.             @Override
  46.             public void onClick(View v) {
  47.                 Toast.makeText(getApplicationContext(), "对话框已关闭~", Toast.LENGTH_SHORT).show();
  48.                 alert.dismiss();
  49.             }
  50.         });
  52.         btn_show.setOnClickListener(new View.OnClickListener() {
  53.             @Override
  54.             public void onClick(View v) {
  55.                 alert.show();
  56.             }
  57.         });
  58.     }
  59. }

4.示例代码下载

AlertDialogDemo.zip
AlertDialogDemo1.zip

本节小结：

好的，本节给大家介绍了一下AlertDialog的基本使用，写了几个调用AlertDialog的例子，
最后还通过setView方法自定义了一下我们的AlertDialog！是不是还意犹未尽呢？但这说不上
真正的自定义控件，我们把自定义控件放到进阶系列，到时后会有个专题来和大家探讨
下自定义控件~敬请期待~就说这么多，谢谢~

添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注