Android UI设计之AlertDialog弹窗控件

alertdialog Android 2022-06-06 07:06:43 724人浏览八月长安

摘要

有关Android的弹窗界面相信大家见过不少了，手机上很多应用软件都涉及到弹窗控件，比如典型的每次删除一个图片或者卸载一个等都会弹出一个窗口询问是否删除/卸载等，还有我们系统的

有关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() {
   
   @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() {
   
   @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() {
     
     @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() {
     
     @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() {
   
   @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();
 }
}

列表弹窗：