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

2024年1月27日 231次阅读

我已经建立了一个测试项目,以显示目标与我目前发生的情况.左边的gif显示了我想要的结局外观.它由单个传统视图层次结构构成.我需要以粉红色视图为
an embedded/contained view来实现这一点.到目前为止,我的尝试只让我到了右边的gif.

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

《ios – 嵌入本质大小的视图中断动画》
《ios – 嵌入本质大小的视图中断动画》

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

>黄色/橙色“其他”视图根本没有动画效果.
>粉红色包含的视图可以很好地为它自己的部分制作动画,但它会动画它的位置,即使它的帧在动画之前和之后具有相同的原点,如下所示：
《ios – 嵌入本质大小的视图中断动画》

这是正确的GIF的故事板. “父”场景中的容器视图和“子”场景中的顶视图都将使用运行时属性设置为false的AutoresizingMaskIntoConstraints进行了转换.

《ios – 嵌入本质大小的视图中断动画》

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

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

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

最佳答案 在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(),它告诉嵌入视图控制器更新约束作为动画的一部分,而不是在动画开始之前.

点赞