Android实现把年月选择器放到AlertDialog中

冷不防 2023-10-09 19:32 21阅读 0赞

之前一篇文章中我们学习了Android使用NumberPicker实现年月滚动选择器,连接：

[Android使用NumberPicker实现年月滚动选择器\_左眼看成爱的博客-CSDN博客][Android_NumberPicker_-CSDN]

这篇文章我们来讲一下如何把这个年月滚动选择器整合到AlertDialog中去。

**最终实现的效果如下图：**

![04197225298249508074466be1cd6a90.png][]

![75bc4f2b42514256bd4929fcf5ad4085.png][]

实现方法：

你可以在AlertDialog中设置自定义布局，将二级联动的年月选择器放在其中，并设置取消和确定按钮的点击事件来获取选择的年月数据。修改后的代码如下：

**MainActivity**

package com.example.mouthpickeralertdialog;
    
    import android.app.AlertDialog;
    import android.content.DialogInterface;
    import android.util.Log;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.widget.NumberPicker;
    import android.widget.Toast;
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    
    import java.util.Calendar;
    
    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            // 加载自定义布局
            View view = LayoutInflater.from(MainActivity.this).inflate(R.layout.dialog_date_picker, null);
            final NumberPicker yearPicker = view.findViewById(R.id.yearPicker);
            final NumberPicker monthPicker = view.findViewById(R.id.monthPicker);
    
           // 设置年份范围
            final int curYear = Calendar.getInstance().get(Calendar.YEAR);
            yearPicker.setMinValue(curYear - 10);
            yearPicker.setMaxValue(curYear + 10);
    
           // 设置月份范围
            String[] months = new String[]{"1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"};
            monthPicker.setDisplayedValues(months);
            monthPicker.setMinValue(0);
            monthPicker.setMaxValue(11);
    
            // 设置滚动监听器
            yearPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
                @Override
                public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                    int year = picker.getValue();
                    int month = monthPicker.getValue() + 1; // 加1是因为数组下标从0开始
                    Log.d("TAG", "Selected year: " + year + ", month: " + month);
                }
            });
    
            monthPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
                @Override
                public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
                    int year = yearPicker.getValue();
                    int month = picker.getValue() + 1; // 加1是因为数组下标从0开始
                    Log.d("TAG", "Selected year: " + year + ", month: " + month);
                }
            });
    
            // 构建AlertDialog
            AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
            builder.setTitle("请选择年月");
            builder.setView(view);
            builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    int year = yearPicker.getValue();
                    int month = monthPicker.getValue() + 1; // 加1是因为数组下标从0开始
                    Log.d("TAG", "Selected year: " + year + ", month: " + month);
                    Toast.makeText(MainActivity.this, "您选择的是：" + year + "年" + month + "月", Toast.LENGTH_SHORT).show();
                }
            });
            builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    dialog.dismiss();
                }
            });
            AlertDialog alertDialog = builder.create();
            alertDialog.show();
    
        }
    }

其中，dialog\_date\_picker是自定义的布局文件，包含了两个NumberPicker。你可以根据实际需要进行调整。附上自定义布局文件 dialog\_date\_picker.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="wrap_content"
        android:orientation="horizontal"
        android:padding="20dp">
    
        <NumberPicker
            android:id="@+id/yearPicker"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />
    
        <NumberPicker
            android:id="@+id/monthPicker"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" />
    
    </LinearLayout>

上面的AlertDialog中可以把取消和确定功能做到自定义view (dialog\_date\_picker)上去，然后隐藏掉底部的确定和取消文字按钮吗？

答案是肯定可以的，而且很简单，你可以在上面的自定义的布局文件中再添加两个Button，并将AlertDialog中的确定和取消按钮隐藏掉即可实现。这个自己拓展练习一下即可。

[Android_NumberPicker_-CSDN]: https://blog.csdn.net/wh445306/article/details/130311738
[04197225298249508074466be1cd6a90.png]: https://img-blog.csdnimg.cn/04197225298249508074466be1cd6a90.png
[75bc4f2b42514256bd4929fcf5ad4085.png]: https://img-blog.csdnimg.cn/75bc4f2b42514256bd4929fcf5ad4085.png