嵌入本质大小的视图中断动画

Question

我已经建立了一个测试项目来展示目标是什么以及我目前发生了什么。左边的gif显示了我想要的结局外观。它由单个传统视图层次结构构成。我需要使用粉红色视图an embedded/contained view来实现此目的。到目前为止，我的尝试只让我到了右边的GIF。

（粉红色）包含视图增长的方式可能是一个重要的细节：蓝色子视图改变它的高度，并且由于所有连接的垂直约束，整个设备获得新的内在大小。正如您所料，这是我的实际应用程序的简化，但我认为它具有所有重要的功能。

我看到的主要内容很奇怪：

1. 黄色/橙色“其他”视图根本没有动画效果。
2. 粉红色包含的视图可以很好地为它自己的部分制作动画，但它会动画它的位置，即使它的帧在动画之前和之后具有相同的原点，如下所示：

这是右边的GIF的故事板。 “父”场景中的容器视图和“子”场景中的顶视图都将translatesAutoresizingMaskIntoConstraints设置为false，并带有运行时属性。



接下来的问题：**当我在一个内在大小和包含的视图中进行大小更改时，我必须更改我的配置以使所有受影响的布局更改动画（正确）？ **

编辑：尝试手动嵌入 自从发布问题以来，我尝试了一种手动的View Controller Containment策略，我得到了与Storyboard技术完全相同的结果，这最终是该平台的一个好兆头。总体层次结构中的视图减少了1个，但似乎没有什么区别。

编辑：赏金和项目 我已经添加了100点赏金来吸引注意力。我还将我的示例项目上传到this github repo。看看吧！

Answer 1

如下所示更改InnerViewController中的动画块就可以了。

var isCollapsed = false {
    didSet {
        let factor:CGFloat = isCollapsed ? 1.5 : 0.66
        let existing = innerViewHeightConstraint.constant
        UIView.animate(withDuration: 1.0) {
            self.innerViewHeightConstraint.constant = existing * factor
            self.view.layoutIfNeeded()
            self.parent?.view.layoutIfNeeded()
        }
    }
}

关键区别是self.parent?.view.layoutIfNeeded()，它告诉嵌入视图控制器更新约束作为动画的一部分，而不是在动画开始之前。