APP — 計算機
Published in
3 min readApr 13, 2018
這次作業練習了計算機,也嘗試練習Auto Layout、StackView
- 先製作一個計算機的鍵盤,因為想要介面比較好看多做了兩個空的按鈕
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,再幫按鈕加入圖片