LightCalendarView

by recruit-mp

recruit-mp / LightCalendarView

A lightweight monthly calendar view for Android, fully written in Kotlin. Designed to meet the minim...

445 Stars 69 Forks Last release: almost 4 years ago (1.0.1) Apache License 2.0 66 Commits 2 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Light Calendar View

Android Arsenal Release License

A lightweight monthly calendar view for Android, fully written in Kotlin. Designed to meet the minimum demands for typical calendars.

screenshot

Requirements

  • Target SDK version: 23
  • Minimum SDK version: 15

Usage

1) Add these settings to your app-level build.gradle.

groovy
dependencies {
    compile 'jp.co.recruit_mp:LightCalendarView:1.0.1'
}

2) Add

LightCalendarView
into your layouts or view hierarchy.
xml

    ...
        
    ...

Customization

Options

Lightweight Calendar View can be easily customized by setting properties in the layout XML file.

xml
    

The following properties are available:

| property name | type | description | | -------------------------- | ----------------- | ------------------------------------------------------------------- | | app:lcvweekDayTextSize | dimension | The text size of weekdays | | app:lcvdayTextSize | dimension | The text size of days | | app:lcvtextColor | color or resource | The text color of weekdays and days | | app:lcvselectionColor | color or resource | The background color of selections | | app:lcvaccentColor | color or resource | The color of accents | | app:lcvfirstDayOfWeek | integer | The first day of the week (0 = Sunday, 1 = Monday, ..., 6 = Friday) |

The customizations of text colors of selected days or today are done by setting <selector /> color resources to

app:lcv_textColor
,
app:lcv_selectionColor
, or
app:lcv_accentColor
with the following resource files for example.

NOTE that in all of the color resources,

android:state_*
are used to distinguish the state of each day view as follows:

| state | description | | -------------------------- | ----------------------------------------------------------------------------- | | android:stateactive | indicates whether the day view is for today (true) or other days (false) | | android:stateselected | indicates whether the day view is selected (true) or not (false) |

/res/color/calendar_day_text.xml
```xml <!-- the color of today when selected -->

```

/res/color/calendar_selection.xml
```xml <!-- the background color of today when selected -->

```

/res/color/calendar_accent.xml
```xml <!-- the color of accents in today when selected -->

```

OnCalendarStateUpdatedListener

Add

OnCalendarStateUpdatedListener
to the calendar view to detect and handle the following events:
  • onSelectMonth()
    : the user swipes and changes the month
  • onSelectDay()
    : the user clicks one day in a month view

See the example implementation in MainActivity.kt of this listener on github.

Decorations

Use

MonthView#setAccents(Date, Collection)
or
MonthView#setAccents(Map>)
to add decorations to each day.

Example:

kotlin
calendarView.setOnStateUpdatedListener(object : LightCalendarView.OnStateUpdatedListener {
    override fun onMonthSelected(date: Date, view: MonthView) {
        val cal = Calendar.getInstance().apply { time = date }
        val monthEvents: Map> = someApi.getMonthEvents(cal[Calendar.YEAR], cal[Calendar.MONTH])
        val monthAccents: Map> = monthEvents.mapValues { event -> DotAccent(radius = 10f, color = event.color, key = event) }
        view.setAccents(monthAccents)
    }
}

Coloring Day of The Week

Use

LightCalendarView#setWeekDayFilterColor(weekDay: WeekDay, color: Int?)
and
LightCalendarView#setDayFilterColor(weekDay: WeekDay, color: Int?)
to set the color scheme of day of the week in WeekDayView (e.g. Sunday, Monday, ...) and DayView (e.g. 1, 2, ...) respectively.
// coloring "sunday" (day of the week) in red
calendarView.setWeekDayFilterColor(WeekDay.SUNDAY, Color.RED)

// coloring sundays (days) in red calendarView.setDayFilterColor(WeekDay.SUNDAY, Color.RED)

Note the library internally uses these color as ColorFilter, meaning it is overlayed on top of the text color set through

LightCalendarView#setTextColor(color: Int)
.

Further Customizations

See the Wiki for more information and descriptions on futher customizations.

Contributing

Contributions to this library, including bug-reporting, bug-fixes, and enhancements are always welcomed. Just create an issue, fork us and send a pull request.

License

Copyright 2016 RECRUIT MARKETING PARTNERS CO., LTD.

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.

Maintainers

Light Calendar View is owned and maintained by Recruit Marketing Partners Co., Ltd, and was originally created by

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.