![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIml2ZuUGbw1WY4VmchRmblxWYjJXZwV3cvwVbvNmLuRGZ19Gbj5CdrJmLlFWazRnZuN3bvw1LcpDc0RHaiojIsJye.gif)
看到本篇文章的同學估計也是實驗課或者項目需求中需要一個月曆表,當我接到這個需求的時候,當時腦子壓根連想都沒想,這麼通用的控件,GitHub上一搜一大堆不是嘛。可是等到真正做起來的時候,紮心了老鐵,GitHub上的大神居然異常的不給力,都是實作了基本功能,能夠滑動切換月份,找實作了周月切換功能的開源庫很難。終于我費盡千辛萬苦找到一個能夠完美切換的項目時,你周月切換之後的資料亂的一塌糊塗啊!!!
算了,自己撸一個!!!
如果你感覺到對你有幫助,歡迎star
如果你感覺對代碼有疑惑,或者需要修改的地方,歡迎issue
主要特性
月曆樣式完全自定義,拓展性強
左右滑動切換上下周月,上下滑動切換周月模式
抽屜式周月切換效果
标記指定日期(marker)
跳轉到指定日期
思路
使用方法
XML布局
建立XML布局
RecyclerView的layout_behavior為com.ldf.calendar.behavior.RecyclerViewBehavior
android:id="@+id/content"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1">
android:id="@+id/calendar_view"
android:layout_width="match_parent"
android:layout_height="300dp"
android:background="#fff">
android:id="@+id/list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="com.ldf.calendar.behavior.RecyclerViewBehavior"
android:background="#c2c2c2"
android:layout_gravity="bottom"/>
自定義月曆樣式
建立CustomDayView繼承自DayView并重寫refreshContent 和 copy 兩個方法
@Override
public void refreshContent() {
//你的代碼 你可以在這裡定義你的顯示規則
super.refreshContent();
}
@Override
public IDayRenderer copy() {
return new CustomDayView(context , layoutResource);
}
建立CustomDayView執行個體,并作為參數建構CalendarViewAdapter
CustomDayView customDayView = new CustomDayView(context, R.layout.custom_day);
calendarAdapter = new CalendarViewAdapter(
context,
onSelectDateListener,
CalendarAttr.CalendarType.MONTH,
CalendarAttr.WeekArrayType.Monday,
customDayView);
初始化View
目前來看 相比于Dialog選擇月曆 我的控件更适合于Activity/Fragment在Activity的onCreate 或者Fragment的onCreateView 你需要實作這兩個方法來啟動月曆并裝填進資料
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_syllabus);
initCalendarView();
}
private void initCalendarView() {
initListener();
CustomDayView customDayView = new CustomDayView(context, R.layout.custom_day);
calendarAdapter = new CalendarViewAdapter(
context,
onSelectDateListener,
CalendarAttr.CalendarType.MONTH,
CalendarAttr.WeekArrayType.Monday,
customDayView);
initMarkData();
initMonthPager();
}
使用此方法回調月曆點選事件
private void initListener() {
onSelectDateListener = new OnSelectDateListener() {
@Override
public void onSelectDate(CalendarDate date) {
//your code
}
@Override
public void onSelectOtherMonth(int offset) {
//偏移量 -1表示上一個月 , 1表示下一個月
monthPager.selectOtherMonth(offset);
}
};
}
使用此方法初始化月曆标記資料
private void initMarkData() {
HashMap markData = new HashMap<>();
//1表示紅點,0表示灰點
markData.put("2017-8-9" , "1");
markData.put("2017-7-9" , "0");
markData.put("2017-6-9" , "1");
markData.put("2017-6-10" , "0");
calendarAdapter.setMarkData(markData);
}
使用此方法給MonthPager添加上相關監聽
monthPager.addOnPageChangeListener(new MonthPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
mCurrentPage = position;
currentCalendars = calendarAdapter.getAllItems();
if(currentCalendars.get(position % currentCalendars.size()) instanceof Calendar){
//you code
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
重寫onWindowFocusChanged方法,使用此方法得知calendar和day的尺寸
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if(hasFocus && !initiated) {
CalendarDate today = new CalendarDate();
calendarAdapter.notifyDataChanged(today);
initiated = true;
}
}
大功告成,如果還不清晰,請下載下傳DEMO
Download
Gradle:
Step 1. Add it in your root build.gradle at the end of repositories:
allprojects {
repositories {
...
maven { url 'https://www.jitpack.io' }
}
}
Step 2. Add the dependency
dependencies {
compile 'com.github.MagicMashRoom:SuperCalendar:1.6'
}
Licence
Copyright 2017 MagicMashRoom, Inc.