炫酷的日历和 ListView 结合的开源控件,收藏一下,说不定哪天就能用上...

4,942 阅读1分钟

A custom ListView combine with CalendarView which interactive each other. just watch demo to get more detail.

CalendarListView Demo

Demo

Apk Download:CalendarListView.apk

Download

 compile 'com.kelin.calendarlistview:library:1.0.0'

中文文档:CalendarListView 日历列表文档

Usage

1、Custom style of your CalendarView (like:add price、tag、icon into your items of CalendarView)

//create a Model extends BaseCalendarItemModel then add your custom field. 
public class CustomCalendarItemModel  extends BaseCalendarItemModel{     
   //data count.
   private int count;
   private boolean isFav;
   ...
   //getXXX 
   //setXXX
   ...
}
//create a custom Adapter extends BaseCalendarItemAdapter (T  extends //BaseCalendarItemModel),then override getView function to custom your 
//calendar item's style. 
public class CalendarItemAdapter extends BaseCalendarItemAdapter{
    //date format:"yyyy-MM-dd"
    @Override
    public View getView(String date, CustomCalendarItemModel model, View convertView, ViewGroup parent) {
        // CustomCalendarItemModel model = dayModelList.get(date); is supported.
        ....
        ....
        ViewGroup view = (ViewGroup) LayoutInflater.from(mContext).inflate(R.layout.custom_calendar_item, null);
        TextView dayNum = (TextView)  view.findViewById(R.id.day_num);
        dayNum.setText(model.getDayNumber());
        ....
        //get data from model then render your UI.
        ....
        ....
   }
}

tips:you can just use BaseCalendarItemAdapter but it is only show date in calendar View.

2、Custom style of your ListView,override getSectionHeaderView and getItemView

public class ListItemAdapter extends BaseCalendarListAdapter {
    //date format:'yyyy-MM-dd'
    @Override
    public View getSectionHeaderView(String date, View convertView, ViewGroup parent) {
       // List modelList = dateDataMap.get(date);is supported.
       .....
       //custom style of SectionHeader
       .....
    }

    @Override
    public View getItemView(ListModel model,String date, int pos, View convertView, ViewGroup parent) {
      //you can get model by follow code. 
      //List modelList = dateDataMap.get(date);
      //model = modelList.get(pos) 

      .....
      //custom style of List Items
      .....
   }
}

3、Initialize CalendarListView and set CalendarItemAdapter and ListItemAdapter


@Override
protected void onCreate(Bundle savedInstanceState) {
 ...
 calendarListView = (CalendarListView) findViewById(R.id.calendar_listview);

 listItemAdapter = new ListItemAdapter(this);
 calendarItemAdapter = new CalendarItemAdapter(this);

 calendarListView.setCalendarListViewAdapter(calendarItemAdapter, listItemAdapter);

 ...
}

4、Loading data from server then update DataSet

private void onCalendarDataLoadFinish(List datas){
    ....
    ....
    //TreeMap,key:'yyyy-MM-dd',value:model of this date.
    TreeMap dateMap=calendarItemAdapter.getDayModelList();
    ....
    CustomCalendarItemModel customCalendarItemModel = dateMap.get(date);
    //update model
    customCalendarItemModel.setXXX(data.getXXX());
    ....
    calendarItemAdapter.notifyDataSetChanged();
}
//key:'yyyy-mm-dd' format date  
private TreeMap> listTreeMap = new TreeMap<>();

private void onListDataLoadFinish(List datas){
   ....
   ....
  for(Data item:datas) {
     String day=item.getDate();
    //add data
     if (listTreeMap.get(day) != null) {    
         ListNews.StoriesBean> list = listTreeMap.get(day);    
         list.add(i);
      } else {    
         ListNews.StoriesBean> list = new ArrayListNews.StoriesBean>();    
         list.add(i);   
         listTreeMap.put(day, list);
     }
  }
 ....
 listItemAdapter.setDateDataMap(listTreeMap);
 listItemAdapter.notifyDataSetChanged();
}

5、event support

calendarListView.setOnCalendarViewItemClickListener(new CalendarListView.OnCalendarViewItemClickListener() {   
     @Override    
     public void onDateSelected(View View, String selectedDate, int listSection) {   
     //do something....
     }
});
calendarListView.setOnMonthChangedListener(new CalendarListView.OnMonthChangedListener() {    
       @Override    
       public void onMonthChanged(String yearMonth) {
       //yearMonth:'yyyy-MM-dd'

       }
});
calendarListView.setOnListPullListener(new CalendarListView.onListPullListener() {    
    @Override    
    public void onRefresh() {

    }    
    @Override    
    public void onLoadMore() {

    }
});

License

    Copyright 2016 Kelin Hong

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.