Android UI设计之AlertDialog弹窗控件

 更新时间:2016年08月18日 14:31:38   作者:qq_27630169  
这篇文章主要为大家详细介绍了Android UI设计之AlertDialog弹窗控件的使用方法,感兴趣的小伙伴们可以参考一下

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

activity_main.xml

<?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

<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

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这里暂时不作介绍。

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

相关文章

  • RecyclerView实现流式标签单选多选功能

    RecyclerView实现流式标签单选多选功能

    RecyclerView是Android一个更强大的控件,其不仅可以实现和ListView同样的效果,还有优化了ListView中的各种不足。这篇文章主要介绍了RecyclerView实现的流式标签单选多选功能,需要的朋友可以参考下
    2019-11-11
  • 你值得拥有的Android Studio开发小技巧

    你值得拥有的Android Studio开发小技巧

    这篇文章主要为大家分享了值得拥有的Android Studio开发小技巧,介绍几个比较好用的技巧和快捷键,提升我们的编码效率,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • Android AMS启动App进程原理分析

    Android AMS启动App进程原理分析

    这篇文章主要介绍了Android AMS启动App进程原理,系统fork函数是如何创建进程,文中有详细的代码示例,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2023-05-05
  • Android Compose之Animatable动画停止使用详解

    Android Compose之Animatable动画停止使用详解

    这篇文章主要为大家介绍了Android Compose之Animatable动画停止使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Flutter中ListView 的使用示例

    Flutter中ListView 的使用示例

    这篇文章主要介绍了Flutter中ListView 的使用示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 实现一个Android锁屏App功能的难点总结

    实现一个Android锁屏App功能的难点总结

    这篇文章主要介绍了实现一个Android锁屏App功能的难点总结,可以有效的解决锁屏开发的问题,有需要的可以参考一下。
    2016-11-11
  • Android实现截屏功能

    Android实现截屏功能

    这篇文章主要为大家详细介绍了Android实现截屏功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • 解决android studio android monitor打不开的问题

    解决android studio android monitor打不开的问题

    下面小编就为大家分享一篇解决android studio android monitor打不开的问题,具有很的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • 详解Android中Application设置全局变量以及传值

    详解Android中Application设置全局变量以及传值

    这篇文章主要介绍了详解Android中Application设置全局变量以及传值的相关资料,希望通过本文大家能够理解掌握这部分内容,需要的朋友可以参考下
    2017-09-09
  • Android常用设计模式之原型模式详解

    Android常用设计模式之原型模式详解

    这篇文章主要为大家介绍了Android常用设计模式之原型模式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10

最新评论