如何实现日历TableView单元格点击变红及多选功能

嘿，这个多选日历单元格的需求我之前做项目的时候刚好实现过，给你梳理一套清晰的步骤，保证能搞定：

1. 先搞定选中状态的存储 #

要支持多选，我们得有个地方记录哪些日期被选中了，用Set来存最合适，因为它能自动去重，判断是否存在也很高效。在你的ViewController里加个属性：

// 假设用Date对象代表每一天，存所有选中的日期
private var selectedDates = Set<Date>()

2. 自定义TableViewCell来控制UI #

直接用系统的UITableViewCell容易在复用时出样式混乱的问题，自定义一个CalendarCell更稳妥：

class CalendarCell: UITableViewCell {
    // 绑定当前单元格对应的日期
    var date: Date?
    
    // 专门写个方法更新选中状态的UI
    func updateSelectionStyle(isSelected: Bool) {
        // 选中时背景设为红色，未选中用你想要的默认背景色
        contentView.backgroundColor = isSelected ? .red : .systemBackground
        // 还可以顺便调整文字颜色，比如选中时变白
        textLabel?.textColor = isSelected ? .white : .label
    }
}

3. 处理单元格的点击事件 #

在TableView的代理方法里处理点击逻辑，更新选中集合，然后刷新单元格的UI：

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // 先拿到当前行对应的日期（假设你有个datesArray数据源存所有日期）
    let targetDate = datesArray[indexPath.row]
    
    // 切换选中状态：已选中就移除，未选中就添加
    if selectedDates.contains(targetDate) {
        selectedDates.remove(targetDate)
    } else {
        selectedDates.insert(targetDate)
    }
    
    // 更新当前单元格的UI
    if let cell = tableView.cellForRow(at: indexPath) as? CalendarCell {
        cell.updateSelectionStyle(isSelected: selectedDates.contains(targetDate))
    }
    
    // 取消系统默认的选中高亮，避免残留样式
    tableView.deselectRow(at: indexPath, animated: true)
}

4. 单元格复用时恢复正确状态 #

一定要在cellForRowAt里根据选中集合设置单元格状态，不然滚动时复用的单元格会显示错误的样式：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "CalendarCell", for: indexPath) as! CalendarCell
    let currentDate = datesArray[indexPath.row]
    
    cell.date = currentDate
    // 根据是否选中设置UI
    cell.updateSelectionStyle(isSelected: selectedDates.contains(currentDate))
    // 设置日期显示，比如只显示天数
    cell.textLabel?.text = "\(Calendar.current.component(.day, from: currentDate))"
    
    return cell
}

关键小细节：日期的相等判断 #

如果你的Date对象包含时分秒，直接用==判断会认为同一天的不同时间是不同的日期，所以给Date加个扩展，让它按年月日来判断相等：

extension Date {
    /// 判断两个日期是否为同一天
    func isSameDay(as other: Date) -> Bool {
        let calendar = Calendar.current
        return calendar.isDate(self, inSameDayAs: other)
    }
    
    // 重写hash和==方法，让Set能正确识别同一天的日期
    override func hash(into hasher: inout Hasher) {
        let calendar = Calendar.current
        hasher.combine(calendar.component(.year, from: self))
        hasher.combine(calendar.component(.month, from: self))
        hasher.combine(calendar.component(.day, from: self))
    }
    
    static func == (lhs: Date, rhs: Date) -> Bool {
        lhs.isSameDay(as: rhs)
    }
}

这样整个多选逻辑就完整啦，点击单元格就能切换红色背景，而且支持选中多个~

内容的提问来源于stack exchange，提问作者Michael Salinas Rios