Post

FSCalendar:漂亮且可以客製化的行事曆

FSCalendar 客制化的常用屬性、函數。

FSCalendar:漂亮且可以客製化的行事曆

FSCalendar:漂亮且可以客製化的行事曆

FSCalendar 客制化的常用屬性、函數。

可以放大縮小畫面,點選和顯示效果都可以客製化

可以放大縮小畫面,點選和顯示效果都可以客製化

接下來看怎麼使用 FSCalendar

1
2
3
* 建立步驟
* 客製化屬性
* 常用函式

建立步驟

  • 是三方插件,需要在 Podfile 先加入 pod “FSCalendar” 並安裝

  • StoryBoard拉一個UIView 並class改為FSCalendar

UIView 的 class 改為 FSCalendar

UIView 的 class 改為 FSCalendar

  • 其實這樣去跑 run 就已經能顯示出一個行事曆了,但如果要進一步客製化跟實作點選時的動作,就要像TableView 一樣也做 delegate跟 dataSource,並有各種屬性可以調整,下面就來介紹這部分。

超快速產生行事曆

超快速產生行事曆

客製化屬性

月曆顯示切換語言

  • calendarView.locale = Locale(identifier: “zh_cn”)

月曆的星期顯示格式變更

預設:換成中文時(“zh_cn”),預設的星期格式

預設:換成中文時(“zh_cn”),預設的星期格式

  • calendarView.appearance.caseOptions = .weekdayUsesSingleUpperCase

.weekdayUsesSingleUpperCase

.weekdayUsesSingleUpperCase

第一天是星期幾(星期一是2)

  • calendarView.appearance.calendar.firstWeekday = 2

隱藏日曆header左右的月份顯示( 用alpha改為0)

  • calendarView.appearance.headerMinimumDissolvedAlpha = 0.0

隱藏其他月份日期

  • calendarView.appearance.calendar.placeholderType = .none

複選日期

calendarView.allowsMultipleSelection = true

常用函式

FSCalendarDelegate

  • didSelect// 點選日期

可自定義點選行事曆的日期時觸發的動作

可自定義點選行事曆的日期時觸發的動作

  • numberOfEventsFor// 設定日曆事件

return 值可以是 1~3範圍內,行事曆上將會出現對應數量的事件提示小圓點

return 值可以是 1~3範圍內,行事曆上將會出現對應數量的事件提示小圓點

FSCalendarDataSource

  • imageFor// 設定日曆事件自訂義圖示

主要透過檢查自定義後日期格式 跟 資料做匹配,當有匹配資料,回傳事件數或事件圖片

主要透過檢查自定義後日期格式 跟 資料做匹配,當有匹配資料,回傳事件數或事件圖片

還有許多可以客製化的,像是複選的手勢設定,行事曆抬頭欄位設定,以及事件提示列表等等,主要是因為最近製作專題用到上述幾樣設定,故先列出,其他的部分還要慢慢研究~

Post converted from Medium by ZMediumToMarkdown.

This post is licensed under CC BY 4.0 by the author.