插入带有大单元格的表格单元格动画

Posted 2023-03-15

【中文标题】插入带有大单元格的表格单元格动画

【英文标题】：Insert table cell animation with big cells

【发布时间】：2017-10-11 15:57:26

【问题描述】：

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

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

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

【参考方案1】：

我的主要问题是表格需要一个页脚才能使动画看起来正确。我加了一个比大单元格大的，然后动画就可以了。