2.4.3 Date & Time组件(下)
最后更新于:2022-04-01 05:25:33
## 本节引言:
> 本节我们来继续学习Android系统给我们提供的几个原生的Date & Time组件,他们分别是: DatePicker(日期选择器),TimePicker(时间选择器),CalendarView(日期视图),好吧, 其实一开始让我扣这几个玩意我是拒绝的,因为在我的印象里,他们是这样的:
>
> ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da63363a1e.jpg)
>
> 简直把我丑哭了,有木有,终于知道为什么那么多人喜欢自定义这种类型的控件了!但是毕竟 提纲上写了,自己写的提纲,含着泪也要把他写完...当我把DatePicker写到布局中,然后看下 预览图,哟:
>
> ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da633da6d6.jpg)
>
> 原来,看起来还不错,心情大好,哈哈,那么开始本节内容!
* * *
## 1.DatePicker(日期选择器)
可供我们使用的属性如下:
> * **android:calendarTextColor** : 日历列表的文本的颜色
> * **android:calendarViewShown**:是否显示日历视图
> * **android:datePickerMode**:组件外观,可选值:spinner,calendar 前者效果如下,默认效果是后者 ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da633ef19a.jpg)
> * **android:dayOfWeekBackground**:顶部星期几的背景颜色
> * **android:dayOfWeekTextAppearance**:顶部星期几的文字颜色
> * **android:endYear**:去年(内容)比如2010
> * **android:firstDayOfWeek**:设置日历列表以星期几开头
> * **android:headerBackground**:整个头部的背景颜色
> * **android:headerDayOfMonthTextAppearance**:头部日期字体的颜色
> * **android:headerMonthTextAppearance**:头部月份的字体颜色
> * **android:headerYearTextAppearance**:头部年的字体颜色
> * **android:maxDate**:最大日期显示在这个日历视图mm / dd / yyyy格式
> * **android:maxDate**:最小日期显示在这个日历视图mm / dd / yyyy格式
> * **android:spinnersShown**:是否显示spinner
> * **android:startYear**:设置第一年(内容),比如19940年
> * **android:yearListItemTextAppearance**:列表的文本出现在列表中。
> * **android:yearListSelectorColor**:年列表选择的颜色
属性就是上面这些,你想怎么玩就怎么玩,接下来我们说下他的DatePicker的事件:**DatePicker.OnDateChangedListener** 另外,奇怪的是,如果是上面这种mode为calendar的设置了事件并没有响应,看来上面这种 只能选择完后获取对应的值了,如果你的mode未spinner的话,使用下述代码就可以完成事件监听:
**实现代码如下:**
~~~
public class MainActivity extends AppCompatActivity implements DatePicker.OnDateChangedListener{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
DatePicker dp_test = (DatePicker) findViewById(R.id.dp_test);
Calendar calendar = Calendar.getInstance();
int year=calendar.get(Calendar.YEAR);
int monthOfYear=calendar.get(Calendar.MONTH);
int dayOfMonth=calendar.get(Calendar.DAY_OF_MONTH);
dp_test.init(year,monthOfYear,dayOfMonth,this);
}
@Override
public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
Toast.makeText(MainActivity.this,"您选择的日期是:"+year+"年"+(monthOfYear+1)+"月"+dayOfMonth+"日!",Toast.LENGTH_SHORT).show();
}
}
~~~
**运行效果图:**
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da63456751.jpg)
* * *
## 2.TimePicker(时间选择器)
> 先来看看5.0的TimePicker长什么样:
>
> ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da635530a9.jpg)
>
> 样子还是蛮标致的哈,我们发现官方给我们提供的属性只有一个: **android:timePickerMode**:组件外观,同样可选值为:spinner和clock(默认) 前者是旧版本的TimePicker~ 而他对应的监听事件是:**TimePicker.OnTimeChangedListener**
**下面来个代码示例:**
~~~
public class MainActivity extends AppCompatActivity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TimePicker tp_test = (TimePicker) findViewById(R.id.tp_test);
tp_test.setOnTimeChangedListener(new TimePicker.OnTimeChangedListener() {
@Override
public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
Toast.makeText(MainActivity.this,"您选择的时间是:"+hourOfDay+"时"+minute+"分!",Toast.LENGTH_SHORT).show();
}
});
}
}
~~~
**运行效果图:** 可惜的是,同样需要旧版本的TimePicker才会触发这个事件!
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da635b2c61.jpg)
* * *
## 3.CalendarView(日历视图)
> 好的,一样是看看样子先:
>
> ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da635dafa6.jpg)
>
> 嗯,好像变化不大,接下来我们简单的看下文档中给我们提供的属性:
* **android:firstDayOfWeek**:设置一个星期的第一天
* **android:maxDate** :最大的日期显示在这个日历视图mm / dd / yyyy格式
* **android:minDate**:最小的日期显示在这个日历视图mm / dd / yyyy格式
* **android:weekDayTextAppearance**:工作日的文本出现在日历标题缩写
处理上面的还有其他,但是都是被弃用的... 对应的日期改变事件是:**CalendarView.OnDateChangeListener**
**示例代码:**
~~~
public class MainActivity extends AppCompatActivity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
CalendarView cv_test = (CalendarView) findViewById(R.id.cv_test);
cv_test.setOnDateChangeListener(new CalendarView.OnDateChangeListener() {
@Override
public void onSelectedDayChange(CalendarView view, int year, int month, int dayOfMonth) {
Toast.makeText(MainActivity.this,"您选择的时间是:"+ year + "年" + month + "月" + dayOfMonth + "日",Toast.LENGTH_SHORT).show();
}
});
}
}
~~~
**运行效果图:**
![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2015-12-01_565da63644c48.jpg)
* * *
## 本节小结:
> 好的,关于这三个控件的介绍就到这里,实际开发中这些控件我们一般都是自定义的, 在进阶系列我们会来自己写控件,敬请期待,谢谢~