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

最新推荐文章于 2024-09-10 09:30:08 发布

AmStrong_

最新推荐文章于 2024-09-10 09:30:08 发布

阅读量4.8k

点赞数 2

分类专栏： android

本文链接：https://blog.csdn.net/AmStrong_/article/details/82700018

版权

本文介绍了如何在MaterialCalendarView日历控件上添加价格展示和自定义选中样式，无需修改源码。通过DayViewDecorator实现价格显示，利用监听器处理不同日期的数据关联，并展示了固定背景色和头尾不同背景色的实现方式。

摘要由CSDN通过智能技术生成

一、介绍

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

添加流程是：

设置装饰器

calendarView.addDecorators(priceDecorator);

priceDecorator是一个实现DayViewDecorator的类。

在Decorator设置Span

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

这里分为两种情况：

需要添加的样式是固定的。也就是和具体某一天无关，只是这天需要加上这个标签，那么建议直接使用DayViewDecorator的方法
```
@Override
public boolean shouldDecorate(CalendarDay day) {
    return true;
}
```
利用这个方法作为判断条件，需要的地方绘制上即可。
需要根据不同的日子显示不同的数据的，即是我上图的需求一样。那么就按这个思路来：

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

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