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

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

布局就是四个简单的按钮,这里就不贴出来了,用法非常简单~无非就是创建一个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">
  7. <RelativeLayout
  8. android:id="@+id/titlelayout"
  9. android:layout_width="match_parent"
  10. android:layout_height="wrap_content"
  11. android:layout_alignParentLeft="true"
  12. android:layout_alignParentTop="true"
  13. android:background="#53CC66"
  14. android:padding="5dp">
  15. <TextView
  16. android:layout_width="match_parent"
  17. android:layout_height="wrap_content"
  18. android:layout_centerVertical="true"
  19. android:text="提示信息"
  20. android:textColor="#ffffff"
  21. android:textSize="18sp"
  22. android:textStyle="bold" />
  23. <Button
  24. android:id="@+id/btn_cancle"
  25. android:layout_width="30dp"
  26. android:layout_height="30dp"
  27. android:layout_alignParentRight="true"
  28. android:background="@drawable/btn_selctor_exit" />
  29. </RelativeLayout>
  30. <LinearLayout
  31. android:id="@+id/ly_detail"
  32. android:layout_width="wrap_content"
  33. android:layout_height="wrap_content"
  34. android:layout_alignParentLeft="true"
  35. android:layout_below="@+id/titlelayout"
  36. android:layout_centerInParent="true"
  37. android:orientation="vertical">
  38. <TextView
  39. android:layout_width="wrap_content"
  40. android:layout_height="wrap_content"
  41. android:layout_marginLeft="10dp"
  42. android:layout_marginTop="20dp"
  43. android:text="通过setView()方法定制AlertDialog"
  44. android:textColor="#04AEDA"
  45. android:textSize="18sp" />
  46. <TextView
  47. android:layout_width="wrap_content"
  48. android:layout_height="wrap_content"
  49. android:layout_marginLeft="10dp"
  50. android:layout_marginTop="10dp"
  51. android:text="作者:Coder-pig"
  52. android:textColor="#04AEDA"
  53. android:textSize="18sp" />
  54. </LinearLayout>
  55. <LinearLayout
  56. android:layout_width="match_parent"
  57. android:layout_height="wrap_content"
  58. android:layout_below="@+id/ly_detail"
  59. android:layout_marginTop="10dp"
  60. android:orientation="horizontal">
  61. <Button
  62. android:id="@+id/btn_blog"
  63. android:layout_width="match_parent"
  64. android:layout_height="40dp"
  65. android:layout_margin="5dp"
  66. android:layout_weight="1"
  67. android:background="@drawable/btn_selctor_choose"
  68. android:text="访问博客"
  69. android:textColor="#ffffff"
  70. android:textSize="20sp" />
  71. <Button
  72. android:id="@+id/btn_close"
  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" />
  81. </LinearLayout>
  82. </RelativeLayout>

最后是MainActivity.java

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

4.示例代码下载

AlertDialogDemo.zip
AlertDialogDemo1.zip


本节小结:

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

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