Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shoheiyokoyama/Koyomi
Simple customizable calendar component in Swift :calendar:
https://github.com/shoheiyokoyama/Koyomi
calendar carthage cocoapods customizable ios swift swift-framework swift-language swift3 ui ui-components uicollectionview
Last synced: 6 days ago
JSON representation
Simple customizable calendar component in Swift :calendar:
- Host: GitHub
- URL: https://github.com/shoheiyokoyama/Koyomi
- Owner: shoheiyokoyama
- License: mit
- Archived: true
- Created: 2016-10-09T13:41:26.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2019-01-17T15:54:22.000Z (almost 6 years ago)
- Last Synced: 2024-05-01T13:17:14.605Z (7 months ago)
- Topics: calendar, carthage, cocoapods, customizable, ios, swift, swift-framework, swift-language, swift3, ui, ui-components, uicollectionview
- Language: Swift
- Homepage:
- Size: 5.61 MB
- Stars: 752
- Watchers: 20
- Forks: 103
- Open Issues: 37
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-ios - Koyomi - Simple customizable calendar component in Swift (UI / Calendar)
- awesome-ios-star - Koyomi - Simple customizable calendar component in Swift (UI / Calendar)
README
# Koyomi
Koyomi is a simple calendar view framework for iOS, written in Swift :calendar:
## Content
- [Features](#features)
- [Demo App](#demo_app)
- [Usage](#usage)
- ***introduction*** : [Change displayed month](#calendar-change-displayed-month), [Hide days of other months](#hide-days-of-other-months), [Get current month string](#get-current-month-string), [The selection state of date](#the-selection-state-of-date), [Highlight specific days](#highlight-specific-days)
- ***Delegate*** : [KoyomiDelegate](#koyomi_delegate)
- ***Customize Koyomi*** : [Customize layout properties](#customize-layout-properties), [Customize text postion](#customize-text-postion), [Customize text font](#customize-text-font), [Customize weeks text](#customize-weeks-text), [Customize color properties](#customize-color-properties), [Customize color properties](#customize-color-properties)
- [Requirements](#requirements)
- [Installation](#installation)
- [Contributing](#contributing)
- [License](#license)
- [App using Koyomi](#app_using_koyomi)
- [Author](#author)![Platform](http://img.shields.io/badge/platform-ios-blue.svg?style=flat
)
[![Carthage compatible](https://img.shields.io/badge/Carthage-Compatible-brightgreen.svg?style=flat)](https://github.com/Carthage/Carthage)
[![License](http://img.shields.io/badge/license-MIT-lightgrey.svg?style=flat
)](http://mit-license.org)
[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
![Swift](https://img.shields.io/badge/Swift-3.0-orange.svg)
![pod](https://img.shields.io/badge/pod-v1.2.7-red.svg)
[![GitHub stars](https://img.shields.io/github/stars/shoheiyokoyama/Koyomi.svg)](https://github.com/shoheiyokoyama/Koyomi/stargazers)- Simple Calendar View :calendar:
- Easily usable :sunglasses:
- Customizable in any properties for appearance
- Selectable calender
- Complete `README`
- [x] Support `@IBDesignable` and `@IBInspectable`
- [x] Compatible with ***Carthage***
- [x] Support ***Swift 2.3***.
- [x] Support ***Swift 3.0***## Demo App
Open `Example/Koyomi.xcworkspace` and run `Koyomi-Example` to see a simple demonstration.
## Usage
***Koyomi*** is designed to be easy to use :sunglasses:
```swift
let frame = CGRect(x: 10, y : 20, width: 250, height: 300)
let koyomi = Koyomi(frame: frame, sectionSpace: 1.5, cellSpace: 0.5, inset: .zero, weekCellHeight: 25)
view.addSubview(koyomi)
````Koyomi` is available in Interface Builder.
Set custom class of `UICollectionView ` to `Koyomi````swift
@IBOutlet weak var koyomi: Koyomi!
```### :calendar: Change displayed month
If you want to change displayed month, call `display(in: MonthType)`. `MonthType` is defined by three types.
```swift
public enum MonthType { case previous, current, next }
// change month
koyomi.display(in: .next)
```### Hide days of other months
If you want to hide days of other months, set `isHiddenOtherMonth` to `true`.
Days of other months aren't displayed and user can't select.```swift
koyomi.isHiddenOtherMonth = true
```### Get current month string
```swift
let currentDateString = koyomi.currentDateString()
```> NOTE
> If you want to change `dateFormat ` of `currentDateString`, set argument to format. `currentDateString(withFormat: "MM/yyyy")`
> default `dateFormat ` of `currentDateString` is `M/yyyy`
### The selection state of date
You can configure ***SelectionMode*** with style.
***SelectionMode*** has nested enumerations type: `SequenceStyle`, `Style`.
```swift
public enum SelectionMode {
case single(style: Style), multiple(style: Style), sequence(style: SequenceStyle), none
public enum SequenceStyle { case background, circle, semicircleEdge, line }
public enum Style { case background, circle, line }
}
// default selectionMode is single, circle style
public var selectionMode: SelectionMode = .single(style: .circle)
// call selectionStyle
koyomi.selectionMode = .single(style: .circle)
```**single** | | |
---- | ---- | ---- | ---- |
***SelectionMode*** | `.single(style: .background)` | `.single(style: .circle)` | `.single(style: .line)` |
**multiple** | | |
---- | ---- | ---- | ---- |
***SelectionMode*** | `.multiple(style: .background)` | `.multiple(style: .circle)` | `.multiple(style: .line)` |
**sequence** | | | |
---- | ---- | ---- | ---- | ---- |
***SelectionMode*** | `.sequence(style: .background)` | `.sequence(style: .circle)` | `.sequence(style: .semicircleEdge)` | `.sequence(style: .line)` |
You can configure lineView in the case of `line` style.```swift
public struct LineView {
public enum Position { case top, center, bottom }
public var height: CGFloat = 1
public var widthRate: CGFloat = 1 // default is 1.0 (0.0 ~ 1.0)
public var position: Position = .center
}koyomi.selectionMode = .single(style: .line)
koyomi.lineView.height = 3
koyomi.lineView.position = .bottom
koyomi.lineView.widthRate = 0.7
```> NOTE
> If you don't want to allow user to select date by user interaction, set `selectionMode` to `.none`.
#### Select date in programmatically
You can select specific date .
```swift
let today = Date()
var components = DateComponents()
components.day = 7
let weekLaterDay = Calendar.current.date(byAdding: components, toDate: today)
koyomi.select(date: today, to: weekLaterDay)
// If want to select only one day.
koyomi.select(date: today)
// If want to select multiple day.
let dates: [Date] = [date1, date2, date3]
koyomi.select(dates: dates)
```You can also unselect available.
```swift
koyomi.unselect(today, to: weekLaterDay)
// If want to unselect only one day.
koyomi.unselect(today)
// If want to unselect multiple day.
let dates: [Date] = [date1, date2, date3]
koyomi.unselect(dates: dates)
// unselect all date
koyomi.unselectAll()
```You can configure style color and text state in selected state.
```swift
@IBInspectable public var selectedStyleColor: UIColor
public enum SelectedTextState { case change(UIColor), keeping }
public var selectedDayTextState: SelectedTextState
```***selectedDayTextState***
If you want to change day textColor when the user selects day in the `Koyomi`, set `selectedDayTextState` to `SelectedTextState.change(UIColor)`.
Also, if you don't want to change day textColor when the user selects day, set `selectedDayTextState` to `SelectedTextState.keeping`.
```swift
// day text color change white when selected.
koyomi.selectedDayTextState = .change(.white)// day text color doesn't change when selected.
koyomi.selectedDayTextState = .keeping
```### Highlight specific days
You can change `dayColor` and `dayBackgroundColor` in specific days.
```swift
koyomi
.setDayColor(.white, of: today, to: weekLaterDay)
.setDayBackgrondColor(.black, of: today, to: weekLaterDay)
// set day color only one day.
// .setDayColor(.white, of: today)
// .setDayBackgrondColor(.black, of: today)
```If you want to use `KoyomiDelegate`, set `calendarDelegate` to `target`
```swift
koyomi.calendarDelegate = self
```### Declaration
#### koyomi(_: didSelect: forItemAt)
```swift
optional func koyomi(_ koyomi: Koyomi, didSelect date: Date, forItemAt indexPath: IndexPath)
```Tells the delegate that the date at the specified index path was selected.
`date`: the date user selected, when tapped cell#### koyomi(_: currentDateString:)
```swift
optional func koyomi(_ koyomi: Koyomi, currentDateString dateString: String)
// if you want to change string format, use `currentDateFormat`
koyomi.currentDateFormat = "M/yyyy"
```
Tells the delegate that the displayed month is changed.
`currentDateString`: the current month string, when changed month.#### koyomi(_: shouldSelectDates: to: withPeriodLength)
```swift
optional func koyomi(_ koyomi: Koyomi, shouldSelectDates date: Date?, to toDate: Date?, withPeriodLength length: Int) -> Bool
// control date user selected.
func koyomi(_ koyomi: Koyomi, shouldSelectDates date: Date?, to toDate: Date?, withPeriodLength length: Int) -> Bool {
if invalidStartDate <= date && invalidEndDate >= toDate {
print("Your select day is invalid.")
return false
}
if length > 90 {
print("More than 90 days are invalid period.")
return false
}
return true
}
```
`koyomi` calls this method before select days.
***return value***: true if the item should be selected or false if it should not. `to` is always nil if `selectionMode` isn't `sequence`.#### koyomi(_: selectionColorForItemAt: date:)
```swift
optional func koyomi(_ koyomi: Koyomi, selectionColorForItemAt indexPath: IndexPath, date: Date) -> UIColor?
func koyomi(_ koyomi: Koyomi, selectionColorForItemAt indexPath: IndexPath, date: Date) -> UIColor? {
return today == date ? UIColor.black : nil
}
```
`koyomi` calls this method before setting selectionColor for specific date.
***return value***: UIColor instance for a different color then the default one or return nil to use the default color.#### koyomi(_: fontForItemAt: date:)
```swift
func koyomi(_ koyomi: Koyomi, fontForItemAt indexPath: IndexPath, date: Date) -> UIFont?
func koyomi(_ koyomi: Koyomi, fontForItemAt indexPath: IndexPath, date: Date) -> UIFont? {
return today == date ? UIFont(name:"FuturaStd-Bold", size:16) : nil
}
```
`koyomi` calls this method before setting font for specific date.
***return value***: UIFont instance for a different font then the default one or return nil to use the default font.## :wrench: Customize ***Koyomi***
### Customize layout properties
```swift
// Support @IBInspectable properties
@IBInspectable var sectionSpace: CGFloa
@IBInspectable var cellSpace: CGFloat
@IBInspectable var weekCellHeight: CGFloat
// Public property
public var inset: UIEdgeInsets
```
```swift
koyomi.inset = UIEdgeInsets(top: 0.5, left: 0.5, bottom: 0.5, right: 0.5)
```Set `sectionSpace`, `cellSpace`, `weekCellHeight` in initialization or Interface Builder.
### Customize text postion
```swift
public enum ContentPosition {
case topLeft, topCenter, topRight
case left, center, right
case bottomLeft, bottomCenter, bottomRight
case custom(x: CGFloat, y: CGFloat)
}
```You can configure text postion.
```swift
// default is .center
koyomi.dayPosition = .topRight
koyomi.weekPosition = .center
// custom case
koyomi.dayPosition = .custom(x: 1.2, y: 2.3)
```### Customize text font
```swift
// set Day and Week Label Font
koyomi
.setDayFont(size: 12)
.setWeekFont(size: 8)
// if want to change font name,
setDayFont(fontName: ".SFUIText-Medium", size: 12)
```
### Customize weeks text
```swift
koyomi.weeks = ("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat")
// configure with index
koyomi.weeks.0 = "Sun"
koyomi.weeks.1 = "Mon"
koyomi.weeks.2 = "Tue"
...
```### Customize color properties
```swift
// Support @IBInspectable properties
@IBInspectable public var sectionSeparatorColor: UIColor
@IBInspectable public var separatorColor: UIColor
@IBInspectable public var weekColor: UIColor
@IBInspectable public var weekdayColor: UIColor
@IBInspectable public var holidayColor: UIColor
@IBInspectable public var otherMonthColor: UIColor
@IBInspectable public var dayBackgrondColor: UIColor
@IBInspectable public var weekBackgrondColor: UIColor
@IBInspectable public var selectedStyleColor: UIColor
```You can configure the lots of color properties for appearance :weary:
Don't worry :stuck_out_tongue_closed_eyes:, you can easily configure appearance by using `KoyomiStyle`.
```swift
koyomi.style = .tealBlue
```
`KoyomiStyle` is defined by 19 types + 1 custom.
used [iOS Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/visual-design/color/) as reference```swift
enum KoyomiStyle {
// basic color style
case monotone, standard, red, orange, yellow, tealBlue, blue, purple, green, pink
// deep color style
case deepBlack, deepRed, deepOrange, deepYellow, deepTealBlue, deepBlue, deepPurple, deepGreen, deepPink
case custom(customColor: CustomColorScheme)
}
```To use a custom color scheme, you need to define tuple with the necessarry values
```swift
// This is a replica of the `.deepRed` style, you can unleash your creativity here:
let customColorScheme = (dayBackgrond: UIColor.KoyomiColor.red,
weekBackgrond: UIColor.KoyomiColor.red,
week: .white,
weekday: .white,
holiday: (saturday: UIColor.white, sunday: UIColor.white),
otherMonth: UIColor.KoyomiColor.lightGray,
separator: UIColor.KoyomiColor.orange)
koyomi.style = KoyomiStyle.custom(customColor: customColorScheme)
```- iOS 8.0+
- Xcode 8.0+
- Swift 3.0+### Installation of ***Swift 2.3***
Please install version `0.1.6` or earlier.
```
pod 'Koyomi', '~> 0.1.6'
```### CocoaPods
Koyomi is available through [CocoaPods](http://cocoapods.org).
To install it, simply add the following line to your `Podfile`:```ruby
pod "Koyomi"
```### Carthage
Add the following line to your `Cartfile`:
```ruby
github "shoheiyokoyama/Koyomi"
```- [Take's One](http://www.takesone.jp/)
If you're using ***Koyomi*** in your app, please open a PR to add it to this list! :blush:
shoheiyokoyama, [email protected]
***Koyomi*** is available under the MIT license. See the [LICENSE file](https://github.com/shoheiyokoyama/Koyomi/blob/master/LICENSE) for more info.