美文网首页
iOS-Swift-制作简易日历并获取点击日期

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

作者: Janise001 | 来源:发表于2019-01-16 17:05 被阅读0次

    在网上逛帖的时候看到有网友制作的日历非常漂亮,下载后发现基本都是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在点击方面还有不足,待改。

    相关文章

      网友评论

          本文标题:iOS-Swift-制作简易日历并获取点击日期

          本文链接:https://www.haomeiwen.com/subject/ewpmdqtx.html