iOS自動布局：如何在Xcode故事板中為iPad版和iPad肖像設計不同的布局？

Question

我是iOS中大小類和自動布局的新手。 我通過一個小應用程序練習同樣的東西。 下面是我試圖通過自動布局和大小類實現的。 以下是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縱向和橫向上有不同的布局設計。

Answer 1

另請參閱新的自適應界面構建器：WWDC2014中的“界面構建器中的新功能” https://developer.apple.com/videos/wwdc/2014/，並查看針對不同屏幕尺寸設計不同的UI - 大，小，默認。

編輯：讓我們從在ViewController中創建單個uiView開始： uiviewcontroller中的uiview

之后選擇你的UIView並點擊右下角的約束編輯器（像圖標一樣的“戰斗機”）。 編輯約束

選擇上限和左約束為0（取消“約束到邊距”）： 約束

控制+從視圖拖動到背景視圖並選擇相等的寬度： 相等的寬度

選擇視圖，然后在面板的右側選擇“大小”檢查器。 你有所有約束的列表。 選擇Equal width to：Superview，然后單擊編輯。 選擇乘數，例如1/2： 比例約束 。

添加另外兩個視圖並使用約束：將空間添加到最近鄰居和其他人以獲得您想要的內容。

重要的一步：單擊界面構建器底部的任意一個，然后選擇常規寬度|任何高度。[ w any any first]首先創建一般約束。 現在，您將為所謂的size-class創建更具體的約束（類根據設備的型號和方向表示屏幕的大小）。 您可以創建不同的約束集，就像我之前的描述一樣。

祝你好運。