在网上逛帖的时候看到有网友制作的日历非常漂亮,下载后发现基本都是OC的,逻辑基本了解之后闲下来用Swift实现了一个简单的,没有使用编程框架,主要是对指定的日期信息获取和展示。
日期的排列是使用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的宽高,一翻倒腾效果还凑合。
完整demo已传至https://github.com/Janise001/CalendarDemo
demo中的CalendarView可单独拿出使用,传date日期参数即可。demo在点击方面还有不足,待改。
网友评论