ios - 为什么主视图没有在自定义交叉溶解转场中与 View Controller 对齐？

Question

我编写了一个自定义的 UIStoryboardSegue 子类来创建两个 UIViewController 之间的淡出/淡入、交叉溶解过渡。

View Controller 的主视图有位于每个 View 中心的按钮(标记为“View Controller 1”和“View Controller 2”，因此我假设当我将一个 View 与另一个 View 交叉融合时——将它们都设置为相同父 View 的 subview 并使它们的框架相同——按钮也将对齐。

class SwapSegue: UIStoryboardSegue {

    override func perform() {
        fade()
    }

    func fade() {
        destination.view.alpha = 0

        source.view.superview?.addSubview(destination.view)
        destination.view.frame = source.view.frame

        UIView.animate(withDuration: 1, delay: 0, options: .curveEaseInOut, animations: {
            self.destination.view.alpha = 1
        }, completion: { success in
            if var controllerStack = self.source.navigationController?.viewControllers {
                controllerStack[controllerStack.firstIndex(of: self.source)!] = self.destination
                self.source.navigationController?.setViewControllers(controllerStack, animated: false)
            } else {
                self.source.present(self.destination, animated: false, completion: nil)
            }
        })

    }
}

这几乎可以工作，但是它在过渡期间没有正确定位目标 View ，所以当 segue 的动画完成时，最后会有一个“弹出”。对齐方式似乎偏离了导航栏的大致高度，所以我怀疑这是一个线索。

(注意:在这个循环 GIF 中，您可以看到“View Controller 1”上的按钮按下，按钮错位的动画交叉淡入淡出，然后是动画完成时最后的“弹出”和目标 View Controller 终于正确放置。)

如何正确定位它，使其按应有的方式对齐并且动画流畅？

Answer 1

我找到了一个解决方案。我不是 100% 确定为什么会这样，所以如果你能解释一下，请在下面的评论中解释。

最初，我通过自动布局将两个按钮置于 View Controller 主视图的中央。

通过向每个 View Controller 的主视图添加一个 subview (让我们称之为“内容 View ”)，固定到它的边缘，并在那个 View 中将每个按钮居中，过渡现在可以按预期工作.