Swift TableView小时日历：行分隔线添加标签及事件实现咨询

作为刚学Swift的新手，咱们一步步拆解你的问题，尽量用简单易懂的方案：

一、让小时标签与行分隔线对齐（不放在单元格内） #

系统没有自带的属性可以直接给TableView的分隔线添加标签，所以得自己实现，推荐两个新手友好的方案：

方案1：侧边辅助视图（最容易上手） #

把小时标签放在一个独立的UIView里，和TableView并排摆放，让每个标签的位置刚好对齐TableView的行分隔线：

• 在Storyboard里，给ViewController添加一个UIView（比如叫timeLabelContainer），放在TableView的左侧，宽度固定（比如60pt）。
• 循环创建1-24的UILabel，把它们添加到timeLabelContainer里，用AutoLayout约束每个label的顶部对齐对应TableView行的顶部。比如第9点的标签，顶部约束和TableView第9行的顶部对齐（如果TableView每行高度固定，比如60pt，那第n个标签的top就是(n-1)*60）。
• 滚动TableView的时候，记得让timeLabelContainer跟着一起滚动，或者把它放在UIScrollView里和TableView联动滚动。

方案2：自定义TableView的Section Header #

如果想把标签和TableView绑定得更紧，可以把每个小时作为一个Section，然后在Section Header里放小时标签，调整Header的布局让标签显示在TableView的左侧（超出TableView的 bounds）：

• 实现tableView(_:heightForHeaderInSection:)返回一个很小的高度（比如1pt），然后在tableView(_:viewForHeaderInSection:)里创建一个带UILabel的UIView，把label的frame设到TableView的外部区域。
• 这个方案需要处理TableView的contentOffset变化，确保标签位置始终对齐，比方案1稍复杂，新手可以先试试方案1。

二、彩色日历事件的最优实现方式 #

优先推荐用UIView作为彩色块，而不是直接画CGRect，或者单独的xib，具体看你的需求：

简单场景（单事件、不跨多行）：直接在原型单元格里加UIView #

• 在Storyboard的TableView原型单元格里拖一个UIView，设置它的backgroundColor为你需要的事件颜色。
• 用AutoLayout约束这个UIView的位置：比如左边距单元格左边一定距离（比如80pt，避开侧边的时间标签），高度等于单元格高度（对应1小时的事件），宽度根据需求设置。
• 当事件时长超过1小时，调整UIView的高度等于行数*单元格高度，同时把单元格的行高设为对应的值（需要实现tableView(_:heightForRowAt:)动态返回行高）。

复杂场景（多事件并排、跨多行）：自定义单元格子类或用UICollectionView #

• 如果要做苹果日历那样多个事件并排的效果，TableView就不太够用了，推荐用UICollectionView，自定义FlowLayout来处理事件的位置和重叠。
• 要是事件样式比较复杂（比如有标题、时间），可以创建一个独立的xib文件来做事件单元格，方便复用和管理；如果只是简单的彩色块，直接在原型单元格里加UIView就行，不用额外的xib。

关于直接画CGRect #

这种方式需要在单元格的draw(_ rect:)方法里用Core Graphics绘制，适合非常定制化的样式，但新手不太好控制布局和更新，所以优先用UIView的方式更直观。

新手小贴士 #

1. 先从静态的小时视图开始，把侧边标签和基本的事件块做出来，再慢慢添加滚动、动态行高这些功能。
2. 用AutoLayout的时候，尽量避免硬编码frame，这样适配不同屏幕尺寸更方便。
3. 如果遇到滚动时标签错位的问题，可以监听TableView的scrollViewDidScroll方法，实时调整侧边标签的位置。

内容的提问来源于stack exchange，提问作者user3628240