Autolayout子視圖對齊

Question

我正在試圖使視圖上的按鈕。問題是：此視圖將被調整大小（例如，設備旋轉後）。 所以我有這樣的：

這是確定的，但是當我旋轉設備，它看起來像這樣：

我想這就像在第一個畫面，但與按鍵之間間距較寬。 所以我試圖做出這樣的約束：

優先選擇約束200。但它仍然不起作用。有任何想法嗎？

Answer 1

您可以通過在它們之間添加間隔元素來解決此問題。墊片的尺寸可以增加，而按鈕的尺寸可以保持不變。

請參閱此示例：Can AutoLayout equally space multiple buttons?

Answer 2

我設法把它做看起來像這樣：

要做到這一點，你需要改變你思考的方式。我假設你在考慮「我希望每個按鈕的寬度爲70，按鈕之間的間隔是增長還是縮小」。但相反，你需要考慮「我想要4個大小相等的按鈕，它們的框架之間有50個像素，所以按鈕的框架正在增長/縮小，而不是間距」。

這樣，您選擇所有4個按鈕並添加一個「等寬」約束。

然後，您將爲Relation「Equal」的間距（Leading Space - Horizo​​ntal Spacing x3 - Trailing space）添加5個約束。