动画过渡到子视图控制器

Question

example booking

我如何为过渡到子视图控制器的动画制作动画，如“预订动画”，您可以在上面看到示例。

我的代码：

private func add(asChildViewController viewController: UIViewController) {

    addChild(viewController)
    mainView.containerView.addSubview(viewController.view)

    viewController.view.frame = mainView.containerView.bounds
    viewController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]

    viewController.didMove(toParent: self)
}

我尝试：

UIView.transition(with: self.view, duration: 0.5, options: .transitionFlipFromRight, animations: {
        viewController.didMove(toParent: self)
    }, completion: nil)

但是我找不到合适的动画

Answer 1

为什么不尝试以下操作：

1. 转换容器视图，使其位于屏幕之外。您可以操纵约束或使用CGAffineTransform，如下所示：

mainView.containerView.transform = CGAffineTransform(translationX: UIScreen.main.bounds.size.width, y: 0)

1. 致电add(asChildViewController: viewController)

2. 将容器移回屏幕。如果您在步骤1中操作了约束，请再次执行。如果您使用CGAffineTransform，只需输入：

mainView.containerView.transform = .identity

要为过渡设置动画时，只需像这样包装它：

UIView.animate(
    withDuration: duration,
    delay: 0,
    options: .curveEaseInOut,
    animations: {
        mainView.containerView.transform = .identity
    }
)

确保不要在彼此之上添加多个子视图控制器。您可以在每次隐藏子视图控制器时将其删除（如果它打算在每次出现时都成为另一个视图控制器），也可以在add(asChildViewController: viewController)中调用一次viewDidLoad，然后仅重复步骤1和每次需要显示和隐藏子视图控制器时都为3。