AutoLayout Stack View 實踐筆記

  1. 水平方向,五個按鈕爲一組,設置屬性如下:Alignment: Fill, Distribution: Fill Equally, Spacing: 1

  1. 將 Label 和第1步中的所有5個水平 Stack view 放入一個垂直 Stack view 中-堆棧屬性爲:Alignment: Fill, Distribution: Fill Equally, Spacing: 1

  1. 垂直 Stack view 固定到父視圖的四個邊緣

將步驟3中設置的約束更改爲相對於 Safe Area 而不是 superview 。

如果您希望 label 在左右兩側都有填充,則需要將其嵌入到 View 中,然後將 label 的兩邊約束設置爲20px,頂部設置 2px,底部設置 0px 。

如果您希望0按鈕和 . 按鈕、=按鈕佔用一樣大的空間,則需要將 . 按鈕、=按鈕嵌入到一個 stack view中。兩個水平 Stack view 均將“ Distribution”設置爲“Fill Equally”。

源碼下載:https://github.com/iJoeychang/Calculator-Layout-iOS13-Completed

本文由博客一文多發平臺 OpenWrite 發佈!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章