本节引言
今天主要是DatePicker(日期选择器)、TimePicker(时间选择器) CalendarView(日历) DatePickerDilaog(日期选择Dialog) TimePickerDialog(时间选择Dialog),在4.x和5.x是显示不同的,4.x:Mode默认是spinner,5.x:Mode默认是Calendar。
DatePicker
、TimePicker
、CalendarView
都是View,直接在xml中声明控件;DataPickerDialog
、TimePickerDialog
继承自dialog;DatePickerDilaogFragment
、TimePickerDialogFragment
是自定义的类,分别继承自DialogFragment
DatePicker
效果图
4.x 5.x
XML
<DatePicker
android:id="@+id/dataPicker"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:datePickerMode="spinner" />
代码
private void initDatePicker() {
Calendar calendar = Calendar.getInstance();
int year = calendar.get(Calendar.YEAR);
int month = calendar.get(Calendar.MONTH);
int day = calendar.get(Calendar.DAY_OF_MONTH);
datePicker = (DatePicker) findViewById(R.id.dataPicker);
//获取变化的值,若设置为0,那么现实的是1900年1月
datePicker.init(year, month, day, new DatePicker.OnDateChangedListener() {
@Override
public void onDateChanged(DatePicker datePicker, int year, int month, int day) {
ToastUtil.showShortToast(context, "您选择的日期是:" + year + "年" + (month + 1) + "月" + day + "日");
}
});
}
TimePicker
效果图
4.x 5.x
TimePicker
<TimePicker
android:id="@+id/timePicker"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
代码
private void initTimePicker() {
timePicker = (TimePicker) findViewById(R.id.timePicker);
timePicker.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
@Override
public void onTimeChanged(TimePicker timePicker, int hour, int minute) {
ToastUtil.showShortToast(context, "您选择的时间是:" + hour + "时" + minute + "分");
}
});
}
CalendarView
效果图
4.x 5.x
代码
calendarView = (CalendarView) findViewById(R.id.calendarView);
calendarView.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
@Override
public void onSelectedDayChange(CalendarView calendarView, int year, int month, int day) {
ToastUtil.showShortToast(context, "您选择的日期是:" + year + "年" + (month + 1) + "月" + day + "日");
}
});
DatePickerDilaogFragment
效果图
4.x 5.x
代码
public class DatePickerFragment extends DialogFragment {
@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
Calendar calendar = Calendar.getInstance();
int year = calendar.get(Calendar.YEAR);
int month = calendar.get(Calendar.MONTH);
int day = calendar.get(Calendar.DAY_OF_MONTH);
DatePickerDialog dialog = new DatePickerDialog(getActivity(), listener, year, month, day);
return dialog;
}
private DatePickerDialog.OnDateSetListener listener = new DatePickerDialog.OnDateSetListener() {
@Override
public void onDateSet(DatePicker datePicker, int year, int month, int day) {
ToastUtil.showShortToast(getActivity(), "您选择的日期是:" + year + "年" + (month + 1) + "月" + day + "日");
}
};
}
在activity中显示这个fragment
TimePickerFragment fragment = new TimePickerFragment();
fragment.show(getSupportFragmentManager(), "TimePickerFragment");
TimePickerDialogFragment
效果图
4.x 5.x
代码
public class TimePickerFragment extends DialogFragment {
@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
Calendar calendar = Calendar.getInstance();
int hour = calendar.get(Calendar.HOUR_OF_DAY);
int minute = calendar.get(Calendar.MINUTE);
TimePickerDialog dialog = new TimePickerDialog(getActivity(), null, hour, minute, false);
return dialog;
}
private TimePickerDialog.OnTimeSetListener listener = new TimePickerDialog.OnTimeSetListener() {
@Override
public void onTimeSet(TimePicker timePicker, int hour, int minute) {
ToastUtil.showShortToast(getActivity(), "您选择的时间是:" + hour + "时" + minute + "分");
}
};
}
在activity中显示这个fragment
DatePickerFragment fragment = new DatePickerFragment();
fragment.show(getSupportFragmentManager(), "DatePickerFragment");
DatePickerDialog
**注意:**DatePickerDialog和TimePickerDialog 都有方法
setButton(...)
,当我们重写该方法后,那么监听OnDateSetListener
、OnTimeSetListener
就无效了,不会走这2个监听,下面在重写setButton()
中会有说明
DatePickerDialog 不重写setButton()
效果图
代码
Calendar calendar = Calendar.getInstance();
int year = calendar.get(Calendar.YEAR);
int month = calendar.get(Calendar.MONTH);
int dayOfMonth = calendar.get(Calendar.DAY_OF_MONTH);
DatePickerDialog datePickerDialog = new DatePickerDialog(context, onDateSetListener, year, month, dayOfMonth);
datePickerDialog.setCanceledOnTouchOutside(false);
datePickerDialog.setCancelable(false);
datePickerDialog.show();
DatePickerDialog 重写setButton()
重写
setButton()
, 通过getDatePicker()
获取到DatePicker
对象,进而获取到year+month+day,所以不需要OnDateSetListener
注意:TimePickDialog
确没有相似的方法getTimePicker()
,所以需要OnTimeSetListener
效果图
代码
Calendar calendar = Calendar.getInstance();
int year = calendar.get(Calendar.YEAR);
int month = calendar.get(Calendar.MONTH);
int day = calendar.get(Calendar.DAY_OF_MONTH);
MyOnDateSetListener onDateSetListener = new MyOnDateSetListener();
//可以不传参数OnDateSetListener, 第2个参数: int themeResId, 第三个参数:OnDateSetListener
final DatePickerDialog dialog = new DatePickerDialog(context, 0, null, year, month, day);
dialog.setButton("自定义Button:确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog2, int which) {
DatePicker datePicker = dialog.getDatePicker();
int year = datePicker.getYear();
int month = datePicker.getMonth() + 1;
int dayOfMonth = datePicker.getDayOfMonth();
Log.d(TAG, "日期:" + year + "年" + month + "月" + dayOfMonth + "日");
}
});
dialog.setButton2("自定义Button:取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Log.d(TAG, "取消" + ",which=" + which);
}
});
dialog.setCanceledOnTouchOutside(false);
dialog.setCancelable(false);
dialog.show();
TimePickerDialog
TimePickDialog:不重写setButton()
效果图
代码
Calendar calendar = Calendar.getInstance();
int hour = calendar.get(Calendar.HOUR_OF_DAY);
int minute = calendar.get(Calendar.MINUTE);
MyOnTimeSetListener timeSetListener = new MyOnTimeSetListener();
TimePickerDialog dialog = new TimePickerDialog(context, timeSetListener, hour, minute, true);
dialog.setCanceledOnTouchOutside(false);
dialog.setCancelable(false);
dialog.show();
TimePickDialog:重写setButton()
效果图
代码
DatePickerDialog
通过方法getDatePicker()
获取DatePicker
对象,今儿获取year+month+day,但是TimePickDialog
没有方法getTimePicker()
,所以我们不能像DatePickerDialog那样获取hour+minute,那么该怎么做呢,就是修改SetButton()
的第二个参数,不传OnClickListener
,直接传入TimePickDialog
对象。
Calendar calendar = Calendar.getInstance();
int hour = calendar.get(Calendar.HOUR_OF_DAY);
int minute = calendar.get(Calendar.MINUTE);
MyOnTimeSetListener timeSetListener = new MyOnTimeSetListener();
TimePickerDialog dialog = new TimePickerDialog(context, timeSetListener, hour, minute, true);
//有效方法,第2个参数不传OnClickListener,直接传入dialog本身
dialog.setButton("自定义Button:确定", dialog);
dialog.setButton2("自定义Button:取消", dialog);
dialog.setCanceledOnTouchOutside(false);
dialog.setCancelable(false);
dialog.show();
MyOnTimeSetListener:
private class MyOnTimeSetListener implements TimePickerDialog.OnTimeSetListener {
@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
Log.d(TAG, "时间:" + hourOfDay + "时" + minute + "分");
}
}
NumberPicker
用来显示数字,也可以显示String,当前的item是可以编辑的,编辑后点击回车键就会调转到编辑的item,前提是原数组中有我们编辑的内容。
效果图
介绍
布局:
<NumberPicker
android:id="@+id/numberPicker2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
方法
方法 | 说明 |
---|---|
setValue(12) | 设置当前值 |
setMinValue(0) | 设置最小值 |
setMaxValue(23) | 设置最大值 |
setOnValueChangedListener(…) | 值的变化监听 |
setDisplayedValues (String[] displayedValues) | 显示数组 |
setOnScrollListener(…) | 滑动的监听 |
numberPicker可以显示数字,数字在最小值和最大值之间。
numberPicker = (NumberPicker) findViewById(R.id.numberPicker);
numberPicker.setValue(12);
numberPicker.setMinValue(0);
numberPicker.setMaxValue(23);
numberPicker.offsetTopAndBottom(5);
// numberPicker.setEnabled(false);//不可滑动
numberPicker.setOnValueChangedListener(new NumberPicker.OnValueChangeListener() {
@Override
public void onValueChange(NumberPicker picker, int oldVal, int newVal) {
Log.d(TAG, "oldVal=" + oldVal + ",newVal=" + newVal );
}
});
也可以显示String,用到的方法是
numberPicker2.setDisplayedValues(array);
Demo
http://git.oschina.net/AndroidUI/numberpicker01
dialog设置按钮
DatePickerDialog dialog = new DatePickerDialog(...)
方法一:已过时
dialog.setButton("确定",dialog/listener);
dialog.setButton2("取消",dialog/listener);
dialog.setButton3("中立",dialog/listener);
方法二:已过时
dialog.setButton(DialogInterface.BUTTON1,"确定",dialog/listener);
dialog.setButton(DialogInterface.BUTTON2,"取消",dialog/listener);
dialog.setButton(DialogInterface.BUTTON3,"中立",dialog/listener);
方法三:未过时
dialog.setButton(DialogInterface.BUTTON_POSITIVE, "确定",dialog/listener);
dialog.setButton(DialogInterface.BUTTON_NEGATIVE, "取消", dialog/listener);
dialog.setButton(DialogInterface.BUTTON_NEUTRAL, "中立", dialog/listener);
上面的都是dialog的方法,构造这模式builder也可以
builder.setPositiveButton("确定", listener)
builder.setNegativeButton("取消",listener)
builder.setNeutralButton("中立",listener)
其它
2-6的Demo:DateTimePicker02
参考:Android基础入门教程——2.3.12 Date & Time组件(下)
7-8的Demo: http://git.oschina.net/AndroidUI/DatePickerDialogTimePickerDialog
参考:
Android编程之TimePickerDialog设置确定键导致OnTimeSetListener不响应问题
Android:Picker(DatePicker、TimerPicker、NumberPicker)
重写DatePickerDialog 解决OnDateSetListener只有完成,没有取消回调问题
本片介绍的都是系统原生的控件,但实际工作中我们需要的是”2016年10月1日10时10分10秒”这样的数据,这需要自定义控件,github上有很多library,TimePickerDialog,精确到分钟,可以自定义很多参数,界面也不错,就是高度不可设置,demo:第三方开源库:日期时间选择器(TimePickerDialog)