UI標籤之間的靈活水平間距

Question

我在故事板中使用了所有分辨率支持的自動佈局，但我被困在了一件事情上。我想要使用約束條件在我的標籤之間靈活地調整水平間距。有關更多詳細信息，請參閱屏幕截圖。 這是一個4.7inch但屏幕畫面是正確的，因爲我設計的特別此屏幕

4英寸的屏幕

5.5英寸

iPad屏幕

請幫助管理我的標籤在所有支持的解決方案中均具有自動佈局和約束。

編輯

這是我的看法層次結構，這也是一些視圖控制器的視圖的子視圖。

Answer 1

您有5個視圖包含標籤。我們稱之爲view1到view5，讓我們打電話給他們的超級視圖orangeView。

1. 從佈局orangeView開始。將其領先優勢限制在其超級觀點的領先優勢。將其後沿限制在其超級視圖的後沿。將其高度限制爲50.

2. 以orangeView的子視圖增加5個視圖。按照您希望的方式將它們按視覺佈局排列。

3. 從最左邊的視圖開始，我們將其稱爲view1，將其頂部邊緣限制爲距離其最近鄰居（即orangeView的頂部）的頂部邊緣8個點。將其底邊從orangeView的底部邊緣限制爲8個點。將其左邊緣限制爲距其最近的鄰居8點。對視圖2到4重複此操作，始終將其頂部，左側和底部邊緣約束爲距離最近的鄰居8個點。對於view5，將所有4個邊限制爲距離最近鄰居8個點。

4. 約束view2的寬度等於view1的寬度。限制view3的寬度等於view2的寬度。約束view4的寬度等於view3的寬度。限制view5的寬度等於view4的寬度。這就是讓所有視圖在尺寸上一起增長的原因。

5. 將標籤作爲子視圖添加到每個視圖view1到view5。限制它們的寬度和高度足以容納文本。爲每個標籤添加2個約束，以便在其包含的視圖中垂直和水平居中。