一个小实例——DialogDemo

于 2020-05-05 17:59:54 发布
阅读量679 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37687466/article/details/105936202
版权

DialogDemo

一、日期选择对话框的实现

Step 1 布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical" android:layout_width="wrap_content"
    android:layout_height="wrap_content">


    <TextView
        android:id="@+id/edit_date"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:outlineAmbientShadowColor="@color/colorPrimaryDark"
        android:textSize="26sp"
        android:singleLine="true"
        android:text="请选择"
        android:textColor="@color/colorPrimary"
        />

    <!--分割线-->
    <View
        android:layout_width="match_parent"
        android:layout_height="1.5dp"
        android:layout_marginTop="2dp"
        android:background="@color/colorPrimary"/>
    <DatePicker
        android:id="@+id/date_picker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:datePickerMode="spinner"
        android:spinnersShown="true"
        android:layout_gravity="center_horizontal"
        android:calendarViewShown="false"
        android:startYear="1999"
        android:calendarTextColor="@color/colorAccent"
         android:background="@android:color/transparent"
    />
    <View
    android:layout_width="match_parent"
    android:layout_height="1.5dp"
    android:layout_marginTop="2dp"
    android:background="#232323"/>
    <Button
        android:id="@+id/done_btn"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Done"
        android:background="@android:color/transparent"
        />

</LinearLayout>

注：

下面代码为分割线的书写

<View
android:layout_width="match_parent"
android:layout_height="1.5dp"
android:layout_marginTop="2dp"
android:background="#232323"/>
Step 2 设置AlertDialog
View v = LayoutInflater.from(this).inflate(R.layout.date_layout,null);
final AlertDialog.Builder builder = new AlertDialog.Builder(this)
                     .setView(v);

// builder.show();
//由于AlertDialog.Builder没有dismiss()方法，所以采用得第二种方法 AlertDialog种有dismiss()方法
final AlertDialog alertDialog = builder.create();
alertDialog.show();
Step 3 为datePicker添加监听器
 datePicker =  v.findViewById(R.id.date_picker);
 edit_date = v.findViewById(R.id.edit_date);
Button done = v.findViewById(R.id.done_btn);
date = datePicker.getYear() + "-" + (datePicker.getMonth() + 1) + "-" + datePicker.getDayOfMonth() + "  ";
dateShow(datePicker.getFirstDayOfWeek(),date);

datePicker.setOnDateChangedListener(new DatePicker.OnDateChangedListener() {
      @Override
      public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
          Log.d("Tag",view.getFirstDayOfWeek()+" ");
           date = year + "-" +(monthOfYear+1) + "-" + dayOfMonth+"  ";
          //解决week的问题
          Calendar calendar = Calendar.getInstance();
          calendar.set(year,monthOfYear,dayOfMonth);
          dateShow(calendar.get(Calendar.DAY_OF_WEEK),date);

      }
  });
Step 4 为按钮done添加监听器
done.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Toast.makeText(MainActivity.this,"你选择了："+datePicker.getYear() + "-" +(datePicker.getMonth()+1) + "-" + datePicker.getDayOfMonth(),Toast.LENGTH_SHORT).show();
         alertDialog.dismiss();
    }
});
补充：dateShow()方法：解决DatePicker上方TextView显示问题
private void dateShow(int weekIndex,String  mdate) {
    switch (weekIndex){
        case 1:
            edit_date.setText(mdate+ weeks[0]);
            break;
        case 2:
            edit_date.setText(mdate + weeks[1]);
            break;
        case 3:
            edit_date.setText(mdate + weeks[2]);
            break;
        case 4:
            edit_date.setText(mdate + weeks[3]);
            break;
        case 5:
            edit_date.setText(mdate + weeks[4]);
            break;
        case 6 :
            edit_date.setText(mdate + weeks[5]);
            break;
        case 7:
            edit_date.setText(mdate+ weeks[6]);
            break;
    }
}

二、单选列表对话框的实现

方法一：利用布局文件
Step 1 布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="4dp"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:src="@drawable/xingxing"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="性别选择"
            android:textColor="@color/colorPrimaryDark"
            android:textSize="30sp"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="8dp"
            />

    </LinearLayout>
        <RadioGroup
            android:id="@+id/radio_group"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="30dp"
            android:layout_marginTop="20dp"
            >

            <RadioButton
                android:id="@+id/male"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="26sp"
                android:text="   男"
                android:textColor="@android:color/darker_gray"
               />

            <RadioButton
                android:id="@+id/female"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:textSize="26sp"
                android:text="   女"
                android:textColor="@android:color/darker_gray"
                />
            <RadioButton
                android:id="@+id/noidea"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:textSize="26sp"
                android:text="   未知"
                android:textColor="@android:color/darker_gray"
                />
            <RadioButton
                android:id="@+id/guess"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:textSize="26sp"
                android:text="   你猜"
                android:textColor="@android:color/darker_gray"
                android:layout_marginBottom="20dp"
                />
        </RadioGroup>

