按鈕在視圖中的對齊方式

Question

我在一行中有4個按鈕，我如何在每個設備上的中間對齊它？ iphone 4s，iphone 5s，iphone 6，iphone 6 plus。

只有在iphone 6上它看起來不錯。在iphone 4s上，按鈕在視圖之外以及在5s和6 plus之外是不居中的。

在左側視圖中可以看到佈局，右側視圖可以看到預覽。 我該如何解決這個問題？我已嘗試自動佈局，但這不起作用。

在這裏與每個按鈕上的約束對齊（水平）。但他們不是在中間..

謝謝。

Answer 1

我可能失去了一些東西。但是，你需要的只是在容器中有多個垂直居中的按鈕，並且也是水平的（沒有重疊和良好的對稱性）。如果是這樣，你可以做到以下。

約束條件是 -

1. 按鈕A - 垂直於容器中心

2. 按鈕B：中心Y =按鍵A：芯Y;按鈕C：中心Y =按鈕B：芯Y

3. 按鈕A：引領空間上海華=一些常數（比如說30）

4. 按鈕C：尾隨空間的SuperView =相同的恆定如上

（按鈕A - 按鈕B）=水平間距（按鈕B - 按鈕C）=某個常數（比如說10）

5. 水平間距（按鈕A-按鈕B）

Answer 2

要在畫布中心對齊多個按鈕，可以在每一面放置兩個「虛擬」或「助手」視圖。然後應用以下約束：

• equal width爲兩個虛擬視圖。
• leading space to superview = 0左側虛擬視圖。
• trailing space to superview = 0爲正確的虛擬視圖。
• horizontal spacing = 0爲虛擬視圖和按鈕。
• horizontal spacing = some fixed value爲按鈕。

您可以將虛擬視圖的高度設置爲0。

下面是故事板中的一個例子。爲了簡單起見，我只包含兩個按鈕。使用此方法，您可以擁有儘可能多的按鈕。