android实现不同样式的日历控件(MaterialCalendarView的改造工程)

这里写图片描述
本来以为吃透了MaterialCalendarView这个开源控件,为了做个考勤,心力憔悴啊!!!
MaterialCalendarView 这个控件虽然可以自定样式,但是样式却是所有的日期都是一种样式。这个就搞的有点尴尬了!!!
我现在的需求是每一个天数需要显示三种样式,正常的话,则日期下面显示正常两个字,异常的话则显示异常两个字,还有一种情况就是没有记录,
周六日不需要考勤,则日期下面显示空白!!!
如果有这种需求的小伙伴,还在纠结的话,不妨参考我改写的MaterialCalendarView.今天遇到了月切换加载数据的时候日历控件切换卡顿的情况。好蛋疼!!
搞了一天总算是可以交代了。
下面介绍用法,不介绍实现的原理。
其实原理很简单,自定义一个viewgroup 显示日历的一个页面,用viewpager去显示这个页面,实现滑动的效果。viewpager adapter返回一个很大的数,利用这个数
转换成年月日。
下面介绍我改造的思路的原理
写一个Textspan类实现LineBackgroundSpan接口设置所有你需要的样式。
public TextSpan(String mode){
this.mode = mode;
if(this.mode.equals(EXCEPTION)){
this.color = Color.parseColor("#fe8604") ;
this.mText = "异常";
}else if(this.mode.equals(NORMAL)){
this.color = Color.BLACK;
this.mText = "正常";
}
}

我做的就是 给textspan设置一个mode  如果是"0"就设置文本正常 是"1"设置文本正常 是"-1"正常显示控件.在dayview类中applyFacadeGAC方法中 你只需要根据你的mode 设置 样式就可以了




 void applyFacadeGAC(String mode,boolea visible){
    setTodayColor();
    if(!visible){
        setTextColor(getResources().getColor
         (R.color.calendartextcor0));
        setEnabled(false);
    }
if(mode.equals("0")  || mode.equals("1")){
        String label = getLabel();
    SpannableString formattedLabel = new SpannableString(getLabel());
           formattedLabel.setSpan(new TextSpan(mode), 0, label.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        setText(formattedLabel);
    }else{
        setText(getLabel());
    }
}
 给EventDecortor类传入一个Map集合key 日期字符串,mode 需要设置的样式,这样你就可以给不同的日期设置不同的样式了

EventDecortor类中有一个方法
public String shouldDecorateGAC(CalendarDay day) {
String currentMode = -1+”“;
String str = DateUtils.getDateStr(day.getDate());

    if(hashMap == null){
        //Log.e("gac","hashmap is null");
        return "-1";
    }
    Log.e("gac","date:"+str);
    if(hashMap.containsKey(str)){
        Log.e("gac","currentMode:"+currentMode);
        currentMode = hashMap.get(str);

    }
    return currentMode;

}
这个方法主要在CalendarPagerView类里面调用,CalendarPagerView 遍历当前显示的月份的日期集合,并且调用applayDecorateGac方法。把每一个日期传给参数day
EventDecortor类中设置一个Map类型的集合,第一个key存取日期字符串,第二个key存取你需要设置样式的mode值。
如果Map集合中的日期 和传入的参数day日期相等,则把mode值返回给CalendarPagerView,CalendarPagerView根据这个mode值设置样式。



下面介绍使用方法,
在布局文件中添加这个控件
 




然后再acitvity初始化
public class MainActivity extends AppCompatActivity 
implements MaterialCalendarView.OnDateSelectedListener,MaterialCalendarView.OnMonthChangedListener

实现OnDateSelecteListener接口 点击日期的时候触发的事件
OnMonthChangedListener 滑动日历切换月份的时候触发的事件



初始化数据集合
public EventDecorator decorator;
private Map getMap(){
    Map map = new HashMap<>();
    map.put("2016-04-13",1+"");
    map.put("2016-04-14",1+"");
    map.put("2016-04-15",0+"");
    map.put("2016-04-19",0+"");
    return map;
}
private Map getMap1(String month){
    Map map = new HashMap<>();
    map.put("2016-0"+month+"-13", 1+"");
    map.put("2016-0"+month+"-14", 0+"");
    map.put("2016-0"+month+"-12", 1+"");
    map.put("2016-0"+month+"-18", 0+"");
    map.put("2016-0"+month+"-23", 1+"");
    map.put("2016-0"+month+"-21", 0+"");
    map.put("2016-0"+month+"-20", 1+"");
    return map;
}
初始化日历控件

   calendar = (MaterialCalendarView)findViewById(R.id.calendar);
    calendar.setOnMonthChangedListener(this);
    calendar.setOnDateChangedListener(this);
    decorator = new EventDecorator(getMap());
    calendar.addDecoratorGAC(decorator);



此时在OnMonthChangeListener接口中调用decorator.setMap(getMap1(str));方法就可以动态的去改变日历控件的样式了。

@Override
public void onMonthChanged(MaterialCalendarView widget, CalendarDay date) {
    String str = (date.getMonth()+1)+"";
    print(str);
    decorator.setMap(getMap1(str));

}


源码地址:见评论栏:
我擦,csdn这个编辑器怎么这么难用。

你可能感兴趣的:(android)