2015-07-21 72 views
0

我想將兩個按鈕添加到也包含表視圖的視圖。我想讓這兩個按鈕填滿不同屏幕尺寸的屏幕寬度(僅適用於人像)。對於按鈕來說,文本的最小寬度爲100單位,但我希望它們在較大的屏幕上更寬。我希望按鈕之間的空間至少爲20個單位,並且外邊緣之間至少有20個單位的空間。這看起來應該是直線前進,但我無法理解故事板自動佈局中的對齊和引腳約束。到目前爲止,我看到的教程很混亂,似乎沒有涵蓋適當的細節來幫助我。請給我一些指導。以下是限制條件實施之前的佈局。如何爲等間距按鈕添加故事板約束

enter image description here

這裏是佈局看起來在4" iPhone是什麼:

enter image description here

我已經花了一天時間試圖約束的不同組合,但仍然有問題。正當我想我有一些工作,它不會建立,因爲它說我有衝突。

我想使用以下工具(以及對齊工具 - 未顯示)以創造適當的限制。我嘗試選擇一個或兩個按鈕,然後使用編輯器設置約束,但每個嘗試看起來都很糟糕。即使我選擇「重置爲建議的約束條件」,我也會收到怪異的結果。請提供有關如何完成這個看似基本任務的建議。

enter image description here enter image description here enter image description here

回答

2

必須具有:

  • 領導爲第一按鈕20
  • 尾隨用於第二按鈕20個
  • 按鈕之間
  • 水平間距20個
  • 相等的寬度爲兩個按鈕
  • 寬度> = 150爲每個按鈕

constraints

+0

寬度> = 150約束實際上並沒有做任何事情這裏(除了原因限制衝突如果視圖是小於360點寬),因爲有將只有一個可能的寬度才能滿足間距的按鈕。 – dan

+0

你提到你想要最少150個? 可以刪除> =約束條件,並且無論屏幕寬度如何,按鈕都會使整個空間彼此相等 –

+0

對不起,不好的例子。我只想提出一個基本的問題,就是如何使用兩個按鈕,其最小寬度可以用更大的屏幕擴大 – JeffB6688