APP — 計算機

這次作業練習了計算機,也嘗試練習Auto Layout、StackView

  1. 先製作一個計算機的鍵盤,因為想要介面比較好看多做了兩個空的按鈕

2.按照下圖用StackView框起來

全部都框起來會變成這樣

3.幫StackView加上Auto Layout

4.我想要讓每個按鈕的上下左右的間隔距離都是七,Distribution設為Fill Equally,Spacing設為7

記得右下角的StackView也要改

這時候如果執行看看,看起來是可以,但是只要讓模擬器轉向按鈕就會跑掉,設定跟Controller等比例放大的Auto Layout就可以解決這個問題

5. 把StackView連到View選Equal Heights,iphone X的畫面高度是812,而我的StackView高度是478(按鈕90*5+間距7*4),把Equal Heights的Multiplier設為478:812

這時再把模擬器轉向按鈕就沒問題了

6.在加上文字標籤和文字標籤的Auto Layout,再幫按鈕加入圖片

--

--