https://github.com/todou/calendarpager
This is one horizontal calendar with viewPager
https://github.com/todou/calendarpager
Last synced: about 1 year ago
JSON representation
This is one horizontal calendar with viewPager
- Host: GitHub
- URL: https://github.com/todou/calendarpager
- Owner: ToDou
- Created: 2015-03-31T11:00:15.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-07-08T11:09:59.000Z (almost 11 years ago)
- Last Synced: 2023-11-07T21:34:37.785Z (over 2 years ago)
- Language: Java
- Homepage:
- Size: 9.48 MB
- Stars: 208
- Watchers: 10
- Forks: 39
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CalendarPager
This is one horizontal calendar with viewPager.
The header is create by recyclerview. Every item draw based on week by week.You can slide the week recyclerview to next week or pref. I write it because I have used in my work.You just should input your first and last day. Then the calendar will be create one by one.
Maybe not perfect. I will thanks for your suggestion.
Screeshot
====
* WeekRecyclerView
* MonthSwitchView
* ExpandCalendarView
Installation
====
```groovy
dependencies {
compile 'com.github.todou:calendarpager:1.0.0'
}
```
Just Do
====
###WeekRecyclerView
First you should add the layout WeekRecyclerView and WeekDayViewPager. @layout/view_week_label and text_day_label can add by yourself.
```xml
```
Then to init the adapter and viewpager. Also you can add the setDayScrollListener to change the text of text_day_label textView to show the day.
```java
private void setUpPager() {
mPagerAdapter = new SimplePagerAdapter(getSupportFragmentManager());
mViewPagerContent.setOffscreenPageLimit(OFFSCREEN_PAGE_LIMIT);
mViewPagerContent.setAdapter(mPagerAdapter);
mViewPagerContent.setWeekRecyclerView(mWeekRecyclerView);
mViewPagerContent.setDayScrollListener(this);
mWeekViewAdapter = new WeekViewAdapter(this, mViewPagerContent);
mWeekViewAdapter.setTextNormalColor(getResources().getColor(android.R.color.darker_gray));
mWeekRecyclerView.setAdapter(mWeekViewAdapter);
}
```
And you should create one adapter to extends WeekPagerAdapter. Return one Fragment by createFragmentPager(int position).
Like This:
```java
public class SimplePagerAdapter extends WeekPagerAdapter {
public SimplePagerAdapter(FragmentManager fm) {
super(fm);
}
@Override protected Fragment createFragmentPager(int position) {
return SimpleFragment.newInstance(mDays.get(position));
}
}
```
Last you can load the data.
```java
private void setUpData() {
ArrayList reachAbleDays = new ArrayList<>();
reachAbleDays.add(new CalendarDay(2015, 5, 1));
reachAbleDays.add(new CalendarDay(2015, 5, 4));
reachAbleDays.add(new CalendarDay(2015, 5, 6));
reachAbleDays.add(new CalendarDay(2015, 5, 20));
mWeekViewAdapter.setData(reachAbleDays.get(0), reachAbleDays.get(reachAbleDays.size() - 1), null);
mPagerAdapter.setData(reachAbleDays.get(0), reachAbleDays.get(reachAbleDays.size() - 1));
mViewPagerContent.setCurrentPosition(DayUtils.calculateDayPosition(mWeekViewAdapter.getFirstShowDay(), new CalendarDay(2015, 5, 6)));
}
```
You can use
```java
mViewPagerContent.setCurrentPosition(position);
```
to change the current pager
If you want one color to distinguish some days. You can add reachAbleDays. And set the color by setTextUnableColor
```java
...
mWeekViewAdapter.setData(reachAbleDays.get(0), reachAbleDays.get(reachAbleDays.size() - 1), reachAbleDays);
...
```
###MonthSwitchView
Ok!Add layout first.
```xml
```
Then initial the data, Pay attention to the selectday must set after initial the startday and endday.
```java
mMonthPagerView.setData(new CalendarDay(2015, 5, 4), new CalendarDay(2020, 12, 2));
mMonthPagerView.setOnDayClickListener(this);
mMonthPagerView.setSelectDay(new CalendarDay(2016, 10, 1));
```
Finally, your activity can Implements MonthView.OnDayClickListener to get the click event.
```java
@Override public void onDayClick(CalendarDay calendarDay) {
Toast.makeText(this, calendarDay.getDayString(), Toast.LENGTH_SHORT).show();
}
```
###ExpandCalendarView
You can add it
```xml
```
Then to add data to the Calendar
```java
private void updateData() {
mMonthPagerView.setData(new CalendarDay(2015, 5, 4), new CalendarDay(2020, 12, 2));
mMonthPagerView.setOnDayClickListener(this);
mMonthPagerView.setSelectDay(new CalendarDay(2016, 10, 16));
}
@Override
public void onDayClick(CalendarDay calendarDay) {
textExample.setText("Click at " + calendarDay.getDayString());
}
```
Finally, get the click data as this
```java
public class ExpandCalendarActivity extends ActionBarActivity implements ExpandCalendarMonthView.OnDayClickListener {
...
@Override
public void onDayClick(CalendarDay calendarDay) {
textExample.setText("Click at " + calendarDay.getDayString());
}
```
If you have saw. I will thanks for your suggestion.
Thanks
====
* [flavienlaurent/datetimepicker](https://github.com/flavienlaurent/datetimepicker)
* [chenupt/SpringIndicator](https://github.com/chenupt/SpringIndicator)
License
====
Copyright 2015 ToDou
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.