</LinearLayout>
Step 2 设置AlertDialog
 View v = LayoutInflater.from(this).inflate(R.layout.radio_layout,null);
 final AlertDialog.Builder builder = new AlertDialog.Builder(this)
          .setView(v);

 // builder.show();
 //由于AlertDialog.Builder没有dismiss()方法，所以采用得第二种方法 AlertDialog种有dismiss()方法
 final AlertDialog alertDialog = builder.create();
 alertDialog.show();
Step 3 为RadioButton添加监听器
RadioGroup radioGroup = v.findViewById(R.id.radio_group);
 final RadioButton male = v.findViewById(R.id.male);
 final RadioButton female = v.findViewById(R.id.female);
 final RadioButton noidea = v.findViewById(R.id.noidea);
 final RadioButton guess = v.findViewById(R.id.guess);
radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId){
            case R.id.male:
                Toast.makeText(MainActivity.this,"你选择了："+male.getText(),Toast.LENGTH_SHORT).show();
                alertDialog.dismiss();
                break;
            case R.id.female:
                Toast.makeText(MainActivity.this,"你选择了："+female.getText(),Toast.LENGTH_SHORT).show();
                alertDialog.dismiss();
                break;
            case R.id.noidea:
                Toast.makeText(MainActivity.this,"你选择了："+noidea.getText(),Toast.LENGTH_SHORT).show();
                alertDialog.dismiss();
                break;
            case R.id.guess:
                Toast.makeText(MainActivity.this,"你选择了："+guess.getText(),Toast.LENGTH_SHORT).show();
                alertDialog.dismiss();
                break;
        }
    }
});
方法2：使用AlertDialog.Builder中的方法【不需要布局文件】
 final String[] itemsRadio = {"男","女","你猜","未知"};
 View v = LayoutInflater.from(this).inflate(R.layout.radio_layout,null);
// ArrayAdapter adapter = new ArrayAdapter(this,R.layout.radio_layout,R.id,items);
 final AlertDialog.Builder builder = new AlertDialog.Builder(this)
         .setIcon(R.drawable.xingxing)
         .setTitle("性别选择")
          .setSingleChoiceItems(itemsRadio,0 , new DialogInterface.OnClickListener() {
              @Override
              public void onClick(DialogInterface dialog, int which) {
                  Toast.makeText(MainActivity.this,"你选择了："+itemsRadio[which],Toast.LENGTH_SHORT).show();
                  dialog.dismiss();
              }
          });

 builder.show();

三、多选列表对话框的的实现

Step 1 在activity_layout.xml中添加TextView
<TextView
    android:id="@+id/checkbox_main_txt"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=""
    android:textSize="28sp"
    android:layout_marginTop="20dp"
    />
Step 2 设置AlertDialog
 final String[] items = {"编程","旅游","健身","追剧"};
 View v = LayoutInflater.from(this).inflate(R.layout.title_layout,null);
 boolean[] isChecks = {false,false,false,false};
 final AlertDialog.Builder builder = new AlertDialog.Builder(this)
         .setIcon(R.drawable.xingxing)
         .setTitle("个人喜好")
        // .setCustomTitle(v)
        .setMultiChoiceItems(items,isChecks , new DialogInterface.OnMultiChoiceClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which, boolean isChecked) {
                check_context.append(items[which].toString()+" ");
                Toast.makeText(MainActivity.this,"你选择了："+items[which].toString(),Toast.LENGTH_SHORT).show();
            }
        });
 builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
     @Override
     public void onClick(DialogInterface dialog, int which) {

         Toast.makeText(MainActivity.this,"你选择了："+check_context.getText(),Toast.LENGTH_SHORT).show();
         dialog.dismiss();
     }
 });
builder.show();
 check_context.setText("个人喜好");
 check_context.append("\n");
补充说明

AlertDialog.Builder中

builder.setMultiChoiceItems() 方法 //设置多选框
builder.setSingleChoiceItems() 方法 //设置单选框
builder.setIcon() //设置图标
builder.setTitle() //设置标题
builder.setCustomTitle() //设置自定义标题
builder.setView() //设置view

四、测试效果图

在这里插入图片描述

GitHub地址

传送门~~.

