Custom-Calendar-View
To use the CustomCalendarView in your application, you first need to add the library to your application. You can do this by either from Gradle, Maven or by directly downloading the source code form GitHub.
If you enjoy this library, don’t forget to follow me on Twitter @npanigrahy or visit my blog.
Features
Currently it supports the following features:
- Next and previous month navigation
- Allow various customization including background color for day, week and title
- Set custom typeface using setCustomTypeFace() method.
- Show hide next previous month overflow days
- Set custom day options for start day of week. By default it is set to Calendar.SUNDAY
- Unlimited customizations for day of the month using custom Decorators.
- Allow you to handle event when user changes month and day selection.
Gradle
Step 1 Add the JitPack repository to your build file. Add it in your build.gradle at the end of repositories.
repositories {
maven { url "https://jitpack.io" }
}
Step-2 Add the dependency in the form
dependencies {
compile 'com.github.npanigrahy:Custom-Calendar-View:v1.0'
}
Maven
<repository>
<id>jitpack.io</id>
<url>https://jitpack.io</url>
</repository>
Step 2 Add the dependency in the form
<dependency>
<groupId>com.github.npanigrahy</groupId>
<artifactId>Custom-Calendar-View</artifactId>
<version>v1.0</version>
</dependency>
Sbt
Step-1 Add it in your build.sbt at the end of resolvers:
resolvers += "jitpack" at "https://jitpack.io"
Step-2 Add the dependency in the form
libraryDependencies += "com.github.npanigrahy" % "Custom-Calendar-View" % "v1.0"
Using CustomCalendarView Library
The GitHub project source includes a sample application, that is used for demonstrating the various features currently supported by this library. Once the library is added to your project, you can include the CustomCalendarView into your activity/fragment layout using the following code snippets.
<com.stacktips.view.CustomCalendarView
android:id="@+id/calendar_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ffffff">
</com.stacktips.view.CustomCalendarView>
The above code snippet will show the simple Calendar View with default design. Now, you can use the following attributes, to customize the appearance of calendar.
<com.stacktips.view.CustomCalendarView
android:id="@+id/calendar_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/off_white"
app:calendarBackgroundColor="@color/off_white"
app:calendarTitleTextColor="@color/black"
app:currentDayOfMonthColor="@color/blue"
app:dayOfMonthTextColor="@color/black"
app:dayOfWeekTextColor="@color/black"
app:disabledDayBackgroundColor="@color/off_white"
app:disabledDayTextColor="@color/grey"
app:selectedDayBackgroundColor="@color/blue"
app:titleLayoutBackgroundColor="@color/white"
app:weekLayoutBackgroundColor="@color/white">
</com.stacktips.view.CustomCalendarView>
Let us now, initialize the calendar view to control the various other appearance and behavior of calendar using the following methods.
//Initialize CustomCalendarView from layout
calendarView = (CustomCalendarView) findViewById(R.id.calendar_view);
//Initialize calendar with date
Calendar currentCalendar = Calendar.getInstance(Locale.getDefault());
//Show Monday as first date of week
calendarView.setFirstDayOfWeek(Calendar.MONDAY);
//Show/hide overflow days of a month
calendarView.setShowOverflowDate(false);
//call refreshCalendar to update calendar the view
calendarView.refreshCalendar(currentCalendar);
//Handling custom calendar events
calendarView.setCalendarListener(new CalendarListener() {
@Override
public void onDateSelected(Date date) {
SimpleDateFormat df = new SimpleDateFormat("dd-MM-yyyy");
Toast.makeText(MainActivity.this, df.format(date), Toast.LENGTH_SHORT).show();
}
@Override
public void onMonthChanged(Date date) {
SimpleDateFormat df = new SimpleDateFormat("MM-yyyy");
Toast.makeText(MainActivity.this, df.format(date), Toast.LENGTH_SHORT).show();
}
});
Using Custom TypeFace
//Setting custom font
final Typeface typeface = Typeface.createFromAsset(getAssets(), "fonts/Arch_Rival_Bold.ttf");
if (null != typeface) {
calendarView.setCustomTypeface(typeface);
calendarView.refreshCalendar(currentCalendar);
}
Custom Calendar View Library in Android Custom Font
Using Day Decorators
//adding calendar day decorators
List decorators = new ArrayList<>();
decorators.add(new ColorDecorator());
calendarView.setDecorators(decorators);
calendarView.refreshCalendar(currentCalendar);
Custom Calendar View Library in Android Decorator
License
/*
* Copyright (C) 2015 Stacktips {link: http://stacktips.com}.
*
* 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.
*/
304 Nov 25, 2022
658 Nov 30, 2022
218 Nov 23, 2022
48 Apr 21, 2022
37 Aug 8, 2022
924 Nov 10, 2022
1.7k Dec 7, 2022
1.5k Dec 30, 2022
839 Dec 28, 2022
769 Dec 14, 2022
1.3k Dec 14, 2022
1.5k Nov 15, 2022
631 Dec 31, 2022
3k Nov 28, 2022
777 Dec 30, 2022
4 Jul 27, 2022
240 Nov 29, 2022
1.1k Dec 30, 2022
2.8k Jan 5, 2023