迅速：移动动画

Question

我在情节提要中有viewController。和4个正方形。我想将我的正方形放在视图上。首先，我想显示两个正方形。如果按下按钮，我想让我的红色2方块向左移动，然后显示接下来的2个蓝色方块。喜欢这个动画。

是否需要创建scrollView或collectionView或something else来移动方块？最好的创建方式是什么？

Answer 1

使用UiVew.animate和CGAffineTransform

设置

创建一个将包含正方形的UIView。 确保UIView启用了限幅剪辑。然后，添加四个正方形，蓝色正方形嵌套在UIView内，但它们的坐标位于容器外部，以便被剪切。

然后，当您要移动它们时，只需将所有正方形x向左平移即可。通过将此动作放在UIView.animate块中，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