iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 4
0

LaunchScreen,是App在開啟時的啟動畫面
他可以透過Storyboard或LaunchImage的方式
我這邊就直接用xcode協助建立好的Storyboard的方式來開發吧
(其實是因為我比較不會用Storyboad,想藉機嘗試與學習)

開啟專案後,點選左方的LaunchScreen.storyboard,就可以開啟該Storyboad啦
首先,把App的標題「Daily Work List」加入,這邊使用Label元件,如步驟二的方式把它拉進來,接著使用步驟三框框中的區域(Attributes Inspector),修改文字、字型、字體等,也可以利用其他Inspector調整其他資訊
https://ithelp.ithome.com.tw/upload/images/20181004/20111916L4n5Ec5d0A.png

接著加入副標題「Never put off till tomorrow what you can do today.」一樣使用Label元件,加入後一樣修改自己喜歡的樣式,然後調整好喜歡的位置,再利用xcode建議的Constraint協助建立相關限制,避免不同大小的螢幕導致位置與尺寸跑掉,可以看看Size Inspector的變化,如步驟三的框框
https://ithelp.ithome.com.tw/upload/images/20181004/20111916wojIDFcaSu.png

最後調整View本身的背景顏色,這個就比較簡單了,選擇要修改的View,使用Attributes Inspector,修改Background顏色即可
https://ithelp.ithome.com.tw/upload/images/20181004/20111916o0UG1awGTO.png

如此一來,便完成啦,可以Run起來看看
https://ithelp.ithome.com.tw/upload/images/20181004/20111916PRNYSVXzl1.png

附帶提一下,app在run起來的時候要以什麼方式顯示Launch Page的設定在plist裡面
https://ithelp.ithome.com.tw/upload/images/20181004/20111916rKFdJx6lrd.png

另外也可以在General頁籤裡看到,「Launch Screen File」的設定指向LaunchScreen
如果是想用圖片式的就要使用「Launch Images Source」
https://ithelp.ithome.com.tw/upload/images/20181004/20111916x9X8I7ssQv.png

這邊題外說一下,若想更換App Icon 可以設定「App Icons Source」,後面如果我有更換的話再來分享相關的步驟

然後,這個App我預期只提供給iphone使用、只支援直向的螢幕(Portrait),所以這邊我也順便把Devices選成iphone、橫向的選項取消(Landscape),App啟動完成後執行的第一個View是Main.storyboard,設定在Main interface這個欄位
https://ithelp.ithome.com.tw/upload/images/20181004/20111916pc0BdcmKW2.png


上一篇
Day 3. Data Storage & Create Project with Cocoapods
下一篇
Day 5. Talking About AutoLayout
系列文
利用Swift 4開發iOS App,Daily Work List31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言