動畫過渡到子視圖控制器

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您需要顯示和隱藏子視圖控制器。