Android入门教程三十三之Date & Time组件(下)
2018-02-27 11:06
681 查看
本节我们来继续学习Android系统给我们提供的几个原生的Date & Time组件,他们分别是:
DatePicker(日期选择器),TimePicker(时间选择器),CalendarView(日期视图),好吧,
其实一开始让我扣这几个玩意我是拒绝的,因为在我的印象里,他们是这样的:
简直把我丑哭了,有木有,终于知道为什么那么多人喜欢自定义这种类型的控件了!但是毕竟
提纲上写了,自己写的提纲,含着泪也要把他写完…当我把DatePicker写到布局中,然后看下
预览图,哟:
原来,看起来还不错,心情大好,哈哈,那么开始本节内容!
android:calendarTextColor : 日历列表的文本的颜色
android:calendarViewShown:是否显示日历视图
android:datePickerMode:组件外观,可选值:spinner,calendar
前者效果如下,默认效果是后者
android:dayOfWeekBackground:顶部星期几的背景颜色
android:dayOfWeekTextAppearance:顶部星期几的文字颜色
android:endYear:去年(内容)比如2010
android:firstDayOfWeek:设置日历列表以星期几开头
android:headerBackground:整个头部的背景颜色
android:headerDayOfMonthTextAppearance:头部日期字体的颜色
android:headerMonthTextAppearance:头部月份的字体颜色
android:headerYearTextAppearance:头部年的字体颜色
android:maxDate:最大日期显示在这个日历视图mm / dd / yyyy格式
android:minDate:最小日期显示在这个日历视图mm / dd / yyyy格式
android:spinnersShown:是否显示spinner
android:startYear:设置第一年(内容),比如19940年
android:yearListItemTextAppearance:列表的文本出现在列表中。
android:yearListSelectorColor:年列表选择的颜色
属性就是上面这些,你想怎么玩就怎么玩,接下来我们说下他的DatePicker的事件:
DatePicker.OnDateChangedListener
另外,奇怪的是,如果是上面这种mode为calendar的设置了事件并没有响应,看来上面这种
只能选择完后获取对应的值了,如果你的mode未spinner的话,使用下述代码就可以完成事件监听:
实现代码如下:
运行效果图:
样子还是蛮标致的哈,我们发现官方给我们提供的属性只有一个:
android:timePickerMode:组件外观,同样可选值为:spinner和clock(默认)
前者是旧版本的TimePicker~
而他对应的监听事件是:TimePicker.OnTimeChangedListener
下面来个代码示例:
运行效果图:
可惜的是,同样需要旧版本的TimePicker才会触发这个事件!
嗯,好像变化不大,接下来我们简单的看下文档中给我们提供的属性:
android:firstDayOfWeek:设置一个星期的第一天
android:maxDate :最大的日期显示在这个日历视图mm / dd / yyyy格式
android:minDate:最小的日期显示在这个日历视图mm / dd / yyyy格式
android:weekDayTextAppearance:工作日的文本出现在日历标题缩写
处理上面的还有其他,但是都是被弃用的…
对应的日期改变事件是:CalendarView.OnDateChangeListener
示例代码:
运行效果图:
在进阶系列我们会来自己写控件,敬请期待,谢谢~
DatePicker(日期选择器),TimePicker(时间选择器),CalendarView(日期视图),好吧,
其实一开始让我扣这几个玩意我是拒绝的,因为在我的印象里,他们是这样的:
简直把我丑哭了,有木有,终于知道为什么那么多人喜欢自定义这种类型的控件了!但是毕竟
提纲上写了,自己写的提纲,含着泪也要把他写完…当我把DatePicker写到布局中,然后看下
预览图,哟:
原来,看起来还不错,心情大好,哈哈,那么开始本节内容!
1.DatePicker(日期选择器)
可供我们使用的属性如下:android:calendarTextColor : 日历列表的文本的颜色
android:calendarViewShown:是否显示日历视图
android:datePickerMode:组件外观,可选值:spinner,calendar
前者效果如下,默认效果是后者
android:dayOfWeekBackground:顶部星期几的背景颜色
android:dayOfWeekTextAppearance:顶部星期几的文字颜色
android:endYear:去年(内容)比如2010
android:firstDayOfWeek:设置日历列表以星期几开头
android:headerBackground:整个头部的背景颜色
android:headerDayOfMonthTextAppearance:头部日期字体的颜色
android:headerMonthTextAppearance:头部月份的字体颜色
android:headerYearTextAppearance:头部年的字体颜色
android:maxDate:最大日期显示在这个日历视图mm / dd / yyyy格式
android:minDate:最小日期显示在这个日历视图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(); } 4000 }
运行效果图:
2.TimePicker(时间选择器)
先来看看5.0的TimePicker长什么样:样子还是蛮标致的哈,我们发现官方给我们提供的属性只有一个:
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才会触发这个事件!
3.CalendarView(日历视图)
好的,一样是看看样子先:嗯,好像变化不大,接下来我们简单的看下文档中给我们提供的属性:
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(); } }); } }
运行效果图:
本节小结:
好的,关于这三个控件的介绍就到这里,实际开发中这些控件我们一般都是自定义的,在进阶系列我们会来自己写控件,敬请期待,谢谢~
关注Android系列教程上篇
关注更多文章
相关文章推荐
- Android入门教程三十三之Date & Time组件(上)
- Android基础入门教程——2.3.12 Date & Time组件(下)
- Android入门进阶教程(8)-常用组件 打电话,发短信简单应用 &单元测试
- Android基础:Date & Time组件(下)
- Android基础:Date & Time组件(上)
- Android开发总结笔记 Date&Time(时间日期相关组件) 1-1-16
- (转)Android基础入门教程——1.10 反编译APK获取代码&资源
- cocos2d-x跨android&ios平台开发入门教程
- Android入门进阶教程(7)-常用组件 TabHost、Gallery
- COCOS2D-X跨ANDROID&IOS平台开发入门教程
- Android入门进阶教程(6)-常用组件 ListView、GridView
- Android实战简易教程<三>(实现简单绘图组件)
- cocos2d-x跨android&ios平台开发入门教程
- Android实战简易教程<十一>(树形组件:ExpandableListView显示和动态添加删除)
- (4)Android入门——android四大组件基础介绍及打电话,发短信简单应用 &单元测试
- Android实战简易教程<十>(画廊组件Gallery实用研究)
- (译)cocos2d-x跨android&ios平台开发入门教程
- COCOS2D-X跨ANDROID&IOS平台开发入门教程
- cocos2d-x跨android&ios平台开发入门教程
- Android笔记——date&time(日期时间选择对话框)