王小栗
关注
专栏目录
DialogDemo
11-03
dialog的用法和dialog的常用对话框的封装
DiaLogDemo(绝对可以用)
05-27
DiaLogDemo自己做的Demo希望可以给你们一些参考，内有单选，多选，文本，日期，时间等。
Dialog demo
xiongmc的专栏
08-21 1358
(1)对话框实现，之我是怎么想的，没有排序，立即就上去做，这样的结果浪费了时间和精力。过程如下：                             String usbRootPath = UrlUtil.getUSBDirectoryRoot();                             LinkedList usbData = loadData(usb
AndroidDialogDemo
无花的专栏
10-28 498
private void showDialog(String title, String text) { final Dialog dia = new Dialog(this); dia.setContentView(R.layout.msgdialog); dia.setTitle(title); Button okbutton = (Button
安卓Android源码——多级PopupWindow的小demo.zip
10-09
`PopupWindow`是一个浮动窗口，可以显示在Activity之上，提供了一种轻量级的弹出对话框解决方案，相比于`Dialog`，`PopupWindow`具有更高的灵活性，可以自由定制其大小、位置和显示内容。通常用于下拉菜单、浮层提示...
安卓Android源码——进度条对话框Demo.rar
10-11
在Java代码中，可以使用ProgressDialog的构造函数创建一个实例： ```java ProgressDialog progressDialog = new ProgressDialog(context); ``` 其中，`context`是当前活动（Activity）的上下文。 2. **设置...
Android源码——进度条对话框Demo_new_69.zip
10-08
这个"Android源码——进度条对话框Demo_new_69.zip"应该包含了一个完整的示例项目，展示了如何在Android应用中创建和使用进度条对话框。下面将详细讲解Android进度条对话框的相关知识点。 1. **ProgressDialog 类**...
安卓Android源码——进度条对话框Demo.zip
10-12
这个"安卓Android源码——进度条对话框Demo.zip"应该包含了一个示例项目，展示了如何在Android应用中创建和使用ProgressDialog。 首先，ProgressDialog有两种主要类型：模态和非模态。模态对话框会阻止用户与应用的...
自定义的Dialog简单布局Demo
10-29
Dialog布局比较固定，无法控制宽度，有些场景下不太时候使用，因此很受限，本demo只是一个简单的用例，可以根据自己的需求自定义布局，并实现其相关功能即可。
Dialog展示Demo
03-28
Dialog展示框，Android中展示7种显示模式
Dialog Demo
08-27
这里有一套完整的Dialog Demo，适用于各种系统，自定义的Dialog可以随意修改 样式 下载资源1积分就当报酬，下载完后评论可获得返回1积分！
DialogDemo:各种dialog
05-19
DialogDemo emmm 常用的AlertDialog DialogFragment BottomSheet BottomSheetDialog BottomSheetDialogFragment做个总结 有坑！！需谨慎！！ 需要注意 DialogFragment 中 onCreateView()与onCreateDialog()不能同时使用, onCreateView() 请看 BottomDialogFragment, onCreateDialog() 请看 ConfirmDialogFragment, 个人感觉： 如果只是简单的确认取消,使用AlertDialog就可以了 DialogFragment 好处是可以当做Fragment来处理 可以使用Fragment的一些方法
Android Dialog相关 Demo
菜鸟日常
12-02 266
DialogDemo  1.最简单的Dialog // 最简单的Dialog public void simpleDialog(View source){ AlertDialog.Builder builder = new AlertDialog.Builder(this) .setTitle("简单对话框标题").setIco
2019.03.30 Dialog demo 一个标准使用的dialog程序
m0_37461511的博客
03-30 217
1 PROGRAMzdemo_dialog. 2 3 INCLUDEzdemo_dialogtop. 4 INCLUDEzdemo_dialogo01. 5 INCLUDEzdemo_dialogi01. 6 INCLUDEzdemo_dialogf01. 7 INCLUDEzdemo_dialoghelp. *&-------------...
Android:自定义Dialog-Demo
07-25
Dialog 很经常用到的一个控件，但大多时候系统默认的样式是不满足于项目使用的，故自定义了一套合适的Dialog模板方便日常使用。
Android自定义dialogDemo
01-20
Android自定义dialogDemo
Hopfield网络：理解与应用实例——数字8识别
在实验中，一个n阶的Hopfield网络由五个组成部分构成：一个扩展模糊图GF，包含了神经元集合、边集和联系矩阵；输入域IFN(GF)和输出域OFN(GF)；工作算法和自组织算法，后者用于神经元状态的更新。工作模式有两种，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值