iOS-Swift-制作简易日历并获取点击日期

2019-01-16  本文已影响0人  Janise001

在网上逛帖的时候看到有网友制作的日历非常漂亮,下载后发现基本都是OC的,逻辑基本了解之后闲下来用Swift实现了一个简单的,没有使用编程框架,主要是对指定的日期信息获取和展示。

上效果: 效果.gif
日期的排列是使用collectionview自动排列,星期view是另写的简单UIView,顶部的时间label默认是当前日期所在的月份,左右是“上一月”、“下一月”的点击按钮,视图层如下:
视图层.png

日历的制作思路如下:
ViewController部分:
1.默认获取当前日期信息,将日期信息发送给CalendarView处理
2.上一月份、下一月份对应当前日期的获取,如2019.01.16对应的分别是2018.12.16、2019.02.16,我使用的是Calendar和DateComponents获取日期信息,这样可以避免处理闰年与非闰年、闰月与非闰月带来的问题,获取到对应的日期后将对应的date传给CalendarView处理
CalendarView部分:
1.获取传送的date后通过方法获取date所在月份的天数(此处算法上有闰月、非闰月、大月、小月的区别,如直接信息获取,则不必考虑,使用date所在月下一月的第一天与date所在月的第一天差值获取,使用如下语法获取)

calendar.dateComponents...

func dateComponents(_ components: Set<Calendar.Component>, from start: Date, to end: Date) -> DateComponents

2.获取date所在月的第一天是星期几,此处有坑,获取到的星期几与实际要大一,网上查到的信息大都是猜测是时区差值的原因, 确定原因我不敢肯定。
3.刷新UICollectionView数据,我的星期周期是从”星期日“开始排列的,而实际月份不可能永远那么巧都从”星期日“开始排列,所以,在UICollectionView中要处理第一个星期中1号之前空出来的部分cell以及月末后面空出的cell。
4.使用闭包返回点击的cell中日期的label,由ViewController处理展示(多次点击同一个月份中不同的日期后点击“上一月”或者“下一月”,展示点击的背景数量,位置不断变化,我还在找原因)
下面是我认为比较关键的代码
获取上个月的同一日期

    @objc func getLastMonth() {
        let calendar = Calendar.init(identifier: .gregorian)
        var comLast = DateComponents()
        comLast.setValue(-1, for: .month)
        self.yearOMonth = calendar.date(byAdding: comLast, to: self.yearOMonth)!
    }

获取下个月的同一日期

@objc func getNextMonth() {
        let calendar = Calendar.init(identifier: .gregorian)
        var comLast = DateComponents()
        comLast.setValue(+1, for: .month)
        self.yearOMonth = calendar.date(byAdding: comLast, to: self.yearOMonth)!
    }

获取指定月份的天数

    func calculateDaysInDateMonth(_ date: Date) -> Int {
        let calendar = Calendar(identifier: .gregorian)
        //指定日期转换
        let specifiedDateCom = calendar.dateComponents([.year,.month,.day], from: date)
        //指定日期所在月的第一天
        var startCom = DateComponents()
        startCom.day = 1
        startCom.month = specifiedDateCom.month
        startCom.year = specifiedDateCom.year
        let startDate = calendar.date(from: startCom)
        //指定日期所在月的下一个月第一天
        var endCom = DateComponents()
        endCom.day = 1
        endCom.month = specifiedDateCom.month == 12 ? 1 : specifiedDateCom.month! + 1
        endCom.year = specifiedDateCom.month == 12 ? specifiedDateCom.year! + 1 : specifiedDateCom.year
        let endDate = calendar.date(from: endCom)
        //计算指定日期所在月的总天数
        let days = calendar.dateComponents([.day], from: startDate!, to: endDate!)
        let count = days.day ?? 0
        return count
    }

获取指定日期所在月份的第一天是星期几

    func getFirstDayInDateMonth(_ date: Date) -> Int {
        let calendar = Calendar(identifier: .gregorian)
        var specifiedDateCom = calendar.dateComponents([.year,.month], from: date)
        specifiedDateCom.setValue(1, for: .day)
        let startOfMonth = calendar.date(from: specifiedDateCom)
        let weekDayCom = calendar.component(.weekday, from: startOfMonth!)
        return weekDayCom
    }

UICollectionView中设置cell数据(排除1号之前和月末之后的日期cell)

if indexPath.row >= self.weekday && indexPath.row < self.weekday + self.days  {
            cell.dateLabel.text = "\(tempDay)"
            tempDay += 1
        }else {
            cell.dateLabel.text = ""
        }

在代码编图的时候为了cell文字和星期View中的label一一对齐的时候发现很难实现cell之间的空隙设置,最后摸索出来的结果是初始化的collectionViewLayout使用UICollectionViewFlowLayout()设置,变更UICollectionViewFlowLayout()常量的属性赋值,设置minimumInteritemSpacing(水平方向最小间隙为0),minimumLineSpacing(垂直方向最小间隙为5),itemSize设置cell的宽高,一翻倒腾效果还凑合。

.png
完整demo已传至https://github.com/Janise001/CalendarDemo
demo中的CalendarView可单独拿出使用,传date日期参数即可。demo在点击方面还有不足,待改。
上一篇 下一篇

猜你喜欢

热点阅读