动画过渡到子视图控制器

Question

示例预订

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

我的代码：

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)

2. 调用add(asChildViewController: viewController)

3. 将容器移回屏幕。 如果您在步骤 1 中操作了约束，请再做一次。 如果您使用CGAffineTransform ，只需编写：

mainView.containerView.transform = .identity

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

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

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