美文网首页
2-4-3 Date

2-4-3 Date

作者: 努力学习的安同学 | 来源:发表于2018-06-15 17:23 被阅读0次

    标注:本文为个人整理,仅做自己学习参考使用,请勿转载和转发
    2018-06-15: 初稿。参考博主coder-pig

    0. 引言

    • DatePicker: 日期选择器
    • TimePicker: 时间选择器
    • CalendarView: 日期视图

    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:      年列表选择的颜色
    

    android:datePickerMode: 可选值:spinner,calendar 前者效果如下,默认效果是后者


    • 属性就是上面这些,你想怎么玩就怎么玩,接下来我们说下他的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();
        }
    }
    

    运行效果图:

    和上面的图UI有些不一样,可以在上面选择不同的主题,显示出来的就不一样

    2.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();
                }
            });
        }
    }
    

    运行效果图:

    和上图类似吧,但是要好看一点

    相关文章

      网友评论

          本文标题:2-4-3 Date

          本文链接:https://www.haomeiwen.com/subject/xbumeftx.html