iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 8
0

Auto Layout是基本約束佈局的系統,使開發人員能夠創建響應屏幕大小和設備方向變化的界面。

右下角從左到右不同功能

  • Update Frames - 更新到設定好的佈局位置
  • Embed In - 嵌入堆疊視圖
  • Align - 建立元件的對齊條件
  • Add New Constraints - 建立元件的約束條件,約束每個元件的距離
  • Resolve Auto Layout issue - 解決佈局問題

實作Auto Layout功能

  1. 在中間放一個View,並改成藍色。設定他的長寬為30

  1. 使用Align 把兩個打勾後,會水平與垂直置中在畫面裡

  1. 再放一個View在藍色的右邊並設定長寬為40,與左邊的view間距為20

  1. 接下來會報錯,因為灰色的View沒有y軸的相對位置

  1. 我們再幫他加上垂直置中的限制條件

  1. 這時我們簡單的Auto Layout就完成了。不管現在是哪種機型或者橫向縱向,都可以按照約束條件的相對位置去做Layout


上一篇
Swift-App生命週期 (Life Cycle)
下一篇
Swift-TextField & TextView
系列文
Swift!從新手到微上手30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言