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

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

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

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

最终实现的效果如下图：

 

 实现方法：

你可以在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中的确定和取消按钮隐藏掉即可实现。这个自己拓展练习一下即可。