iT邦幫忙

2024 iThome 鐵人賽

DAY 11
0

約束

截圖 2024-09-09 下午2.18.38
一開始我們有label ,button兩個元件,這個頁面以label為主,所以我會把label跟Save Area先拉在一起,先按著control把label拉到Safe Area然後再按下command,如下圖
截圖 2024-09-09 下午3.09.28
這時候是置中對齊然後跟Save Area等比長和等比寬,這時候可以點選右邊的三角形圖案,會有一個Constraints,這邊就可以調整你的約束,先點選你要的調整的邊
截圖 2024-09-10 下午2.38.16
截圖 2024-09-10 下午2.42.35
舉例來說,我想要把label在螢幕的中間上方一點,並把label調整大一點
截圖 2024-09-10 下午2.46.18
我先點選水平的線段,並把Multiplier改成0.5
再點選等比長寬的線,做一樣的更改即可,然後button的約束,我想拉成對可觸控範圍至中對齊,並跟label做固定距離,這部分交給你們試看看囉
最後拉的線都是藍色的就代表沒問題
截圖 2024-09-10 下午2.52.36

結論

今天有了實際的例子,希望大家可以更暸解約束的用法,繼續加油,我們明天見


上一篇
swift 拉約束Constraints
下一篇
swift tableview創建
系列文
Swift大航道-啟航篇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言