日历控件MaterialCalendarView的自定义样式、每日不同样式（不修改源码）

一、介绍

MaterialCalendarView是一个日历控件。

GitHub地址

作者对它封装的很深，如果你要加入自己的一些东西比较难，他给出的接口感觉太少了，网上一些文章基本都是直接拉源码下来修改的，个人不太喜欢那样做。所以自己阅读源码和框架，在他给出的接口上完成了自定义样式，基本需要改的东西都可以实现了。先上一个效果图。

主要分两部分：

• 一个是添加了价格的文本显示。

• 一个是添加了自定义的选中样式。

二、添加价格

切入点

首先框架并没有提供设置每日的布局的地方，所以直接用Xml来改变布局是行不通的。

然后通过阅读介绍，他有提供一个名为DotSpan的类，它的效果是在DayViewDecorator里面设置一个背景样式，在文字下面加了两个点。显然这就是作者留给我们的添加自定义样式的地方。

我们就可以从这里入手，模仿这个文件来添加自定义样式。

实现

public class BackgroundSpan implements LineBackgroundSpan {
    @Override
    public void drawBackground(Canvas canvas, Paint paint,
                               int left, int right, int top, int baseline, int bottom,
                               CharSequence charSequence,
                               int start, int end, int lineNum) {
        canvas.save();
        canvas.drawColor(Color.parseColor("#ffd6ba"));
        canvas.restore();
    }
}

添加流程是：

1. 设置装饰器

   calendarView.addDecorators(priceDecorator);

   priceDecorator是一个实现DayViewDecorator的类。

2. 在Decorator设置Span

   @Override
   public void decorate(DayViewFacade view) {
       view.addSpan(new PriceSpan());
   }
   

这里分为两种情况：

1. 需要添加的样式是固定的。也就是和具体某一天无关，只是这天需要加上这个标签，那么建议直接使用DayViewDecorator的方法

   @Override
   public boolean shouldDecorate(CalendarDay day) {
       return true;
   }
   

   利用这个方法作为判断条件，需要的地方绘制上即可。

2. 需要根据不同的日子显示不同的数据的，即是我上图的需求一样。那么就按这个思路来：

   因为在绘制的方法drawBackground里面 拿不到Year和Month，这就导致了无法和数据进行关联，我的解决方案是利用控件的OnMonthChangedListener监听，在他翻页结束后获取当前页的year和month，根据两个再加上传递的Day参数来取数据。

   注意：这个方法会有一个弊端，就是他是一个ViewPager的setOnPageChangeListener，但是他的回调只给了onPageSelected的回调，也就是说它无法在一开始拖动的时候就改变year和month，所以！！！你在拖动至一半的时候看到两边的数据会是一样的！！ 这就是我这个方法的坑点，但是我还没找到方法解决，我只能将比较显眼的背景色部分分离出来 按照第一种情况来做，这样一般情况看不出来问题。