自動布局子視圖對齊

Question

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

可以，但是當我旋轉設備時，它看起來像這樣：

我希望它就像在第一個屏幕上一樣，但是按鈕之間的間距更大。 所以我試圖做出這樣的約束：

優先級為200 ---選擇約束。 但這仍然行不通。 有任何想法嗎？

Answer 1

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

參見以下示例： AutoLayout是否可以等間距分布多個按鈕？

Answer 2

我設法完成它看起來像這樣：

為此，您需要更改思考方式。 我假設您在考慮“我希望每個按鈕的寬度都為70，並且按鈕之間的間距要增加和縮小”。 但是，相反，您需要考慮“我想要4個大小相等的按鈕，它們之間的邊框之間有50像素，因此按鈕的邊框在增加/縮小，而不是間距。”

這樣，您就選擇了所有4個按鈕並添加了“等寬”約束。

然后，為關系“等於”的間距（前導空間-水平間距x3-尾隨空間）添加5個約束。