iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 6
1
Mobile Development

IOS App開發學習日誌系列 第 6

Day6 Storyboard

  • 分享至 

  • xImage
  •  

Storyboard

storyboard在ios5以後出現,取代了以往使用純程式碼建立元件,並能於開發時看到自己所需要的畫面並修改

首先我們先了解一下storyboard的原理
https://ithelp.ithome.com.tw/upload/images/20190922/20120980VtFUmKed2m.png
當App啟動時系統會先把Info.plist的資料載入,這樣它才知道要使用哪一個Storyboard
打開Info.plist應該會看到有一欄為Main storyboard file base name,然後它的值為 Main
這代表Info.plist告訴系統去使用檔名為Main的Storyboard
https://ithelp.ithome.com.tw/upload/images/20190922/20120980W6C1L6dQrB.png
接著我們把頁面切回Storyboard並點開右上方的Library,會看到如圖的objects列表
https://ithelp.ithome.com.tw/upload/images/20190922/201209807ukTMnp6pb.png
接著可以把原件拉入storyboard中放置在自己想放的位置
https://ithelp.ithome.com.tw/upload/images/20190922/20120980c3wsNzsmSs.png
拉入的元件可以透過右方的標記的按鍵進入元件調整頁面調整字型大小顏色等等的設定
明天會介紹AutoLayout將元件拉約束的部分


上一篇
Day5 建立xcode專案檔(.xcodeproj)
下一篇
Day7 AutoLayout(一)
系列文
IOS App開發學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言