（转载）Android UI设计之AlertDialog弹窗控件

Android UI设计之AlertDialog弹窗控件

作者：qq_27630169 字体：[增加 减小] 类型：转载 时间：2016-08-18我要评论

这篇文章主要为大家详细介绍了Android UI设计之AlertDialog弹窗控件的使用方法，感兴趣的小伙伴们可以参考一下 

有关android的弹窗界面相信大家见过不少了，手机上很多应用软件都涉及到弹窗控件，比如典型的每次删除一个图片或者卸载一个等都会弹出一个窗口询问是否删除/卸载等，还有我们系统的设置时间/日期等，都用到了这样的控件，下面我将通过代码来总结下常用的几个弹窗控件

activity_main.xml

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   xmlns:tools="http://schemas.android.com/tools"   android:layout_width="match_parent"   android:layout_height="match_parent"   android:orientation="vertical"   tools:context="com.company.alertdialog.MainActivity">     <Button     android:id="@+id/btn1"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="onClick"     android:text="列表弹窗" />     <Button     android:id="@+id/btn2"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="onClick"     android:text="单选弹窗" />     <Button     android:id="@+id/btn3"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="onClick"     android:text="多选弹窗" />     <Button     android:id="@+id/btn4"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="onClick"     android:text="日期弹窗" />     <Button     android:id="@+id/btn5"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="onClick"     android:text="时间弹窗" />     <Button     android:id="@+id/btn6"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:onClick="onClick"     android:text="进度条弹窗" /> </LinearLayout>

strings.xml

?

1 2 3 4 5 6 7 8 9 10 11

<resources>   <string name="app_name">AlertDialog</string>   <string-array name="list">     <item>列表一</item>     <item>列表二</item>     <item>列表三</item>     <item>列表四</item>     <item>列表五</item>     <item>列表六</item>   </string-array> </resources>

MainActivity.java

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244

