ios – XCode：如何在横向和纵向模式之间更改视图布局

发布时间：2020-12-15 01:50:10 所属栏目：百科来源：网络整理

导读：在纵向模式下,我从视图控制器的顶部到底部有四个视图(参见图像). 然后,当设备转换为横向时,我想要改变视图相对于彼此的位置(见图2). 我希望视图4与视图2和3一起移动,并且它们都位于视图1下方. 一些布局条件：视图1以横向和纵向方式附加到视图控制器的顶部.

在纵向模式下,我从视图控制器的顶部到底部有四个视图(参见图像).

portrait view

然后,当设备转换为横向时,我想要改变视图相对于彼此的位置(见图2).

landscape view

我希望视图4与视图2和3一起移动,并且它们都位于视图1下方.

一些布局条件：

>视图1以横向和纵向方式附加到视图控制器的顶部.
>视图4以纵向模式连接到视图控制器的左,右和下边距.
>观点2,3和& 4在纵向视图中水平居中.

实现不同布局的最佳方法是什么？

最优雅的解决方案是在视图控制器代码中引用约束并在viewWillTransition中激活和停用它们吗？或者是否有一种方法可以使用各种特性实现这一点(我可以想象水平居中的视图2,3和4会使这很难实现,以及在横向模式下为视图4添加新的约束)？

我们过去常常设置不同的约束集,并根据方向变化激活/停用它们.但是现在可以使用大小类和“因性状而异”.

例如,我从一个简单的视图开始,选择一个紧凑的宽度大小类,然后选择“Vary for traits”：

enter image description here

然后我添加适当的约束并单击“完成变化”：

enter image description here

然后我选择“常规宽度大小类”并重复该过程(“变化为特征”,添加约束,单击“完成变化”：

enter image description here

然后,您最终会得到一个场景,该场景将对紧凑宽度大小类和常规宽度大小类具有完全不同的约束集.即当我运行应用程序时,如果设备旋转,则会激活新约束：

enter image description here

有关更多信息,请参阅有关自适应布局的WWDC 2016视频：

> https://developer.apple.com/videos/play/wwdc2016/222
> https://developer.apple.com/videos/play/wwdc2016/233

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!