UITableViewCell 中带有约束的动画启动不正确

Question

我遇到了一个问题，我通过调整自动布局约束来为表格单元格中简单 UIView 的大小设置动画。

当我第一次启动表时，一切都坏了。

如果我重新加载表格，它会很好地工作。

它是一个只有几行代码的单一视图控制器。请下载此demo project 以查看它的实际应用。

这是我在整个 UIViewController 中的代码：

import UIKit

class TableCell: UITableViewCell {
    @IBOutlet weak var constraintRedBarWidth: NSLayoutConstraint!
    @IBOutlet weak var labelTitle: UILabel!
    @IBOutlet weak var viewBarArea: UIView!
    @IBOutlet weak var viewRedBar: UIView!
}

class ViewController: UIViewController {
    @IBOutlet weak var tableView: UITableView!
    var tableData : [CGFloat] = [1, 0.90, 0.70, 0.80,0.50] //percentages

    override func viewDidLoad() {
        super.viewDidLoad()
    }

    @IBAction func btnReloadTable(sender: AnyObject) {
        tableView.reloadData()
    }

}

extension ViewController: UITableViewDelegate, UITableViewDataSource {

    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return tableData.count
    }

    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCellWithIdentifier("TableCell") as! TableCell
        cell.labelTitle.text = "Item \(indexPath.row + 1)"
        cell.constraintRedBarWidth.constant = 1
        cell.layoutIfNeeded()
        cell.constraintRedBarWidth.constant = cell.viewBarArea.frame.width * tableData[indexPath.row]
        UIView.animateWithDuration(0.5, animations: {
            cell.layoutIfNeeded()
        })
        return cell
    }

}

viewBarArea 只是红色视图的父视图，简单地表示栏的可能最大尺寸。

Answer 1

使用这一行 cellForRowAtIndexPath 就是这样

let cell = tableView.dequeueReusableCellWithIdentifier("TableCell", forIndexPath: indexPath) as! TableCell