iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0
Mobile Development

Swift大航道-啟航篇系列 第 10

swift 拉約束Constraints

  • 分享至 

  • xImage
  •  

約束

首先打開xib介面
截圖 2024-09-09 下午2.18.38
左邊有safe Area就是手機可以觸控的範圍,其他的都是你已經新增的元件。
點選你要拉取的元件,按著control拉去你要對齊的物件,這邊你可以看你的介面是以什麼元件為主,我這邊舉例是以label為主,就可以把label拉約束到safe Area,拉過去後會得到下圖
截圖 2024-09-09 下午2.29.15

  • 以下四個是對Safe Area的四個邊做對齊
    leading Space to Safe Area
    top Space to Safe Area
    Teailing Space to Safe Area
    Bottom Space to Safe Area

  • 以下兩個是對Safe Area的水平和垂直的居中
    Center Horizontally in Safe Area
    Center Vertically in Safe Area

  • 以下兩個是等比寬和等比高
    Equal Widths
    Equal Heights

如果你想設置視圖的比例而不是固定的寬高,可以使用 aspect Ratio

結論

恭喜大家完成了第十天的挑戰!通過今天的學習,我們認識了在 Swift 中使用 約束 的基本概念。明天我們將繼續探討 Swift 中約束,實際拉給大家看,繼續加油,我們明天見!


上一篇
swift 如何拉取元件並使用
下一篇
swift 拉約束
系列文
Swift大航道-啟航篇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言