- 浏览: 70588 次
- 性别:
- 来自: 北京
最新评论
转载请注明出处:http://renyuan-1991.iteye.com/blogs/2304484
先看一下效果图:
1.不显示天数的DatePicker
2.设置DatePicker的显示日期范围
3.DatePicker的样式调整
下面看具体代码:
这种效果的实现首先要隐藏最后一列的Number(DatePicker的三列都是用number实现的)。隐藏最后一列有两种方法,如下:
第一种:
这种方法是在DatePickerDialog中使用的,通过findDatePicker方法拿到DatePicker,然后根据DatePicker的布局层次拿到显示天数的那个number并将其设置成GONE。如果我们是自己再布局中添加的DatePicker可以直接通过DatePicker的getChildAt方法拿到显示天数的number并设置成不显示。本例中通过如下方法设置:
布局文件:
如果布局文件时以上这样的,我们可以再逻辑代码中直接findviewbyid拿到DatePicker,然后调用以下方法隐藏天数的控件。
完整的逻辑代码:
其中比较重要的是以下这一段代码:
这段代码通过DatePicker拿到他的子布局,然后再通过反射拿到NumberPicker中得分割线,并修改其颜色。同理我们也可以通过反射拿到显示天数的那一列并设置成隐藏,这就是第二种方法,代码如下:
以上第二种方法的代码来自:http://www.cnblogs.com/jilianggqq/p/4139510.html
在5.0以后的系统测试没有通过,设置成holo的主题也不行,看了一下原因是由于DatePickerDialog源码中的布局层次跟逻辑代码中反射的逻辑不对应,稍作修改应该可以实现相同的效果。
当隐藏最后一列的时候AlertDialog并没有调整布局的大小,这个时候看起来很不协调,我们需要再Dialog调用show之后调用setLayout方法,注意一定要在show之后调用,代码如下:
设置DatePicker的日期范围:
设置日期范围后遇到一个小问题,当DatePicker显示的月份是当前月份的时候,可以看到下一个月,理论上设置了日期范围为今天是不会显示下一个月的,当滑动的时候会看到月份显示立马又正常了。也就是说mDatePicker.setMaxDate之后刷新了年没有刷新月份的显示....具体原因待考究。
希望爱好编程的小伙伴能加这个群,互相帮助,共同学习。群号: 141877583
先看一下效果图:
1.不显示天数的DatePicker
2.设置DatePicker的显示日期范围
3.DatePicker的样式调整
下面看具体代码:
这种效果的实现首先要隐藏最后一列的Number(DatePicker的三列都是用number实现的)。隐藏最后一列有两种方法,如下:
第一种:
DatePicker dp = findDatePicker((ViewGroup) datePickerDialog.getWindow().getDecorView()); if (dp != null) { ((ViewGroup)((ViewGroup) dp.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE); } } private DatePicker findDatePicker(ViewGroup group) { if (group != null) { for (int i = 0, j = group.getChildCount(); i < j; i++) { View child = group.getChildAt(i); if (child instanceof DatePicker) { return (DatePicker) child; } else if (child instanceof ViewGroup) { DatePicker result = findDatePicker((ViewGroup) child); if (result != null) return result; } } } return null; }
这种方法是在DatePickerDialog中使用的,通过findDatePicker方法拿到DatePicker,然后根据DatePicker的布局层次拿到显示天数的那个number并将其设置成GONE。如果我们是自己再布局中添加的DatePicker可以直接通过DatePicker的getChildAt方法拿到显示天数的number并设置成不显示。本例中通过如下方法设置:
布局文件:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="180dp" android:layout_height="match_parent" android:gravity="center_horizontal" android:orientation="vertical" android:padding="5dip" android:paddingTop="10dp"> <TextView android:layout_width="wrap_content" android:layout_marginBottom="-15dp" android:layout_height="wrap_content" android:layout_marginTop="8dp" android:text="选择月份" /> <DatePicker android:theme="@android:style/Theme.Holo.Light" android:id="@+id/datePickerStart" android:layout_width="wrap_content" android:layout_height="wrap_content" android:calendarViewShown="false" /> <Button android:id="@+id/dd_btn_sure" android:layout_width="match_parent" android:layout_marginTop="-20dp" android:text="确 定" android:textSize="18sp" android:background="@android:color/transparent" android:layout_height="wrap_content" /> </LinearLayout>
如果布局文件时以上这样的,我们可以再逻辑代码中直接findviewbyid拿到DatePicker,然后调用以下方法隐藏天数的控件。
.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE);
完整的逻辑代码:
public class MyChooseMonthDialog extends AlertDialog implements OnDateChangedListener, View.OnClickListener { private static final String YEAR = "YEAR"; private static final String MONTH = "MONTH"; private static final String DAY = "DAY"; private final DatePicker mDatePicker; private final MyChooseMonthDialog.OnDateSetListener mCallBack; /** * The callback used to indicate the user is done filling in the date. */ public interface OnDateSetListener { void onDateSet(DatePicker startDatePicker, int startYear, int startMonthOfYear, int startDayOfMonth); } /** * @param context The context the dialog is to run in. * @param callBack How the parent is notified that the date is set. * @param year The initial year of the dialog. * @param monthOfYear The initial month of the dialog. * @param dayOfMonth The initial day of the dialog. */ public MyChooseMonthDialog(Context context, MyChooseMonthDialog.OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth) { this(context, 0, callBack, year, monthOfYear, dayOfMonth); } public MyChooseMonthDialog(Context context, int theme, MyChooseMonthDialog.OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth) { this(context, 0, callBack, year, monthOfYear, dayOfMonth, true); } /** * @param context The context the dialog is to run in. * @param theme the theme to apply to this dialog * @param callBack How the parent is notified that the date is set. * @param year The initial year of the dialog. * @param monthOfYear The initial month of the dialog. * @param dayOfMonth The initial day of the dialog. */ public MyChooseMonthDialog(Context context, int theme, MyChooseMonthDialog.OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth, boolean isDayVisible) { super(context, theme); mCallBack = callBack; Context themeContext = getContext(); setIcon(0); LayoutInflater inflater = (LayoutInflater) themeContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE); View view = inflater.inflate(R.layout.datepicker_dialog, null); Button dd_btn_sure = (Button) view.findViewById(R.id.dd_btn_sure); dd_btn_sure.setOnClickListener(this); setView(view); mDatePicker = (DatePicker) view.findViewById(R.id.datePickerStart); mDatePicker.init(year, monthOfYear, dayOfMonth, this); mDatePicker.setMaxDate(System.currentTimeMillis()); setMyStyle(mDatePicker); // 如果要隐藏当前日期,则使用下面方法。 if (!isDayVisible) { hidDay(mDatePicker); } } private void setMyStyle(DatePicker mDatePicker) { LinearLayout llFirst = (LinearLayout) mDatePicker.getChildAt(0); LinearLayout llSecond = (LinearLayout) llFirst.getChildAt(0); llSecond.setPadding(0, 0,0, 0); llSecond.setBackgroundResource(R.color.transparent);//设置datepickerdialog的背景 for (int i = 0; i < llSecond.getChildCount(); i++) { NumberPicker picker = (NumberPicker) llSecond.getChildAt(i); // Numberpickers in llSecond Field[] pickerFields = NumberPicker.class.getDeclaredFields(); for (Field pf : pickerFields) { //更改分割线的颜色 if (pf.getName().equals("mSelectionDivider")) { pf.setAccessible(true); try { pf.set(picker, ContextCompat.getDrawable(YztApplication.getInstance(), R.color.investor_ilp_red)); } catch (IllegalAccessException e) { e.printStackTrace(); } break; } } } } private void hidDay(DatePicker mDatePicker) { if(mDatePicker!=null){ ((ViewGroup)((ViewGroup) mDatePicker.getChildAt(0)).getChildAt(0)).getChildAt(2).setVisibility(View.GONE); } } @Override public void onClick(View v) { switch (v.getId()){ case R.id.dd_btn_sure: tryNotifyDateSet(); this.dismiss(); break; } } @Override public void onDateChanged(DatePicker view, int year, int month, int day) { if (view.getId() == R.id.datePickerStart) mDatePicker.init(year, month, day, this); // updateTitle(year, month, day); } /** * 获得开始日期的DatePicker * * @return The calendar view. */ public DatePicker getDatePickerStart() { return mDatePicker; } /** * Sets the start date. * * @param year The date year. * @param monthOfYear The date month. * @param dayOfMonth The date day of month. */ public void updateStartDate(int year, int monthOfYear, int dayOfMonth) { mDatePicker.updateDate(year, monthOfYear, dayOfMonth); } private void tryNotifyDateSet() { if (mCallBack != null) { mDatePicker.clearFocus(); mCallBack.onDateSet(mDatePicker, mDatePicker.getYear(), mDatePicker.getMonth(), mDatePicker.getDayOfMonth()); } } @Override protected void onStop() { // tryNotifyDateSet(); super.onStop(); } @Override public Bundle onSaveInstanceState() { Bundle state = super.onSaveInstanceState(); state.putInt(YEAR, mDatePicker.getYear()); state.putInt(MONTH, mDatePicker.getMonth()); state.putInt(DAY, mDatePicker.getDayOfMonth()); return state; } @Override public void onRestoreInstanceState(Bundle savedInstanceState) { super.onRestoreInstanceState(savedInstanceState); int year = savedInstanceState.getInt(YEAR); int month = savedInstanceState.getInt(MONTH); int day = savedInstanceState.getInt(DAY); mDatePicker.init(year,month,day, this); } }
其中比较重要的是以下这一段代码:
private void setMyStyle(DatePicker mDatePicker) { LinearLayout llFirst = (LinearLayout) mDatePicker.getChildAt(0); LinearLayout llSecond = (LinearLayout) llFirst.getChildAt(0); llSecond.setPadding(0, 0,0, 0); llSecond.setBackgroundResource(R.color.transparent);//设置datepickerdialog的背景 for (int i = 0; i < llSecond.getChildCount(); i++) { NumberPicker picker = (NumberPicker) llSecond.getChildAt(i); // Numberpickers in llSecond Field[] pickerFields = NumberPicker.class.getDeclaredFields(); for (Field pf : pickerFields) { //更改分割线的颜色 if (pf.getName().equals("mSelectionDivider")) { pf.setAccessible(true); try { pf.set(picker, ContextCompat.getDrawable(YztApplication.getInstance(), R.color.investor_ilp_red)); } catch (IllegalAccessException e) { e.printStackTrace(); } break; } } } }
这段代码通过DatePicker拿到他的子布局,然后再通过反射拿到NumberPicker中得分割线,并修改其颜色。同理我们也可以通过反射拿到显示天数的那一列并设置成隐藏,这就是第二种方法,代码如下:
private void hidDay(DatePicker mDatePicker) { Field[] datePickerfFields = mDatePicker.getClass().getDeclaredFields(); for (Field datePickerField : datePickerfFields) { if ("mDaySpinner".equals(datePickerField.getName())) { datePickerField.setAccessible(true); Object dayPicker = new Object(); try { dayPicker = datePickerField.get(mDatePicker); } catch (IllegalAccessException e) { e.printStackTrace(); } catch (IllegalArgumentException e) { e.printStackTrace(); } // datePicker.getCalendarView().setVisibility(View.GONE); ((View) dayPicker).setVisibility(View.GONE); } } }
以上第二种方法的代码来自:http://www.cnblogs.com/jilianggqq/p/4139510.html
在5.0以后的系统测试没有通过,设置成holo的主题也不行,看了一下原因是由于DatePickerDialog源码中的布局层次跟逻辑代码中反射的逻辑不对应,稍作修改应该可以实现相同的效果。
当隐藏最后一列的时候AlertDialog并没有调整布局的大小,这个时候看起来很不协调,我们需要再Dialog调用show之后调用setLayout方法,注意一定要在show之后调用,代码如下:
datePickerDialog.show(); datePickerDialog.getWindow().setLayout(Utils.dip2px(IncomeDetailActivity.this,260),Utils.dip2px(IncomeDetailActivity.this,300));
设置DatePicker的日期范围:
mDatePicker.setMaxDate(System.currentTimeMillis());
设置日期范围后遇到一个小问题,当DatePicker显示的月份是当前月份的时候,可以看到下一个月,理论上设置了日期范围为今天是不会显示下一个月的,当滑动的时候会看到月份显示立马又正常了。也就是说mDatePicker.setMaxDate之后刷新了年没有刷新月份的显示....具体原因待考究。
希望爱好编程的小伙伴能加这个群,互相帮助,共同学习。群号: 141877583
发表评论
-
通过Url打开app页面并传递参数
2017-12-09 17:56 3986转载请注明出处:http:// ... -
Retrofit+RxJava搭建网络请求和数据解析框架
2017-06-29 18:20 0好久没写博客了,实话说,这一年相比往年可以说没什么进步,工作四 ... -
viewpager指示器
2016-11-08 16:04 0viewpager指示器 实现该需求的几种方法的基本原理和缺点 ... -
Android Studio模板,省去界面重复部分的开发
2016-07-06 16:05 0Android Studio模板,省去界面重复部分的开发 -
android studio 运行java代码
2016-06-21 17:50 2435转载请注明出处: http://renyuan-1991.it ... -
自定义组合控件的总结
2016-06-21 16:27 1559自定义组合控件的总结 转载请注明出处:http://renyu ... -
Android的约束布局ConstaintLayout
2016-06-24 15:05 9931ConstaintLayout的初次使用总结 转载请注明出处 ... -
Android遮罩层引导页的实现
2016-06-03 16:28 0实现遮罩层引导页可以通过以下几种方式,本文主要记录张洪洋Hig ... -
手势密码
2016-05-24 14:52 0我们公司做的是理财产品,所以手势密码这个东西少不了,在写手势密 ... -
线性布局的权重weight使用详解
2016-01-20 14:29 2445对线性布局中权重的理解 转载请注明出处:http://ren ... -
setBackgroundResource导致Padding失效,settextsize
2016-01-18 19:50 1581通过setBackground设置9 patc ... -
NestedScrolling的使用及ScrollView的惯性滑动
2015-12-08 18:14 21580NestedScrolling的使用及ScrollView的惯 ... -
android-async-http使用和取消请求
2015-10-15 12:06 4997android-async-http使用总结 下载最新的包可以 ... -
触摸屏幕取消键盘
2015-10-13 18:09 1589当点击文本框和发送按钮的时候不需要取消键盘,点击屏幕其他按钮或 ... -
四种方式实现ListView中的倒计时一()
2015-09-29 12:33 0的奋斗奋斗奋斗 -
SQLite详解
2015-10-10 15:07 1108概述 SQLite是D.Richar ... -
android 的屏幕适配问题,dp与px的换算
2015-08-08 19:11 1780在进入正题之前先了解 ... -
自定义ViewGroup实现动态创建可换行标签
2015-08-03 15:15 1220转载请注明:http://renyua ... -
Android第三方框架之xListView的使用方法
2014-11-09 19:18 5154==最近向用xListView实现刷新效果,在网上没有找到相关 ...
相关推荐
要实现只显示年月的`DatePicker`,我们需要自定义`DatePicker`的布局。 1. **自定义`DatePicker`布局** 为了隐藏日期部分,我们可以在XML布局文件中创建一个自定义的`DatePicker`,并将日期部分的可见性设为`GONE`...
针对这种需求,我们可以自定义一个 `DatePickerDialog`,只显示年月选择界面。本文将详细讲解如何实现一个自定义的 `DatePickerDialog`,只显示年月选择,并确保在Android 7.0系统及以上版本能正常运行。 首先,...
若要显示年月,可以设置为`'yyyy-mm'`。以下是如何实现的示例代码: ```javascript $(document).ready(function() { var datePicker = $('#datePicker').datepicker({ format: 'yyyy' || 'yyyy-mm', // 根据需求...
这是一个类似DatePicker的只可以选择年月的年月选择控件,基于ComboBox控件,用于MVVM中的取值绑定例如:DateText="{Binding Path=xxx, Mode=OneWayToSource}".
另一种可能的方法是使用第三方库,如jQuery UI的Datepicker或者Bootstrap的Datetimepicker,这些库提供了高度可定制的日期选择器,可以方便地调整为只显示年月。 在实际应用中,这两个控件的使用需要结合HTML、CSS...
此外,对于移动应用或者原生APP开发,可以利用iOS的`UIDatePicker`或Android的`DatePicker`,通过设置模式为“YEAR_MONTH”(iOS)或“MONTH_DAY YEAR”(Android),同样可以实现只显示年月的选择。 总之,“只...
本篇将深入探讨如何利用Swift封装一个包含年月日、年月及纯文字显示的DatePicker组件,并通过实际的代码示例来阐述其实现过程。 首先,我们要理解DatePicker的基本概念。DatePicker是iOS界面中的一个控件,它允许...
这将使得Datepicker在初始化时选择当前日期之后的一周,并以"年-月-日"的格式显示日期。 除了基本的日期选择,Datepicker还可以扩展到选择时间。虽然jQuery UI自身并未内置时间选择功能,但可以通过与其他时间选择...
总的来说,这个只显示年月的时间选择控件是Android开发中的一个实用工具,尤其适用于那些只需要年月信息的场景。它的实现涉及到了自定义View的开发、布局设计、事件处理等多个方面,对于提升Android应用的用户体验...
"基于datepicker的年月日切换时间周期选择控件"是一个常见的需求,它用于帮助用户方便地选择特定的时间范围,例如从一个日期到另一个日期,或者从一个年份到另一个年份。下面将详细介绍这个控件的实现及其相关知识点...
这篇名为“android datepicker只显示年和日期”的博文,可能讲解了如何通过源码解析和定制来实现这个功能。`源码`标签暗示了博主可能深入到`DatePicker`的内部工作原理,分析了它的代码结构,寻找能够隐藏月份部分的...
// 设置弹出年月日 if (dp != null) { if (SDKVersion ) { ((ViewGroup) dp.getChildAt(0)).getChildAt(1).setVisibility( View.GONE); } else if (SDKVersion > 14) { ((ViewGroup) (...
首先,我们要了解Android中的时间选择通常通过DatePicker控件来完成,但默认的DatePicker会展示日、月、年的全部选项,而这个通用版的控件则只显示年月部分,简化了用户的选择流程,更适合那些只需要选择年月而不...
由于公司有需求,就是弹出DatePickerDialog只显示年月,并且下划线还要是指定颜色,本人网上搜了好多方法,觉得都不大靠谱,后来把两个觉得最靠谱的代码复制粘贴,并整合修改,就完成了此需求,这是我整理的demo
为了实现只选择年月的功能,我们可以将其设置为"year"或"month"。例如: ```html v-model="value" type="month" placeholder="选择月份"> ``` 这里的`v-model`用于双向绑定日期值,`placeholder`则为占位提示...
Ant Design for React 的 DatePicker 日期组件设置默认显示中文的方法 在 Ant Design for React 的 DatePicker 日期组件中,默认情况下显示英文,但是在某些情况下,我们需要将其设置为中文。今天,我们将学习如何...
标题"ios-自定义UIDatePicker,只显示年月和至今.zip"描述的就是这样一个自定义控件的实现。 在这个项目中,开发者创建了一个名为`ITDatePickerController`的类,它扩展了`UIDatePicker`的功能。这个自定义选择器仅...
"只选年月日期控件"是一个特定的需求,它允许用户仅选择年份和月份,而不是完整的日期或者包括时间的详细信息。这种控件在某些场景下非常实用,比如用户只需要指定一个时间段,而不关心具体的日期。以下是对这个主题...
在IT领域,尤其是在前端开发中,`datepicker`是一种常见的用户界面元素,用于让用户方便地选择日期。本话题将深入探讨`datepicker`日期控件及其在处理“开始时间”与“结束时间”逻辑中的应用。 首先,`datepicker`...
5. **国际化支持**:MooTools Datepicker通常也支持多语言,允许你轻松地切换日期和时间的显示格式,以适应不同国家和地区的用户习惯。 6. **API交互**:除了基本的用户交互,插件还提供了一些API方法,如`open()`...