iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 17
1

今天來講一下當我們stack在一起怎麼做

使用行或列的方式去佈局視圖。可以把多個UI物件放在同一群組中,在移動或調整物件時,只需要調整一次即可完成佈局。在大多數得情況,只要加進stack view中,就不需要對stack view內的物件去做auto layout。

stack view管理裡面視圖的佈局,裡面的視圖會自動響應不同的螢幕尺寸。不是不需要處理auto layout,也還是需要處理stack的layout。可以節省時間不用對每個UI元件去做佈局。

  • Xcode有兩種加入Stack View的方法
  1. 可以從Library拖曳垂直排列/水平排列的物件放到Storyboard,然後可以在裡面放入labels, buttons, image views。

  2. 在界面上選取想要組成stack的物件,再從auto layout bar裡面使用Embed in View的Stack View

  • Stack View有幾個屬性可以調整

  • Axis-選擇視圖要水準還是垂直佈局

Vertical

Horizontal

  • Alignment-控制視圖對齊方式

Leading

Center

Trailing

  • Distribution-定義視圖的大小和位置

Fill

Fill Equally

  • Spacing-調整元件跟元件的間隔距離

spacing為0

spacing為60


上一篇
Swift-Scroll View
下一篇
Swift-Delegate(1)
系列文
Swift!從新手到微上手30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言