在iOS版Storyboard中格式化4個ImageView

Question

我是iOS開發的新手，我正在嘗試使其中的一個視圖具有以下內容： 中心的4個imageViews像2行*除iOS以外， 所有設備 （除iOS之外） 2行 ，並且一行顯示文字最佳。 （4張圖像，每行2張圖像，兩行）。

我要撕掉頭發，試圖使4個盒子正確定位。 我一直在看幾個示例，但是它們總是最終至少相差一點或者彼此完全重疊。

有人可以解釋最簡單/最佳實踐的方式來放置4個imageViews（每行2個），以使它們不會重疊並在所有布局中保持相同的縱橫比（大小可以更改，只要圖像的縱橫比可以改變）保持原樣）？ 這種對齊約束條件似乎比我熟悉的Android布局復雜得多。 但這也許比我想象的要簡單嗎？

幫助將不勝感激！

Answer 1

我建議使用UIStackView來完成此任務。

第1步：拖出2周UIImageViews到你的故事板。

步驟2：將它們並排排列，以使藍色准線穿過它們的垂直中心

步驟3：單擊每個圖像，然后單擊情節提要窗口底部的StackView按鈕。 確保生成的堆棧是水平堆棧。

步驟4：突出顯示堆棧，然后轉到屬性檢查器。 組對准填充 ，分配： 同樣 ，間距為任何你想要的8。

步驟5-8 =對圖像的底行重復1-4。

第9步：突出顯示2個UIStackViews ，將它們放入VERTICAL堆棧中。 對屬性檢查器進行相同處理-對齊填充 ， 平均分配 ，間距為8或任何您想要的。

步驟10：突出顯示UIStackView在文檔大綱的頂部，在界面生成器屏幕和引腳到視圖的兩側的底部點擊Pin按鈕（“搭配的戰斗機”看的thingie）。 你可能想上的頂部和底部的兩側和標准值做0。

有什么問題嗎 看到這個-> http://www.raywenderlich.com/114552/uistackview-tutorial-introducing-stack-views

Answer 2

1. 均勻固定所有寬度/高度
2. 在視圖之間固定水平間距和垂直間距
3. 將每個視圖固定到其觸摸的視圖的側面
4. 一幅圖像的引腳長寬比
5. 利潤。