使用 TabBar 导航时为 UIViewController 内容设置动画

Question

我正在尝试复制从一个标签栏 VC 导航到另一个标签栏 VC 时 Google Drive（iOS 版本）的动画（见下文）：

我目前在选择标签栏项目时可以访问 fromView 和 toView，因此我可以使用 UIView.animate() 为这两个视图设置动画：

class MyCustomTabBarVC: UITabBarController {


    override func viewDidLoad() {
        super.viewDidLoad()
        delegate = self
    }
}



extension MyCustomTabBarVC: UITabBarControllerDelegate  {
    func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {

        guard let fromView = selectedViewController?.view, let toView = viewController.view else {
          return false
        }


        if fromView != toView {
            fromView.alpha = 1
            toView.alpha = 0.8

            UIView.animate(withDuration: 0.5, delay: 0.0, options: [.curveEaseInOut], animations: {
                fromView.alpha = 0

            }, completion: { (_) in
                UIView.animate(withDuration: 0.5, delay: 0.0, options: [.curveEaseInOut], animations: {
                    toView.alpha = 1
                })
            })

        }

        return true
    }
}

问题是我无法理解在 Google Drive 的情况下使用什么类型的动画（或动画链）。

我在上面代码中使用的动画不会有相同的结果。任何对动画有更好理解的人都可以帮忙吗？ :)

Answer 1

嗯，我想说，首先他们使用更快的动画（更短的持续时间）并且它们同时发生。此外，他们正在为给定视图的 alpha 和 scale 设置动画。

我会使用这样的东西：

...
    // prepare view
    toView.transform = CGAffineTransform(scaleX: 0.7, y: 0.7)
    toView.alpha = 0

    // Animate
    UIView.animate(withDuration: 0.3, delay: 0.0, options: [.curveEaseInOut], 
    animations: {
       fromView.alpha = 0
       fromView.transform = CGAffineTransform(scaleX: 0.7, y: 0.7)

       toView.transform = .identity
       toView.alpha = 1

    }, completion: nil)

好点了吗？

编辑：

正如我们在 cmets 中讨论的另一个解决方案 - 为了获得更好的方法来为子视图设置动画，您可以对这些 viewController 进行类型转换。 不要忘记，如果您嵌入了例如 UINavigationControllers，您必须首先将类型转换为该类！ 我试过了，效果很好：

extension MyCustomTabBarVC: UITabBarControllerDelegate  {

func tabBarController(_ tabBarController: UITabBarController, shouldSelect viewController: UIViewController) -> Bool {

    // Presented View Controller which should fade out
    if let selectedNC = selectedViewController as? UINavigationController {
        if let myFirstVC = selectedNC.viewControllers.first as? MyFirstViewController {
            // animate fade out
        } else if let mySecondVC = selectedNC.viewControllers.first as? MySecondViewController {
            // animate fade out
        }
    }

    // View Controllers which should be selected
    if let navigationController = viewController as? UINavigationController {

        if let firstC = navigationController.viewControllers.first as? MyFirstViewController {
           // animate fade in
        } else if let firstC = navigationController.viewControllers.first as? MySecondViewController {
            // animate fade in
        }
    }

    return true
}

}

如果没有导航控制器，您可以像这样简单地进行类型转换：

...
    if let myFirstVC = selectedViewController as? MyFirstViewController {
      // animate fade out
    }
 ...