多UIView的自动布局问题

问题描述:

我有四个子视图的UIViewController中它看起来像下面的图片第一子视图是屏幕的50%,其余三个子视图占据view.In剩余的50%的底前25%其将占据2:1的比例范围。剩余占25%的视图。它的位置将正确定位ipad横向视图,但在纵向视图中第一视图占据70%以上。如何解决这个多UIView的自动布局问题

UIVIEW

+0

我看到你提到的5个子视图的子视图4。你可以在纸上画一张照片,看看它的外观。我可以帮助您进行自动布局。 –

+0

@GaneshKamath对不起,错字错误只有4个视图我想在自动布局概念中显示ipad纵向和横向视图 – Ben10

+0

我已经写了解决方案。让我知道你是否想要更清晰。 –

我已经按照你想要的东西创建的安装。请检查下面的截图。

以下是创建此设置的步骤:
1.将四个视图添加到主视图中。
2.添加前导,顶部和从棕色视图到主视图尾随空间的限制。
3.将紫色视图的垂直间距和主要约束添加到棕色视图。
4.添加垂直间距,尾随和从绿色视图到棕色视图相等的高度的限制。
5.将绿色视图的底部空间约束添加到主视图。
6.从紫色视图绿色视图添加水平间距和相等的宽度的限制。
7.添加垂直间距,导致,拖尾和相等的高度从橙色视图到紫色视图约束。在尺寸检查器中将此等高度约束的乘数值从1更改为0.5(请参见上一个屏幕截图)。
8.将底部约束从橙色视图添加到绿色视图。

1.浏览在故事板:
Views in Storyboard

2.视图层次和约束:
View Hierarchy and Constraints

3.捷汉语在人像:
iPad Screenshot in Portrait

4。 iPad的屏幕截图景观:
iPad Screenshot in Landscape

5.尺寸检查:

Size Inspector