写点什么

Date & Time 组件 (下)

作者:向阳逐梦
  • 2023-01-16
    四川
  • 本文字数:2268 字

    阅读完需:约 7 分钟

Date & Time组件(下)

本节我们来继续学习 Android 系统给我们提供的几个原生的 Date & Time 组件,他们分别是: 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(); }}
复制代码

运行效果图:

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();            }        });    }}
复制代码

运行效果图:


发布于: 刚刚阅读数: 5
用户头像

向阳逐梦

关注

人生享受编程,编程造就人生! 2022-06-01 加入

某公司芯片测试工程师,嵌入式开发工程师,InfoQ签约作者,阿里云星级博主,华为云·云享专家。座右铭:向着太阳,追逐梦想!

评论

发布
暂无评论
Date & Time组件(下)_datepicker_向阳逐梦_InfoQ写作社区