3

我是 iOS 中大小类和自动布局的新手。我正在通过一个小型应用程序进行相同的练习。以下是我试图通过自动布局和尺寸等级实现的目标。下面分别是 iPad 纵向和 iPad 横向的具体截图。

iPad人像界面 iPad横屏界面

iPad Portrait :: 这里有 3 个子视图,即灰色视图、绿色视图、粉红色视图。

灰色视图-超级视图的3/4高度,超级视图的2/3宽度绿色视图-超级视图的3/4高度,超级视图的1/3宽度粉红色视图-超级视图的1/4高度,宽度相同超级视图

iPad 横向:: 与 iPad 纵向相同的 3 个子视图,但位置略有不同。

灰色视图-与超级视图相同的高度,超级视图的 2/4 宽度 绿色视图-与超级视图相同的高度,超级视图的 1/4 宽度 粉红色视图-与超级视图相同的高度,超级视图的 1/4 宽度

只要有两个子视图,我就可以使用自动布局进行管理。但是,我无法实现上述目标。另外,我想在 iPad 纵向和横向上有不同的布局设计。

4

1 回答 1

-2

还可以查看新的自适应界面构建器:WWDC2014 https://developer.apple.com/videos/wwdc/2014/中的“界面构建器中的新功能”,并查看为不同的屏幕尺寸设计不同的 UI - 大、小、默认.

编辑:让我们从在 ViewController 中创建单个 uiView 开始: uiview in uiviewcontroller

之后选择您的 UIView 并单击右下角的约束编辑器(类似“领带战斗机”的图标)。 编辑约束

选择上下约束为0(取消勾选“constrain to margins”):constrains

Control+从你的视图拖到背景视图并选择相等的宽度:相等的宽度

选择您的视图,然后在面板的右侧选择尺寸检查器。你有所有约束的列表。选择 Equal width to:Superview 并单击编辑。选择乘数,例如 1/2:比例约束

添加额外的两个视图并使用约束:将空间添加到最近的邻居和其他人以获得您想要的东西。

重要步骤:单击界面构建器底部的 w any h any 并选择常规宽度|任意高度。[ w any h any 首先您创建了一般约束。现在,您将为所谓的 size-class(代表屏幕大小的类,具体取决于设备的型号和方向)创建更具体的约束。您可以像我之前的描述一样创建不同的约束集。

祝你好运。

于 2015-05-11T12:49:17.617 回答