Android 自定义弹框日期选择器弹框，年月日，时分，

之前有个项目要用到日期选择器，于是百度了有关方法，自己将其封装成了自定义控件

项目地址：点击打开链接

效果图

Android 自带的日期选择器和时间选择器为DatePicker 和 TimePicker，一个是年月日选择器，一个是时分选择器。

而在 Android 不同的 API 下它们的显示样式也不同。

因为此次封装是在弹框中显示的，所以选择了比较简单的样式

DatePicker如果要显示上图的样式，在 xml 布局中需如此设置

<DatePicker
    android:id="@+id/datePicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:calendarViewShown="false"
    android:datePickerMode="spinner"/>

TimePicker 要显示上图样式，则需要用代码设置布局的主题

LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
Context contextThemeWrapper = new ContextThemeWrapper(getContext(), android.R.style.Theme_Holo_Light);
LayoutInflater localInflater = inflater.cloneInContext(contextThemeWrapper);
View view = localInflater.inflate(R.layout.view_time_picker_dialog, null, false);

timePicker = (TimePicker) view.findViewById(R.id.timePicker);

要自定义Dialog的布局则需自己通过布局文件实例化 view 然后调用 setView（）

LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
Context contextThemeWrapper = new ContextThemeWrapper(getContext(), android.R.style.Theme_Holo_Light);
LayoutInflater localInflater = inflater.cloneInContext(contextThemeWrapper);
View view = localInflater.inflate(R.layout.view_time_picker_dialog, null, false);
setView(view);

标题选中下滑线切换效果

这种效果在我的另一篇文章里有点击打开链接

年月日选择如果想单纯显示年，月，日或隐藏某一模块可以用

