- 水平方向,五個(gè)按鈕為一組饭冬,設(shè)置屬性如下:Alignment: Fill, Distribution: Fill Equally, Spacing: 1
- 將 Label 和第1步中的所有5個(gè)水平 Stack view 放入一個(gè)垂直 Stack view 中-堆棧屬性為:Alignment: Fill, Distribution: Fill Equally, Spacing: 1
- 垂直 Stack view 固定到父視圖的四個(gè)邊緣
將步驟3中設(shè)置的約束更改為相對(duì)于 Safe Area 而不是 superview 。
如果您希望 label 在左右兩側(cè)都有填充,則需要將其嵌入到 View 中骚露,然后將 label 的兩邊約束設(shè)置為20px蕴掏,頂部設(shè)置 2px障般,底部設(shè)置 0px 。
如果您希望0按鈕和 . 按鈕盛杰、=按鈕占用一樣大的空間挽荡,則需要將 . 按鈕、=按鈕嵌入到一個(gè) stack view中即供。兩個(gè)水平 Stack view 均將“ Distribution”設(shè)置為“Fill Equally”定拟。
源碼下載:
https://github.com/iJoeychang/Calculator-Layout-iOS13-Completed