Android UI设计之AlertDialog弹窗控件_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() {
      /**
       *
       * @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
， 控件
， alertdialog
弹窗
网页弹窗 ui设计、alertdialog、android alertdialog、alertdialog.builder、alertdialog dismiss，以便于您获取更多的相关知识。

时间： 2024-09-12 20:23:35

Android UI设计之AlertDialog弹窗控件_Android的相关文章

Android UI设计之AlertDialog弹窗控件

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

Android使用RecyclerView实现水平滚动控件_Android

前言 相信大家都知道Android滚动控件的实现方式有很多, 使用RecyclerView也比较简单. 做了一个简单的年龄滚动控件, 让我们来看看RecyclerView的使用方式, 主要有以下几点:      (1) 对齐控件中心位置.      (2) 计算滚动距离.      (3) 高亮中心视图.      (4) 实时显示中心数据.      (5) 停止时自动对齐.      (6) 滚动时, 设置按钮状态开关. 效果 1. 框架 主要关注RecyclerView部分逻辑. /**

Android UI开发 View自绘控件 分享_Android

很多时候想要设计漂亮的Android UI,使用Android自带的控件无法满足我们的需要就要考虑自绘控件,在Android界面显示类View,可以通过继承扩展重写相关方法来实现我们的图形绘制. 首先我们需要了解下View类的底层实现,在SDK中我们可以看到View直接继承于Java的基类Object,实现了图形绘制和按键事件 Drawable.Callback KeyEvent.Callback的相关方法,我们自绘时主要实现其内部的onDraw方法,相关的界面计算可以重写onMeasure方法

Android UI开发 View自绘控件 分享

很多时候想要设计漂亮的Android UI,使用Android自带的控件无法满足我们的需要就要考虑自绘控件,在Android界面显示类View,可以通过继承扩展重写相关方法来实现我们的图形绘制. 首先我们需要了解下View类的底层实现,在SDK中我们可以看到View直接继承于Java的基类Object,实现了图形绘制和按键事件 Drawable.Callback KeyEvent.Callback的相关方法,我们自绘时主要实现其内部的onDraw方法,相关的界面计算可以重写onMeasure方法

Android自定义EditText右侧带图片控件_Android

前言 最近项目做用户登录模块需要一个右边带图片的EditText,图片可以设置点击效果,所以就查资料做了一个自定义EditText出来,方便以后复用. 原理 下面是自定义EditText的代码,具体难点是要实现图片的点击监听,因为谷歌官方至今没有给出一个直接实现EditText里面图片的监听API.我的做法是整个控件绑定一个OnTouchListener,然后监测点击事件,检测点击位置的X坐标是否在图片的覆盖范围内(下面getCompoundDrawables()[2]里面的2是代表图片在Edi

Android使用GridLayout绘制自定义日历控件_Android

效果图 思路:就是先设置Gridlayout的行列数,然后往里面放置一定数目的自定义日历按钮控件,最后实现日历逻辑就可以了. 步骤: 第一步:自定义日历控件(初步) 第二步:实现自定义单个日期按钮控件 第三步:将第二步得到的控件动态添加到第一步的布局中,并实现日期逻辑 第四步:编写单个日期点击监听器接口 第一步:自定义日历控件(初步) <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmln

Android高仿IOS 滚轮选择控件_Android

最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack { void onTimeSelect(Stri

Android客户端实现图片轮播控件_Android

本文和大家一起写一个Android图片轮播控件,供大家参考,具体内容如下 1. 轮播控件的组成部分     我们以知乎日报Android客户端的轮播控件为例,分析一下轮播控件的主要组成:        首先我们要有用来显示图片的View对象,根据上图中底部中央的5个点,我们知道需要5个ImageView来显示需要轮播的图片,另外还需要5个ImageView来显示5个点.现在考虑以下轮播组件应该具有的行为,首先需要每隔一定时间间隔切换到下一张图片,并且图片间切换的效果应该是平滑的,就像"翻书&qu

Android实现果冻滑动效果的控件_Android

前言 在微信是的处理方法是让用户滑动,但最终还是回滚到最初的地方,这样的效果很生动(毕竟成功还是取决于细节).那么在安卓我们要怎么弄呢.下面为大家介绍一下JellyScrollView,是我继承ScrollView的一个有阻尼的效果的果冻滑动控件. 下面话不多说了,先来看看效果图 (在虚拟机或者真机跑起来是很流畅,可能是录制视频做成gif的时候有点卡顿.) 实现原理 其实只需要重写下它的拦截方法的逻辑就好了,ScrollView的拦截方法onInterceptTouchEvent一般情况下都默认