iOS - 如何修复 TableView 单元格中的此动画向左然后再次返回

Question

目标是让第一个表格 View 单元格内容向左移动一段时间然后再向后移动。

更大的目标是我们将单元格的内容 View 稍微向左反弹并在红色框中反弹，然后将单元格恢复正常。虽然类似于另一个 SO 问题，但答案并未透露如何执行此操作。另外，这个问题适用于任何想要动画将单元格内容暂时向左移动然后再返回的人。因此，这就是为什么它是一个单独的问题。

环境是 iOS 11+ 和 iPhone 应用。

我创建了一个新的 Table View 项目，它通过变换为 contentView 移动设置动画。然而，它似乎并没有在正常位置远程启动，然后根据需要移动。内容从居中开始，然后移到适当的位置。

如何让 contentView 以动画方式向左移动一点，然后再回到其正常位置？

项目: https://github.com/mikefinney/peekabooswipe

Answer 1

我稍微重写了你的代码。您正在对内容 View 应用转换，文档建议在移动位置时为 center 属性设置动画。

func applyCellAnimations() {

        let originalCenter = contentView.center
        let offsetCenter = originalCenter.applying(.init(translationX: -44, y: 0))

        animateToCenter(offsetCenter) {
            DispatchQueue.main.asyncAfter(deadline: .now() + 1, execute: {
                self.animateToCenter(originalCenter)
            })
        }
    }

    private func animateToCenter(_ center: CGPoint, completionHandler: @escaping () -> Void = { }) {

        layoutIfNeeded()

        UIView.animate(
            withDuration: 1,
            delay: 0,
            options: [.curveEaseInOut],
            animations: {
                self.contentView.center = center
        }, completion: { didComplete in
            if didComplete { completionHandler() }
        })
    }