ios - swift:移动动画

Question

我在 Storyboard中有viewController。还有4个正方形。我想将我的方 block 放在 View 中。首先我想显示两个正方形。如果我按下按钮，我希望我的红色 2 个方 block 向左移动，然后显示接下来的 2 个蓝色方 block 。就像这部动画。

我需要创建一个scrollView或collectionView或其他东西来移动方 block 吗？创建这个的最佳方法是什么？

Answer 1

使用 UiVew.animate 和 CGAffineTransform

设置

创建一个包含您的方 block 的 UIView。 确保 UIView 已启用剪辑到边界。然后，添加四个正方形，其中蓝色的正方形嵌套在 UIView 内，但它们的坐标位于容器外部，以便它们被剪裁。

然后，当您想要移动它们时，只需将所有方 block x 向左平移即可。通过将此移动放入 UIView.animate block 内，iOS 将为您执行动画。

UIView.animate(withDuration: 2.0) {
    self.redTopView.transform = CGAffineTransform(translationX: -160, y: 0)
    self.redBottomView.transform = CGAffineTransform(translationX: -160, y: 0)
    self.blueTopView.transform = CGAffineTransform(translationX: -160, y: 0)
    self.blueBottomView.transform = CGAffineTransform(translationX: -160, y: 0)
}

最终结果:http://g.recordit.co/SToMSZ77wu.gif