2014-09-19 26 views
1

我只想讓我的按鈕有相等的空間給對方和一個固定的尾隨和領先的空間。 我有點Autolayout noob,所以我沒有任何線索如何解決這個問題。我嘗試了很多不同的配置,但沒有任何工作,因爲它應該。任何想法如何解決這個問題? 這將是非常棒的。如何安排使用Autolayout的UIButtons

enter image description here

回答

2

鋪陳了基於取向按比例隔開的若干意見設備,在可見視圖之間創建間隔視圖。正確設置這些墊片意見的約束,以確保可見視圖能夠留間隔根據設備

步驟的方向:

  1. 創建可見視圖。

  2. 創建等於可見視圖數加1的間隔視圖。

  3. 交替放置您的視圖,從間隔視圖開始。

  4. 空間兩個可見的意見,把所有的意見,下面的模式,從屏幕左側開始並向右移動:

spacer1 | view1 | spacer2 | view2 | spacer3。

  1. 約束spacer視圖,使其長度彼此相等。

  2. 創建從第一個間隔視圖到容器視圖的主要約束。

  3. 創建從最後一個間隔視圖到容器視圖的尾部約束。

  4. 在間隔視圖和可見視圖之間創建約束。

以下示例使用上述任務中的步驟來顯示如何按比例間隔放置兩個視圖。示例中的spacer視圖是註釋的,但通常是空的,沒有背景。首先,創建兩個視圖並將它們放置在故事板中。

enter image description here

一個視圖-添加三個間隔件到最左邊的視圖,一個在兩個視圖之間,和一個到最右邊的視圖的右邊的左邊。間隔視圖目前不必是相同的大小,因爲它們的大小將通過約束來設置。

enter image description here

創建用於間隔視圖以下約束:

  1. 約束間隔視圖2和間隔視圖3的寬度爲等於間隔件視圖的寬度1.
  2. 約束間隔件視圖1的寬度大於或等於最小期望寬度。
  3. 從隔離視圖1到容器創建一個導入容器空間約束。
  4. 從間隔視圖1到視圖1創建水平間距約束。將此約束設置爲優先級爲1000的小於或等於約束。
  5. 從間隔視圖2創建水平間距約束到視圖1和視圖2.將這些約束設置爲優先級爲999的小於或等於約束。
  6. 從間隔視圖3到視圖2創建水平間距約束。將此約束設置爲優先級爲1000的小於或等於約束。
  7. 從間隔視圖3到容器創建一個尾部空間到容器約束。

    這些約束創建兩個可見視圖和三個不可見視圖(間隔視圖)。這些間隔的觀點自動調整爲一體的裝置的取向改變,保持按比例隔開的可見視圖,如圖中下面的兩個圖:

enter image description here

enter image description here

這是蘋果方式也暗示要做this example

除此之外,你在按鈕容器視圖中做這些事情,這是按鈕容器視圖,這些按鈕並對齊butto在您的視圖中的容器視圖,並保持具有相同常量值的相等關係的前導和尾隨約束。並根據需要添加剩餘的頂部和底部約束。

我在這裏給出了這個例子的相同步驟,因爲根據鏈接的回答可能不是更可取的。

1

如果您在自動尺寸部分將來自廈門國際銀行則刪除自動佈局這些按鈕,並設置彈簧支柱,從廈門國際銀行設定