Storyboard's equal heights

【說明】

此份筆記紀錄如何使用Storyboard固定Button的位置及寬度，但隨著螢幕的長度變化高會跟著改變。


【專案開發步驟】

建立專案：

使用Single View Application模板建立一個名為autoLayoutHeight的專案，使用iPhone裝置。

設計使用者介面：

拖曳三個Button至View內並設定不同的背景顏色，如下圖所示。

設計使用者介面

設定Constraints：

點選最上面的Button，設定對齊View的上方、左邊及右邊，並設定固定寬度，最後加入這四個Constraints，如下圖所示。

第一個按鈕的Constraints

點選中間按鈕，設定與第一個按鈕的距離，如下圖所示。

設定中間按鈕與第一個按鈕間的距離

點選中間按鈕，設定左右兩邊對齊第一個按鈕，如下圖所示。

設定第二個按鈕兩旁對齊第一個按鈕

點選第三個按鈕，重複第二個按鈕的設定動作，設定與前一個按鈕的距離，以及兩旁對齊前一個按鈕。

點選三個按鈕，設定Equal Heights，如下圖所示。

設定三個按鈕有相同的高度

最後點選第三個按鈕，設定對View下方的距離，如下圖所示。

設定按鈕與頁面下方的距離

【執行結果】

iPhone 4s模擬畫面

iPhone 5s模擬畫面