// 是否 显示 年
if (!this.isYearVisible) {((ViewGroup) ((ViewGroup) mDatePicker.getChildAt(0)).getChildAt(0)).getChildAt(0).setVisibility(View.GONE);
}// 是否 显示 月
if (!this.isMonthVisible) {((ViewGroup) ((ViewGroup) mDatePicker.getChildAt(0)).getChildAt(0)).getChildAt(1).setVisibility(View.GONE);
}// 是否 显示 日
if (!this.isDayVisible) {((ViewGroup) ((ViewGroup) mDatePicker.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE);
}

完整的日期选择器效果图为

标题为 RadioGroup，中间为 ViewPager，底部为 LinearLayout 放入两个Button

ViewPager有两页，一个 DatePicker，一个TimePikcer

这是布局代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"><RelativeLayoutandroid:id="@+id/contentLayout"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="center_horizontal"android:gravity="center_horizontal"android:orientation="vertical"><RadioGroupandroid:id="@+id/titleGroup"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/background_radiobutton_underline_gray"android:checkedButton="@+id/dateButton"android:orientation="horizontal"><RadioButtonandroid:id="@+id/dateButton"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:background="@drawable/selector_background_underline"android:button="@null"android:gravity="center"android:paddingBottom="15dp"android:paddingTop="15dp"android:text="1900年12月30日"/><Viewandroid:layout_width="1px"android:layout_height="match_parent"android:layout_marginBottom="10dp"android:layout_marginTop="10dp"android:background="#ff464646"/><RadioButtonandroid:id="@+id/timeButton"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:background="@drawable/selector_background_underline"android:button="@null"android:gravity="center"android:paddingBottom="15dp"android:paddingTop="15dp"android:text="12时12分"/></RadioGroup><android.support.v4.view.ViewPagerandroid:id="@+id/contentViewPager"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/titleGroup"/><Viewandroid:id="@+id/buttonHorizontalDivider"android:layout_width="match_parent"android:layout_height="1px"android:layout_below="@+id/contentViewPager"android:background="#ff464646"/><LinearLayoutandroid:id="@+id/buttonGroup"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_below="@+id/buttonHorizontalDivider"android:orientation="horizontal"><Buttonandroid:id="@+id/cancelButton"style="?android:attr/borderlessButtonStyle"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="@android:string/cancel"/><Viewandroid:id="@+id/buttonVerticalDivider"android:layout_width="1px"android:layout_height="match_parent"android:layout_marginBottom="10dp"android:layout_marginTop="10dp"android:background="#ff464646"/><Buttonandroid:id="@+id/okButton"style="?android:attr/borderlessButtonStyle"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="@android:string/ok"/></LinearLayout></RelativeLayout></LinearLayout>

这是完整Dialog 的代码

package com.zlp.myyearmonthday_datetimepicker;import android.app.AlertDialog;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.ContextThemeWrapper;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RelativeLayout;
import android.widget.TimePicker;import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;/*** 日期 选择 器* Created by Administrator on 2016/8/19.*/
public class DateTimeDialog extends AlertDialog implements RadioGroup.OnCheckedChangeListener, ViewPager.OnPageChangeListener, TimePicker.OnTimeChangedListener, DatePicker.OnDateChangedListener, View.OnClickListener {private Button cancleButton, okButton;private RadioGroup radioGroup;private RadioButton dateButton, timeButton;private DatePicker datePicker;private TimePicker timePicker;private ViewPager viewPager;private View datePickerView;private View timePickerView;private Date date;private Calendar calendar;// 自定义 监听器private MyOnDateSetListener myOnDateSetListener;// 格式化 工具private SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy年MM月dd日");private SimpleDateFormat simpleTimeFormat = new SimpleDateFormat("HH时mm分");/*** @param context* @param myOnDateSetListener 监听器*/public DateTimeDialog(Context context, MyOnDateSetListener myOnDateSetListener) {this(context, null, myOnDateSetListener);}/*** @param context* @param date                默认 显示 的 时间* @param myOnDateSetListener 监听器*/public DateTimeDialog(Context context, Date date, MyOnDateSetListener myOnDateSetListener) {super(context);this.date = date;this.myOnDateSetListener = myOnDateSetListener;init();}private void init() {// 用于 控制 timePicker的 显示 样式Context contextThemeWrapper = new ContextThemeWrapper(getContext(), android.R.style.Theme_Holo_Light);LayoutInflater localInflater = LayoutInflater.from(getContext()).cloneInContext(contextThemeWrapper);View view = localInflater.inflate(R.layout.view_date_time_picker_dialog, null);setView(view);timePicker = new TimePicker(getContext());timePicker.setIs24HourView(true);viewPager = (ViewPager) view.findViewById(R.id.contentViewPager);okButton = (Button) view.findViewById(R.id.okButton);cancleButton = (Button) view.findViewById(R.id.cancelButton);radioGroup = (RadioGroup) view.findViewById(R.id.titleGroup);dateButton = (RadioButton) view.findViewById(R.id.dateButton);timeButton = (RadioButton) view.findViewById(R.id.timeButton);datePickerView = localInflater.inflate(R.layout.view_date_picker_layout, null);datePicker = (DatePicker) datePickerView.findViewById(R.id.datePicker);timePickerView = localInflater.inflate(R.layout.view_time_picker_layout, null);timePicker = (TimePicker) timePickerView.findViewById(R.id.timePicker);// 初始化 状态if (date == null) {calendar = Calendar.getInstance();date = calendar.getTime();} else {calendar = Calendar.getInstance();calendar.setTime(date);}dateButton.setText(simpleDateFormat.format(date));timeButton.setText(simpleTimeFormat.format(date));timePicker.setIs24HourView(true);// 设置 显示 宽高int width = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);int height = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);timePicker.measure(width, height);datePicker.measure(width, height);int viewPagerHeight;if (datePicker.getMeasuredHeight() > timePicker.getMeasuredHeight()) {viewPagerHeight = datePicker.getMeasuredHeight();} else {viewPagerHeight = timePicker.getMeasuredHeight();}RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, viewPagerHeight);params.addRule(RelativeLayout.BELOW, radioGroup.getId());viewPager.setLayoutParams(params);// 设置 viewPager 显示 内容ViewPagerAdapter testPage = new ViewPagerAdapter();viewPager.setAdapter(testPage);/*** 设置 监听器*/radioGroup.setOnCheckedChangeListener(this);viewPager.addOnPageChangeListener(this);timePicker.setOnTimeChangedListener(this);cancleButton.setOnClickListener(this);okButton.setOnClickListener(this);//初始化 显示 时间datePicker.init(calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH), calendar.get(Calendar.DAY_OF_MONTH), this);timePicker.setCurrentHour(calendar.get(Calendar.HOUR));timePicker.setCurrentMinute(calendar.get(Calendar.MINUTE));}/*** 隐藏 或 显示 弹框*/public void hideOrShow() {if (this == null) {return;}if (!this.isShowing()) {this.show();} else {this.dismiss();}}public void setMyOnDateSetListener(MyOnDateSetListener myOnDateSetListener) {this.myOnDateSetListener = myOnDateSetListener;}/*** 标题 切换 监听** @param radioGroup* @param i*/@Overridepublic void onCheckedChanged(RadioGroup radioGroup, int i) {if (i == dateButton.getId()) {viewPager.setCurrentItem(0);} else {viewPager.setCurrentItem(1);}}/*** ViewPager  滚动 监听** @param position* @param positionOffset* @param positionOffsetPixels*/@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}@Overridepublic void onPageSelected(int position) {if (position == 0) {radioGroup.check(dateButton.getId());} else {radioGroup.check(timeButton.getId());}}@Overridepublic void onPageScrollStateChanged(int state) {}/*** 小时 选择器 改变 监听** @param timePicker* @param i* @param i1*/@Overridepublic void onTimeChanged(TimePicker timePicker, int i, int i1) {calendar.set(Calendar.YEAR, calendar.get(Calendar.YEAR));calendar.set(Calendar.MONTH, calendar.get(Calendar.MONTH));calendar.set(Calendar.DAY_OF_MONTH, calendar.get(Calendar.DAY_OF_MONTH));calendar.set(Calendar.HOUR_OF_DAY, i);calendar.set(Calendar.MINUTE, i1);timeButton.setText(simpleTimeFormat.format(calendar.getTime()));}/*** 日期 选择 器 改变 监听** @param datePicker* @param i* @param i1* @param i2*/@Overridepublic void onDateChanged(DatePicker datePicker, int i, int i1, int i2) {calendar.set(Calendar.YEAR, datePicker.getYear());calendar.set(Calendar.MONTH, datePicker.getMonth());calendar.set(Calendar.DAY_OF_MONTH, datePicker.getDayOfMonth());calendar.set(Calendar.HOUR_OF_DAY, calendar.get(Calendar.HOUR));calendar.set(Calendar.MINUTE, calendar.get(Calendar.MINUTE));dateButton.setText(simpleDateFormat.format(calendar.getTime()));
//        Log.i("testss", simpleDateFormat.format(calendar.getTime()));}/*** 确认 取消 按钮 点击 监听** @param view*/@Overridepublic void onClick(View view) {switch (view.getId()) {case R.id.cancelButton:this.hideOrShow();break;case R.id.okButton:this.hideOrShow();if (myOnDateSetListener != null) {
//                    SimpleDateFormat mFormatter = new SimpleDateFormat("yyyy-MM-dd hh:mm aa");
//                    Log.i("testss", "----------" + mFormatter.format(calendar.getTime()));myOnDateSetListener.onDateSet(calendar.getTime());}break;}}/*** 当 确认 按钮 点击时 回调 的 日期 监听器*/public interface MyOnDateSetListener {void onDateSet(Date date);}/*** viewPager 适配器*/public class ViewPagerAdapter extends PagerAdapter {@Overridepublic int getCount() {return 2;}@Overridepublic boolean isViewFromObject(View view, Object object) {return view == object;}@Overridepublic Object instantiateItem(ViewGroup container, int position) {View view = null;if (position == 0) {view = datePickerView;} else {view = timePickerView;}container.addView(view);return view;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {
//            super.destroyItem(container, position, object);}}}

项目地址：点击打开链接

效果图

Android 自定义弹框日期选择器弹框，年月日，时分，相关推荐

Android自定义DataTimePicker（日期选择器）
Android自定义DataTimePicker(日期选择器) 笔者有一段时间没有发表关于Android的文章了,关于Android自定义组件笔者有好几篇想跟大家分享的,后期会记录在博客中.本篇博客 ...
android一天一次弹窗,Android自定义Toast，多次弹出时取消上次弹出，最后一次弹出为准...
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. Android的Toast用队列管理弹出的消息,这个自定义的Toast用于频繁弹出Toas ...
[原创]自定义公历农历日期选择器
公历农历日期选择器项目地址:https://github.com/Carbs0126/GregorianLunarCalendar android自带的DatePicker具有日期选择的功能,但是由 ...
android点击弹出日期选择器,关于Android 点击按钮弹出日期选择器
首先是 xml文件 xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width= ...
android点击弹出滑动条,IndicatorSeekBar Android自定义SeekBar，滑动时弹出气泡指示器显示进度...
overview.png 之前在网上看到了当Slider控件在滑动时会弹出气泡指示器,觉得很有趣,于是就进行拓展,就有了下面介绍的一个安卓控件:IndicatorSeekBar.先附上Indicato ...
Android自定义半圆形圆盘滚动选择器View
本文为原创作品,转载请注明出处:https://blog.csdn.net/wjj1996825/article/details/80646526 前段时间公司项目要求做一个特效的滑动选择器,效果如下 ...
Android 仿订房日期选择器
之前做的APP,没有明确的需求,就是说让我做一个像那种酒店订房的日期选择,用来订位置???说是出差的人回来可能工位被占了,需要用到这个软件去预定位置····(内部人使用的,当然没用起来··) 所以我在 ...
自定义 “至今”选项日期选择器
实现缘由有这么一个分享的原因是,我发现很多选择日期的地方都会要求能选择"至今",但是现在广泛使用的UI库中,都是不支持的.很奇怪,这个需求还是挺常见的,为什么都不支持呢?网上类似 ...
php 点击文本框弹出时间,点击Input框弹出日期选项
点击text文本框弹出日期选择器 body{margin:0;padding:0;font:14px Verdana, Arial, sans-serif;line-height:200%;} #co ...

Android 自定义弹框日期选择器弹框，年月日，时分，

Android 自定义弹框日期选择器弹框，年月日，时分，相关推荐

最新文章

热门文章

Android 自定义 弹框日期选择器 弹框，年月日，时分，

Android 自定义 弹框日期选择器 弹框，年月日，时分，相关推荐

最新文章

热门文章

Android 自定义弹框日期选择器弹框，年月日，时分，

Android 自定义弹框日期选择器弹框，年月日，时分，相关推荐