单击时如何更改单个单元格的高度？

Question

单击时，我必须调整 tableView 的单行大小。我怎么能做到这一点？有人可以帮帮我吗？

我的视图控制器类：

class DayViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

    @IBOutlet var daysWorkPointTable: UITableView

    override func viewDidLoad() {
        super.viewDidLoad()

        var nipName = UINib(nibName: "daysWorkPointsCell", bundle: nil)

        self.daysWorkPointTable.registerNib(nipName, forCellReuseIdentifier: "daysWorkCell")
    }

    func tableView(tableView: UITableView!, numberOfRowsInSection section: Int) -> Int {
        return 1
    }

    func tableView(tableView:UITableView!, heightForRowAtIndexPath indexPath:NSIndexPath) -> CGFloat {
        return 75
    }

    func tableView(tableView: UITableView!, cellForRowAtIndexPath indexPath: NSIndexPath!) -> UITableViewCell! {
        var cell = tableView.dequeueReusableCellWithIdentifier("daysWorkCell", forIndexPath: indexPath) as daysWorkPointsCell

        return cell
    }

    func tableView(tableView: UITableView!, didSelectRowAtIndexPath indexPath: NSIndexPath!) {

    }
}

Answer 1

首先，您必须在属性中跟踪当前选定单元格的 indexPath：

var selectedCellIndexPath: NSIndexPath?

它应该是可选的，因为您不能选择任何单元格。 接下来让我们声明选中和未选中状态的高度（将值更改为您想要的任何值）：

let selectedCellHeight: CGFloat = 88.0
let unselectedCellHeight: CGFloat = 44.0

现在你必须实现tableView(_:, heightForRowAtIndexPath:)：

override func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    if selectedCellIndexPath == indexPath {
        return selectedCellHeight
    }
    return unselectedCellHeight
}

现在在您的tableView(_:, didSelectRowAtIndexPath:) 方法中，您必须检查是否已点击了选定行或未选定行：

override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
    if selectedCellIndexPath != nil && selectedCellIndexPath == indexPath {
        selectedCellIndexPath = nil
    } else {
        selectedCellIndexPath = indexPath
    }

    tableView.beginUpdates()
    tableView.endUpdates()

    if selectedCellIndexPath != nil {
        // This ensures, that the cell is fully visible once expanded
        tableView.scrollToRowAtIndexPath(indexPath, atScrollPosition: .None, animated: true)
    }
}

beginUpdates() 和 endUpdates() 调用为您提供动画高度变化。

如果您想更改高度变化动画的持续时间，您可以将 beginUpdates() 和 endUpdates() 调用包装在动画块 UIView.animationWithDuration(...) 中，并将其设置为您想要的任何值。

您可以查看this sample project，它演示了此代码的实际作用。