為什么我的自動布局界面不起作用？

Question

我正在嘗試制作一個如下所示的簡單UI：

寬度相等的兩個視圖，其上方的兩個視圖包含向右對齊的三個圖標，它們之間具有相等的間距。

所以我在紅色視圖上方有一個不可見的視圖，具有相同的寬度，並且在內部是圖標。

這些圖標都具有最接近的鄰居約束以及與容器邊距相連的約束，如下所示：

但是當我運行它時，它看起來像這樣：

iPhone 6：

iPhone 6 Plus：

iPhone 5S ：

這是不可見的視圖：

如何使它正常工作？

Answer 1

盡管不同的設備根據位置（橫向，縱向）具有不同的寬度，但是連接到容器邊距的約束應具有不同的值來滿足所有寬度，但是您似乎將其設置為靜態值。 我建議在最右邊的圖像和容器的右側的分離之間設置一個約束，為每個圖像設置一個寬度約束，為最近的相鄰圖像設置一個分隔符約束。