欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

荐 Android 日期、单选、多选对话框实现

程序员文章站 2022-06-22 08:41:11
文章目录案例说明要求案例视频UI布局主界面功能实现myClick按钮点击事件showSexDialog单选对话框sex_dialog.xml代码实现showHobbyDialog多选对话框hobby_dialog.xml代码实现案例说明针对对话框做的一个Demo,包括DatePickerDialog日期选择对话框和ArrayAdapter数组适配器两种要求UI界面搭建日期选择对话框效果单选列表对话框效果多选列表对话框效果案例视频...

案例说明

针对对话框做的一个Demo,包括DatePickerDialog日期选择对话框和ArrayAdapter数组适配器两种

要求

  1. UI界面搭建
  2. 日期选择对话框效果
  3. 单选列表对话框效果
  4. 多选列表对话框效果

案例视频

UI布局

主界面

简单的线性布局,代码就不放了,三个按钮id分别是:
dateDialog
radioDialog
checkDialog
给每个按钮都添加一个android:onClick传入myClick方法
荐
                                                        Android 日期、单选、多选对话框实现

功能实现

myClick按钮点击事件

日期选择对话框直接实例化DatePickerDialog,并初始化为系统当前的时间。单选、多选对话框封装在其它方法体里

	// 按钮单击事件
    public void myClick(View view) {
        switch (view.getId()) {
            case R.id.dateDialog:
                Calendar cal = Calendar.getInstance();
                // 参数2:显示样式 参数4-5:初始化为系统当前年月日
                DatePickerDialog dpd = new DatePickerDialog(MainActivity.this, DatePickerDialog.THEME_HOLO_LIGHT, new DatePickerDialog.OnDateSetListener() {
                    @Override
                    public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
                        Toast.makeText(MainActivity.this, year + "年" + (month + 1) + "月" + dayOfMonth + "日", Toast.LENGTH_SHORT).show();
                    }
                }, cal.get(Calendar.YEAR), cal.get(Calendar.MONTH), cal.get(Calendar.DAY_OF_MONTH));
                dpd.show();
                break;
            case R.id.radioDialog:
                showSexDialog();
                break;
            case R.id.checkDialog:
                showHobbyDialog();
                break;
        }
    }

效果
荐
                                                        Android 日期、单选、多选对话框实现
确定后会用Toast来显示时间信息

showSexDialog单选对话框

单选对话框有特定的布局样式,所以使用了ArrayAdapter数组适配器来完成

sex_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:padding="10dp">

    <RadioGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        
    </RadioGroup>
    
    <TextView
        android:id="@+id/radiotext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="30dp"
        android:text="测试"
        android:textSize="20dp" />
    
</LinearLayout>

代码实现

单项选择通过builder调用setSingleChoiceItems方法来实现

    //性别单选对话框方法
    private void showSexDialog() {
        final String[] items = {"男性", "女性", "性别未知", "你猜"};
        // 数组适配器
        // 参数1:环境上下文
        // 参数2:布局资源索引,指的是每一项数据所呈现的样式android.R.layout.xxx
        // 参数3:数据源,指定文本需要放在不居中对应id文本控制的位置
        final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.sex_dialog, R.id.radiotext, items);
        AlertDialog.Builder builder = new AlertDialog.Builder(this)
                .setTitle(R.string.sexchoose_titletext)
                .setIcon(R.mipmap.star)
                // 参数1:弹出框的信息集合,一般为字符串集合
                // 参数2:初始选中状态(运行后自动选择第几个选项,-1代表不选择)
                // 参数3:监听器
                .setSingleChoiceItems(items, -1, new DialogInterface.OnClickListener() {
                    // 参数1:对话框对象
                    // 参数2:选择第几个
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                    	//点击一次就关闭对话框
                        Toast.makeText(MainActivity.this, "您选择了" + items[which], Toast.LENGTH_LONG).show();
                        dialog.dismiss();
                    }
                });
        builder.show();
    }

效果
荐
                                                        Android 日期、单选、多选对话框实现
点击一个对话框就会退出,并通过Toast来显示信息

showHobbyDialog多选对话框

多选对话框与单选一样有特定样式,也需要ArrayAdapter数组适配器来完成

hobby_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/checktext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="30dp"
        android:text="测试"
        android:textSize="20dp" />
    
</LinearLayout>

代码实现

多选对话框通过builder调用setMultiChoiceItems方法来实现

//爱好多选对话框
    private void showHobbyDialog() {
        //先清空上一次结果
        htv = findViewById(R.id.hobbytext);
        htv.setText(null);
        final String[] str = {"个人爱好:\n"};

        final String[] items = {"编程", "LOL", "旅游", "篮球"};
        final List<String> result = new ArrayList<String>();
        final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.hobby_dialog, R.id.checktext, items);
        AlertDialog.Builder builder = new AlertDialog.Builder(this)
                .setTitle(R.string.sexchoose_titletext)
                .setIcon(R.mipmap.star)
                // 参数1:弹出框的信息集合,一般为字符串集合
                // 参数2:被默认选中的,一个布尔类型的数组
                // 参数3:勾选事件监听
                .setMultiChoiceItems(items, null, new DialogInterface.OnMultiChoiceClickListener() {
                    // dialog:对话框对象
                    // which:勾选或取消的是第几个
                    // isChecked:是否勾选
                    @Override
                    public void onClick(DialogInterface dialog, int which, boolean isChecked) {
                        if (isChecked) {
                            //选中
                            result.add(items[which]);
                        } else {
                            //取消选择
                            result.remove(items[which]);
                        }
                    }
                })
                //增加"确定"按钮,完成爱好信息显示并关闭对话框
                .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        for (String s : result)
                            str[0] = str[0] + s + "\n";
                        htv.setText(str[0]);
                        dialog.dismiss();
                    }
                });
        builder.show();
    }

效果
荐
                                                        Android 日期、单选、多选对话框实现
荐
                                                        Android 日期、单选、多选对话框实现
IDE:Android Studio 4.0

本文地址:https://blog.csdn.net/lckgr/article/details/107139089