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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,928评论 6 509
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,748评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 166,282评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,065评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,101评论 6 395
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,855评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,521评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,414评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,931评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,053评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,191评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,873评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,529评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,074评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,188评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,491评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,173评论 2 357