插入 table 个大单元格动画

Question

有人可以帮我制作动画吗？我的最终目标是显示单元格的详细信息，我尝试过：固定高度，用另一个单元格替换单元格，然后 将新单元格插入触摸的单元格下方 。所有解决方案都存在与动画类似的问题。细节单元格比其他单元格大，当动画开始时，可以在其他单元格下方看到新单元格。

示例项目中的问题只发生在最后两个单元格。最后一个的结果动画有点不同，但即使是自动的，结果也是一样的。

final class ViewController: UIViewController {

    @IBOutlet weak var tableView: UITableView! {
        didSet {
            tableView.delegate = self
            tableView.dataSource = self
            tableView.tableFooterView = UIView(frame: CGRect.zero)
        }
    }

    private var array = [Bool]()
    private var lastIndexPath: IndexPath?

    override func viewDidLoad() {
        super.viewDidLoad()

        for _ in 0 ..< 10 {
            array.append(false)
        }
    }

    private func showHideBig(indexPath: IndexPath)
    {
        let oldIndex = self.lastIndexPath?.row ?? -1
        let needInsert = oldIndex != indexPath.row
        let newBigIndexPath = IndexPath(row: indexPath.row + 1, section: indexPath.section)

        self.tableView.beginUpdates()

        if let indexPath = self.lastIndexPath {
            let row = indexPath.row + 1
            self.lastIndexPath = nil

            if array[row] {
                array.remove(at: row)
                self.tableView.deleteRows(at: [IndexPath(item: row, section: indexPath.section)], with: .top)
            }
        }

        if needInsert {
            array.insert(true, at: newBigIndexPath.row)
            self.tableView.insertRows(at: [newBigIndexPath], with: .top)
            self.lastIndexPath = indexPath
        }

        self.tableView.endUpdates()
    }
}

extension ViewController: UITableViewDelegate, UITableViewDataSource
{
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.array.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let value = self.array[indexPath.row]
        let idetifier = !value ? "normal" : "big"
        let cell = tableView.dequeueReusableCell(withIdentifier: idetifier, for: indexPath)

        return cell
    }

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.deselectRow(at: indexPath, animated: true)

        if !array[indexPath.row] {
            showHideBig(indexPath: indexPath)
        }
    }
}

动画开始：https://i.stack.imgur.com/PcQty.png

最终结果：https://i.stack.imgur.com/uSljt.png

我创建了一个示例项目（插入新单元格）：https://github.com/elanovasconcelos/TestTableAnimation

Answer 1

我的主要问题是 table 需要一个页脚以使动画看起来正确。我加了一个比big cell大的，之后动画就ok了

插入 table 个大单元格动画

Insert table cell animation with big cells

uitableview

ios

swift

ios-animations