public class MainActivity extends AppCompatActivity implements View.OnClickListener {     //表示列表弹窗   private Button mBtn1;     //表示单选弹窗   private Button mBtn2;     //表示多选弹窗   private Button mBtn3;     //表示日期弹窗   private Button mBtn4;     //表示时间弹窗   private Button mBtn5;     //表示进度条弹窗   private Button mBtn6;     @Override   protected void onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentView(R.layout.activity_main);     init();     event();   }     /**    * 设置监听事件    */   private void event() {     mBtn1.setOnClickListener(this);     mBtn2.setOnClickListener(this);     mBtn3.setOnClickListener(this);     mBtn4.setOnClickListener(this);     mBtn5.setOnClickListener(this);     mBtn6.setOnClickListener(this);   }     /**    * 初始化控件    */   private void init() {     mBtn1 = (Button) findViewById(R.id.btn1);     mBtn2 = (Button) findViewById(R.id.btn2);     mBtn3 = (Button) findViewById(R.id.btn3);     mBtn4 = (Button) findViewById(R.id.btn4);     mBtn5 = (Button) findViewById(R.id.btn5);     mBtn6 = (Button) findViewById(R.id.btn6);   }     @Override   public void onClick(View v) {     switch (v.getId()) {       case R.id.btn1:         createListDialog();         break;       case R.id.btn2:         createSingleDialog();         break;       case R.id.btn3:         createMutilDialog();         break;       case R.id.btn4:         createDateDialog();         break;       case R.id.btn5:         createTimeDialog();         break;       case R.id.btn6:         createProgressBarDialog();         break;         }   }     /**    * 创建一个进度条弹窗    */   private void createProgressBarDialog() {     //创建进度条弹窗对象     ProgressDialog progressDialog = new ProgressDialog(this);     //设置标题     progressDialog.setTitle("进度条弹窗");     //设置标题图标     progressDialog.setIcon(R.mipmap.ic_launcher);     //设置文本     progressDialog.setMessage("正在加载...");     //设置最大进度     progressDialog.setMax(100);     //设置进度条的类型     progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);     //显示进度条弹窗     progressDialog.show();     //如果设置这条语句的话，那么无论你点击屏幕外的任何地方或者按返回键都取消不了这个弹窗，     //除非在完成进度后，设置取消事件。一般情况这种设置方式对界面很不友好     //不过有时候软件有重大bug，用户不得不更新该软件，如果不更新，就只能     //强制退出程序了 //    progressDialog.setCancelable(false);//不允许被某些方式取消,比如按对话框之外的区域或者是返回键     progressDialog.setProgress(50);   }     /**    * 创建一个日期弹窗    */   private void createDateDialog() {     new DatePickerDialog(this, new DatePickerDialog.OnDateSetListener() {       /**        *        * @param view 当前日期选择的 view        * @param year 当前选择的年        * @param monthOfYear 当前选择的月,从0开始算        * @param dayOfMonth,当前选择的日,从1开始算        */       @Override       public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {         Toast.makeText(MainActivity.this, "view = " + view + "年：" + year + "月：" + monthOfYear + "日" + dayOfMonth, Toast.LENGTH_SHORT).show();       }     }, 2016, 7, 15)//这里注意一下的是月份系统表示的是从0开始的，0表示1月，1表示2月.....11表示12月     .show();   }       /**    * 创建一个时间弹窗    */   private void createTimeDialog() {     new TimePickerDialog(this, new TimePickerDialog.OnTimeSetListener() {       /**        *        * @param view 当前时间选择的view        * @param hourOfDay 小时        * @param minute 分钟        */       @Override       public void onTimeSet(TimePicker view, int hourOfDay, int minute) {         Toast.makeText(MainActivity.this, "时间弹窗 view = " + view + "hourOfDay = " + hourOfDay + "minute = " + minute, Toast.LENGTH_SHORT).show();       }     }, 11, 22, true)     .show();   }       /**    * 创建一个多选弹窗    */   private void createMutilDialog() {     new AlertDialog.Builder(this)         .setTitle("多选弹框")         .setIcon(R.mipmap.ic_launcher)         //第二个参数 boolean数组, 如果写 null 代表默认全部是非选中, 如果想指定某几个选中,         //需要创建对应长度的数据,按照位置的顺序,将指定位置设置为 true 即可, 数组长度不能小         //于数据源的长度,否则会越界,但是可以大于数据源的长度         .setMultiChoiceItems(R.array.list, new boolean[]{true, false, false, true, false, false, false, false, false, false, false, false, false}, new DialogInterface.OnMultiChoiceClickListener() {           /**            *            * @param dialog 当前点击的对话框            * @param which 当前点击的条目            * @param isChecked 被点击条目的选中状态            */           @Override           public void onClick(DialogInterface dialog, int which, boolean isChecked) {             Toast.makeText(MainActivity.this, "当前点击的是" + which + " 是否选中" + isChecked, Toast.LENGTH_SHORT).show();           }         })         //设置取消按钮，并且设置监听事件         .setNegativeButton("cancel", new DialogInterface.OnClickListener() {           @Override           public void onClick(DialogInterface dialog, int which) {             dialog.dismiss();           }         })         //确认按钮，默认点击会直接取消该窗口         .setPositiveButton("sure", new DialogInterface.OnClickListener() {           @Override           public void onClick(DialogInterface dialog, int which) {             }         })         .setCancelable(false)         .show();   }         /**    * 创建一个单选弹窗    */   private void createSingleDialog() {     new AlertDialog.Builder(this)         .setTitle("单选弹窗")         .setIcon(R.mipmap.ic_launcher)         //构造参数, 1 数据源,2 默认被选中的索引,3 条目的点击事件         .setSingleChoiceItems(R.array.list, 1, new DialogInterface.OnClickListener() {           /**            *            * @param dialog 当前的对话框            * @param which 当前点击的是列表的第几个 item            */           @Override           public void onClick(DialogInterface dialog, int which) {             Toast.makeText(MainActivity.this, "单选弹窗 dialog = " + dialog + "which = " + which, Toast.LENGTH_SHORT).show();           }         })         .setNegativeButton("cancel", new DialogInterface.OnClickListener() {           @Override           public void onClick(DialogInterface dialog, int which) {             dialog.dismiss();           }         })         .setPositiveButton("sure", new DialogInterface.OnClickListener() {           @Override           public void onClick(DialogInterface dialog, int which) {             }         })         .setCancelable(false)//不允许被某些方式取消,比如按对话框之外的区域或者是返回键         .show();   }       /**    * 创建一个列表弹窗    */   private void createListDialog() {     AlertDialog.Builder builder = new AlertDialog.Builder(this);     builder.setTitle("列表弹窗");     builder.setItems(R.array.list, new DialogInterface.OnClickListener() {       /**        *        * @param dialog 当前的对话框        * @param which 当前点击的是列表的第几个 item        */       @Override       public void onClick(DialogInterface dialog, int which) {         Toast.makeText(MainActivity.this, "列表 dialog = " + dialog + "which = " + which, Toast.LENGTH_SHORT).show();       }     });     builder.setCancelable(false);//不允许被某些方式取消,比如按对话框之外的区域或者是返回键     builder.show();   } }

列表弹窗：

单选弹窗：

多选弹窗：

日期弹窗：

时间弹窗：

进度条弹窗：

差不多常见的几种都在这里了，至于还有一个PopupWindow这里暂时不作介绍。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

如对本文有疑问，请提交到交流社区，广大热心网友会为你解答！！  点击进入社区

您可能感兴趣的文章:

• Android仿支付宝微信支付密码界面弹窗封装dialog
• Android编程实现的自定义弹窗(PopupWindow)功能示例
• Android实现底部支付弹窗效果
• Android监听输入法弹窗和关闭的实现方法
• Android自定义带增长动画和点击弹窗提示效果的柱状图DEMO
• Android控件PopupWindow模仿ios底部弹窗
• Android屏幕锁屏弹窗的正确姿势DEMO详解
• Android程序开发仿新版QQ锁屏下弹窗功能
• Android仿支付宝支付从底部弹窗效果
• Android实现底部弹窗效果

 

Tags：Android AlertDialog 弹窗 控件

相关文章

• 2016-05-05Android手机开发 使用线性布局和相对布局实现Button垂直水平居中
• 2013-05-05android控件之WebView控件缩小
• 2017-04-04Android中RecyclerView实现分页滚动的方法详解
• 2016-08-08轻松实现安卓(Android)九宫格解锁
• 2017-06-06android隐式意图激活自定义界面和系统应用界面的实例
• 2016-03-03Android 网络状态实时监听代码实例(一)
• 2017-06-06Android 获取传感器列表整理及简单实例
• 2015-11-11Android编程之消息机制实例分析
• 2015-04-04android中圆角图像生成方法
• 2013-09-09android TextView多行文本(超过3行)使用ellipsize属性无效问题的