iOS项目中TableView添加固定DatePicker单元格的实现求助

没问题，我来帮你搞定这个两种单元格的需求！咱们只需要对现有代码做几个关键修改，就能实现第一个固定行放DatePicker，剩下的行显示动物列表的效果。下面是具体的步骤和完整代码：

1. 准备工作：添加第二个单元格标识符 #

首先你需要在Storyboard/XIB里给DatePicker对应的单元格设置一个新的复用标识符（比如datePickerCell），和你原来的cell区分开。如果是纯代码创建单元格，记得在viewDidLoad里注册两个单元格类：

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
    tableView.register(UITableViewCell.self, forCellReuseIdentifier: "datePickerCell")
}

2. 调整TableView的行数 #

因为要多一个固定的DatePicker行，所以行数要在动物数组的基础上加1：

let animals: [String] = ["Horse", "Cow", "Camel", "Sheep", "Goat"]

override func numberOfSections(in tableView: UITableView) -> Int {
    return 1
}

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    // 加1是为了容纳固定的DatePicker行
    return animals.count + 1
}

3. 区分两种单元格的创建逻辑 #

在cellForRowAt方法里，根据行号判断是创建DatePicker单元格还是动物列表单元格，注意动物数组的索引要减1（因为第一个行是DatePicker）：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if indexPath.row == 0 {
        // 处理DatePicker单元格
        let dateCell = tableView.dequeueReusableCell(withIdentifier: "datePickerCell", for: indexPath)
        // 确保单元格复用时不会重复添加DatePicker
        if dateCell.contentView.subviews.first(where: { $0 is UIDatePicker }) == nil {
            let datePicker = UIDatePicker()
            datePicker.translatesAutoresizingMaskIntoConstraints = false
            datePicker.preferredDatePickerStyle = .wheels // 可选：设置DatePicker的显示样式
            dateCell.contentView.addSubview(datePicker)
            
            // 添加约束让DatePicker填满整个单元格
            NSLayoutConstraint.activate([
                datePicker.topAnchor.constraint(equalTo: dateCell.contentView.topAnchor),
                datePicker.bottomAnchor.constraint(equalTo: dateCell.contentView.bottomAnchor),
                datePicker.leadingAnchor.constraint(equalTo: dateCell.contentView.leadingAnchor),
                datePicker.trailingAnchor.constraint(equalTo: dateCell.contentView.trailingAnchor)
            ])
            
            // 可选：监听日期变化事件
            datePicker.addTarget(self, action: #selector(datePickerValueChanged(_:)), for: .valueChanged)
        }
        return dateCell
    } else {
        // 处理动物列表单元格
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
        let animalIndex = indexPath.row - 1
        cell.textLabel?.text = animals[animalIndex]
        return cell
    }
}

4. 可选：设置不同的行高 #

DatePicker默认高度比普通单元格高，给它设置专属行高能让界面更美观：

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    if indexPath.row == 0 {
        return 216 // DatePicker的默认高度
    }
    return UITableView.automaticDimension // 普通单元格用自动高度
}

5. 可选：处理日期变化事件 #

如果需要获取用户选择的日期，添加对应的处理方法：

@objc private func datePickerValueChanged(_ sender: UIDatePicker) {
    let selectedDate = sender.date
    // 这里可以添加你的业务逻辑，比如保存日期、更新UI等
    print("用户选择的日期：\(selectedDate)")
}

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