只显示年月的DatePicker
程序员文章站
2022-06-07 12:29:13
...
转载请注明出处:http://renyuan-1991.iteye.com/blogs/2304484
先看一下效果图:
[img]http://dl2.iteye.com/upload/attachment/0117/9987/da23e737-b453-3ebf-9eb8-6af958570b1a.png[/img]
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
先看一下效果图:
[img]http://dl2.iteye.com/upload/attachment/0117/9987/da23e737-b453-3ebf-9eb8-6af958570b1a.png[/img]
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
上一篇: C# Lazy Loading
下一篇: datepicker,只显示年月
推荐阅读
-
Thinkphp统制volist的循环次数,限制只显示部分数据
-
Vue中datepicker插件无法监听datepicker输入框的值问题
-
javascript实现的简易的DatePicker日历_时间日期
-
Yii2框架引用bootstrap中日期插件yii2-date-picker的方法,yii2datepicker_PHP教程
-
Go语言计算指定年月天数的方法
-
android实现双日期选择控件(可隐藏日,只显示年月)
-
JS实现处理时间,年月日,星期的公共方法示例
-
日历显示读出输入的年月的java代码
-
C#根据年月日计算星期几的函数小例子
-
基于Silverlight DataGrid中无代码设置开始与结束日期DatePicker的实现方法