本来以为吃透了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<String,String>集合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<String,String>类型的集合,第一个key存取日期字符串,第二个key存取你需要设置样式的mode值。
如果Map集合中的日期 和传入的参数day日期相等,则把mode值返回给CalendarPagerView,CalendarPagerView根据这个mode值设置样式。
下面介绍使用方法,
在布局文件中添加这个控件
<com.gac.calendarviewdemo.CalendarView.MaterialCalendarView
android:id="@+id/calendar"
android:layout_width="match_parent"
android:layout_height="wrap_content">
</com.gac.calendarviewdemo.CalendarView.MaterialCalendarView>
然后再acitvity初始化
public class MainActivity extends AppCompatActivity
implements MaterialCalendarView.OnDateSelectedListener,MaterialCalendarView.OnMonthChangedListener
实现OnDateSelecteListener接口 点击日期的时候触发的事件
OnMonthChangedListener 滑动日历切换月份的时候触发的事件
初始化数据集合
public EventDecorator decorator;
private Map<String,String> getMap(){
Map<String,String> 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<String,String> getMap1(String month){
Map<String,String> 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这个编辑器怎么这么难用。