FSCalendarで現在表示されている月の旧祝日だけ日付の色を変更したい

Question

前提・実現したいこと

SwiftでFSCalendarを利用して、カレンダーアプリを製作中です。カレンダーに旧祝日の日は別の色をつけようと思っていて、以下のサイトを参考にしています。
https://develop.hateblo.jp/entry/2018/10/26/094020

発生している問題

上記のサイトの通りに実装すると、ある月のカレンダーにあるその前の月と次の月の日付の部分まで色が変わってしまいます。例えば、現在表示されている7月の日曜日と祝日だけを別の色にしたいのに、6月の日曜や8月の日曜まで色が変わってしまい、視覚的に今月なのか他の月の日なのか判別しにくくなってしまっています。

該当のソースコード

// 祝日判定を行い結果を返すメソッド(True:祝日)
    func judgeHoliday(_ date : Date) -> Bool {
        //祝日判定用のカレンダークラスのインスタンス
        let tmpCalendar = Calendar(identifier: .gregorian)
        // 祝日判定を行う日にちの年、月、日を取得
        let year = tmpCalendar.component(.year, from: date)
        let month = tmpCalendar.component(.month, from: date)
        let day = tmpCalendar.component(.day, from: date)
        
        // CalculateCalendarLogic()：祝日判定のインスタンスの生成
        let holiday = CalculateCalendarLogic()
        
        return holiday.judgeJapaneseHoliday(year: year, month: month, day: day)
    }


// date型 -> 年月日をIntで取得
    func getDay(_ date:Date) -> (Int,Int,Int){
        let tmpCalendar = Calendar(identifier: .gregorian)
        let year = tmpCalendar.component(.year, from: date)
        let month = tmpCalendar.component(.month, from: date)
        let day = tmpCalendar.component(.day, from: date)
        return (year,month,day)
    }
    
//曜日判定(日曜日:1 〜 土曜日:7)
    func getWeekIdx(_ date: Date) -> Int{
        let tmpCalendar = Calendar(identifier: .gregorian)
        return tmpCalendar.component(.weekday, from: date)
    }
    
// 土日や祝日の日の文字色を変える
    func calendar(_ calendar: FSCalendar, appearance: FSCalendarAppearance, titleDefaultColorFor date: Date) -> UIColor? {
        
       
        //祝日判定をする（祝日は赤色で表示する）
        if self.judgeHoliday(date){
            return UIColor.red
        }
        //土日の判定を行う（土曜日は青色、日曜日は赤色で表示する）
        let weekday = self.getWeekIdx(date)
        if weekday == 1 {   //日曜日
            return UIColor.red
        }
        else if weekday == 7 {  //土曜日
            return UIColor.blue
        }
        return nil
    }

試したこと

ネットで調べてみましたが、表示されている月の日付かを判定する方法の情報は見つかりませんでした。

補足情報（FW/ツールのバージョンなど）

FSCalendar 2.7.9
CalculateCalendarLogic 0.3.0

Answer 1

課題は残りますが、概ね下記のような実装で実現できそうな感じです。

基本的には、各セルに表示される月を求め、それが currentPage の月と異なる場合には色を変えないようにしていますが、スワイプ中はこの方法が正しく反映されません（スワイプが完了しない限りcurrentPageの月が変わらないため）。

なので、表示完了後に呼び出される delegate でカレンダーの再読み込みを行い、正しい色に反映させるようにしてあります。

なので、

• ゆっくりスワイプすると、前後の月の週末色が正しく反映されないが、スワイプを完了すると反映される
• 普通にスワイプする限りはあまり目立たない

といった感じになるかと思います。

    func calendarCurrentPageDidChange(_ calendar: FSCalendar) {
        calendar.reloadData()
    }
    
    // 土日や祝日の日の文字色を変える
    func calendar(_ calendar: FSCalendar, appearance: FSCalendarAppearance, titleDefaultColorFor date: Date) -> UIColor? {
        //  現在表示されているページの月とセルの月が異なる場合には nil を戻す
        if Calendar.current.compare(date, to: calendar.currentPage, toGranularity: .month) != .orderedSame {
            return nil
        }
        
        //祝日判定をする（祝日は赤色で表示する）
        if self.judgeHoliday(date){
            return UIColor.red
        }
        
        //土日の判定を行う（土曜日は青色、日曜日は赤色で表示する）
        let weekday = self.getWeekIdx(date)
        if weekday == 1 {   //日曜日
            return UIColor.red
        }
        else if weekday == 7 {  //土曜日
            return UIColor.blue
        }
        return nil
    }

Comments

[shu17712]

ありがとうございます。無事実装できました。