自定义View之日历控件的实现(慕课网《自定义实现日历控件》Demo)

本文只是慕课网的课程《自定义实现日历控件》里面自己不太理解的地方记录下来,当作自己的学习笔记,大神请自动忽略本文。
跳过开头部分,我们直接看渲染控件的那个方法吧

   /**
     * 渲染日历控件
     */
    private void renderCalendar() {
        //当前月份展示
        SimpleDateFormat simpleDateFormat = new SimpleDateFormat(dateFormat);
        tvDate.setText(simpleDateFormat.format(mCalender.getTime()));

        //gridview数据展示
        ArrayList<Date> cells = new ArrayList<>();
        Calendar calendar = (Calendar) mCalender.clone();

        calendar.set(Calendar.DAY_OF_MONTH, 1);
        calendar.add(Calendar.DAY_OF_MONTH, -prevDays);
        int maxCellCount = 6 * 7;
        while (cells.size() < maxCellCount) {
            cells.add(calendar.getTime());
            calendar.add(Calendar.DAY_OF_MONTH, 1);
        }
        ````

这里只是将上面关于日期的一些方法做个说明

 calendar.set(Calendar.DAY_OF_MONTH, 1);

这段代码的就代表将时间设置为当月的第一天,举个例子,
假如今天是2017-12-8,当设置了这段代码后,就会变为2017-12-1

calendar.get(Calendar.DAY_OF_WEEK)
这段代码是关于星期的展示,用来获取当前日期是星期几
注:今天是星期几,这里是以星期天为一周的第一天
但是在视频中是这样写的
int prevDays = calendar.get(Calendar.DAY_OF_WEEK) - 1;
这是什么意思呢?我是这样理解的

calendar.get(Calendar.DAY_OF_WEEK) 的值为1~7之间的整数,1代表周日,7代表周六,其余依次类推,减一是判断本月一号之前空几位,举个例子:假如今天是2017-12-8 星期五,那么calendar.get(Calendar.DAY_OF_WEEK) = 6,prevDays = 6 - 1 = 5,即一号之前有五个位置是空的。

接着往下看,calendar.add(Calendar.DAY_OF_MONTH, -prevDays);
接着奉上我的理解

calendar.add(Calendar.DAY_OF_MONTH, -2)代表的是什么呢?假如今天是2017-12-1,那么这段代码输出的日期就是2017-11-29,就是将当前日期回滚了两天,这样就不难理解了吧!

calendar.add(Calendar.DAY_OF_MONTH, -prevDays)代表上个月的最后 prevDays 天,因为在开始绘制的时候将当前设置为本月的第一天了

接着往下看,int maxCellCount = 6 * 7;

一周最多是七天,一个月最多占六行,举个例子,假如这个月的一号是在周六并且这个月是三十一天,那么一号就独占一行,那么剩下的三十天就在其他行了就会有 4 * 7 = 28,占据满满的四行,剩余31-1-28=2天独占一行。这样一个月就展示完了,最多占据六行。

如图所示

date.png

接着往下看,就到循环里面去添加数据了

    while (cells.size() < maxCellCount) {
            cells.add(calendar.getTime()); 
            calendar.add(Calendar.DAY_OF_MONTH, 1);
        }
解释:
cells.add(calendar.getTime()); 是将当前的时间添加到cells这个list当中
calendar.add(Calendar.DAY_OF_MONTH, 1);经过上面的分析,不难看出,这段代码是将日期向后移动一天,举个例子,假如今天是2017-12-8,那么calendar.add(Calendar.DAY_OF_MONTH, 1)之后就变成了2017-12-9。

剩下的还请各位朋友去看视频,视频上讲的很详细。
慕课网地址:https://www.imooc.com/,搜索“自定义实现日历控件”即可看到讲解视频了。
本文demo已上传到GitHub上了,下载源码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容