Android 基于NumberPicker自定义弹出窗口Dialog整合日期选择器

墨蓝 2023-10-09 19:38 16阅读 0赞

[Android实现把年月选择器放到AlertDialog中\_左眼看成爱的博客-CSDN博客][Android_AlertDialog_-CSDN]

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

前面两篇文章我们分别讲了

1，如何用NumberPicker实现年月选择器

2，如何把1中的用NumberPicker实现的年月选择器放到AlertDialog中去。

这篇文章我们则推出实现了弹层遮罩联动的最终版本，具体实现的效果请看示例图：

![ad697f22365e4c0c990781a494e95842.gif][]

上面两个角圆角化：

![8e677d9cb0ad462da6e066c9169cedc8.png][]

**1 定义自定义的Dialog样式**

在res/values/styles.xml文件中定义自定义的Dialog样式：

> 其中，BottomDialog是自定义的Dialog样式名称，windowIsFloating设置为false表示Dialog不浮在activity之上，windowNoTitle表示Dialog没有标题栏，windowBackground设置为透明色，windowAnimations设置为Dialog的进出动画，background设置为透明色，windowSoftInputMode设置为stateUnspecified|adjustResize表示弹出Dialog时不会挤压当前界面的布局，windowIsTranslucent设置为true表示Dialog的背景为透明，windowContentOverlay设置为null表示Dialog的内容不会覆盖系统状态栏。

2 创建Dialog对象

在Java代码中创建Dialog对象，并设置样式：

Dialog dialog = new Dialog(context, R.style.BottomDialog);
    dialog.setContentView(R.layout.your_layout);
    dialog.setCancelable(true);
    dialog.setCanceledOnTouchOutside(true);

> 其中，setContentView方法设置Dialog的布局文件，setCancelable方法设置是否可以通过返回键关闭Dialog，setCanceledOnTouchOutside方法设置是否可以通过点击Dialog外部关闭Dialog。

3 显示Dialog

dialog.show();

将上面那两篇教程中的布局文件复制过来即可,也就是**R.layout.your\_layout**

另附上：上面两个角圆角化的代码：

<?xml version="1.0" encoding="utf-8"?>
    
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
           android:shape="rectangle">
    
       
        <corners
                android:topLeftRadius="15dp"
                android:topRightRadius="15dp" />
    
        
        <solid android:color="@android:color/white" />
    
    </shape>

原创文章，转载请注明出处

[Android_AlertDialog_-CSDN]: https://blog.csdn.net/wh445306/article/details/130340720
[Android_NumberPicker_-CSDN]: https://blog.csdn.net/wh445306/article/details/130311738
[ad697f22365e4c0c990781a494e95842.gif]: https://img-blog.csdnimg.cn/ad697f22365e4c0c990781a494e95842.gif
[8e677d9cb0ad462da6e066c9169cedc8.png]: https://img-blog.csdnimg.cn/8e677d9cb0ad462da6e066c9169cedc8.png