如何使用Xcode自動佈局與這些Uiimage視圖？

Question

我試圖使用自動佈局，使這些UiImages視圖像在下面的圖像，但它總是在這些設備屏幕之一3.5「，4」，4.7「

所以我有做才能讓像這樣？

Answer 1

如果要相等的寬度，並且每個圖像的相等的高度，然後可以添加的約束，如下面的圖像，並且如果你想使用整個屏幕空間（即高度和圖像的寬度將是不同）然後選擇所有四個引腳並選擇等寬和等高選項複選框（保持Aspect Ration複選框未選中）

Answer 2

我認爲你缺少一定限制，你可以一步做一步。 讓數以方便參考

imgv1 imgv2 imgv3

012的ImageView

imgv4 imgv5 imgv6

imgv7 imgv8 imgv9

imgv10 imgv11 imgv12

DRAP拖放imgv1，2，3到故事板並把它們彼此相鄰。 cmd +右鍵單擊三個imageview並設置約束（它應該是最近的鄰居不要忘記取消選中「從邊距」複選框）。根據問題中的數字約束，應該是

top-40，left-20，right-20.我假設所有imageview的高度相等，寬度相等，在這種情況下選擇三個imageview並選擇equal寬度和相等的高度限制。不要更新幀。它會顯示錯誤，別擔心，我們會解決它。

現在爲第2,3,4行。

將圖像視圖拖放到故事板並將它們放置到所需的位置即可。

imgv4,5,6 imgv7,8,9 imgv10,11,12

然後選擇所有這些ImageView的（4-12），並添加約束它。所述約束應

頂部 - 20，左 - 20，右 - 20

和所有的圖像視圖的高度和寬度相等，選擇所有的ImageView即IMGV（4-12）和IMGV （1,2,3）並添加約束相等的高度和寬度。

還有一個缺失的是我們必須添加底部約束到最後一行，即。（imgv10,11,12）選擇這三個imageview並添加底部約束（記住所有約束都來自最近的鄰居）。

然後最後更新控制器中的幀。它應該看起來像問題中的圖像。