iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
Mobile Development

如何成為IOS初級工程師系列 第 11

Day-11 使用UIKit框架建立iOS App專案(不使用storyboard)

  • 分享至 

  • xImage
  •  

昨天是我最後一天教語法的內容,但不是說你都已經學完所有語法了,像是繼承初始化這兩篇觀念也很重要,swift聖經後面的章節也是有些比較進階的觀念(我可能之後會出番外篇XD)。但因為還有其他你比較需要知道的東西要教,所以就有些取捨。

進入正題

今天會教你如何建立一個iOS app專案,先簡單科普一下目前swift有兩種框架,swiftUIUIKit,兩種框架的主要差異是用來建構UI的方式不一樣。UI簡單來說就是顯示在畫面上讓使用者看到的東東,我們之後章節會提到。
UIKit的框架預設是使用storyboard的方式開發(會有一些拖拉的UI元件),但因為我這個章節是教大家UIkit的框架且使用純程式碼的方式開發(不使用storyboard),所以前面要做一些設定,那我們就開始吧。

先打開Xcode應用程式

會看到這個畫面,點選Create a new Xcode project

https://ithelp.ithome.com.tw/upload/images/20220926/20152659cXgcF84U3i.png

下一步點選iOS,然後選App,然後選next

https://ithelp.ithome.com.tw/upload/images/20220926/20152659ku7cve9OKF.png

然後有一些東西要填寫,填好後案next

https://ithelp.ithome.com.tw/upload/images/20220926/20152659u6MefTK8To.png

然後隨便選一個地方放專案,Source control我們目前不會用到先不用打勾,然後點選create

https://ithelp.ithome.com.tw/upload/images/20220926/20152659O2vyJC32LG.png

Create好之後我們就進到初始畫面囉

https://ithelp.ithome.com.tw/upload/images/20220926/201526593QcbAJr8sn.png

之後因為我們要移除storyboard,要先做前置作業把環境設置好,就可以開始打我們的專案囉,接下來每一步都很重要要認真看哦。

第一步先把Main刪掉變成空白的

https://ithelp.ithome.com.tw/upload/images/20220926/20152659rxPgs0oor5.png

再來我們點到Info,把列表展開,選到storyboard name,按下"-"關掉它

https://ithelp.ithome.com.tw/upload/images/20220926/20152659DNI5iUpcl6.png

之後我們到左側列把Main delete掉

https://ithelp.ithome.com.tw/upload/images/20220926/201526598TEkij7mtC.png

之後我們到SceneDelegate裡的scene function加上一段程式碼就大功告成囉

guard let windowScene = (scene as? UIWindowScene) else { return }
window = UIWindow(frame: windowScene.coordinateSpace.bounds)
window?.windowScene = windowScene
window?.rootViewController = ViewController()
window?.makeKeyAndVisible()

https://ithelp.ithome.com.tw/upload/images/20220926/20152659DMEr8zn9sJ.png

最後我們去ViewController裡新增一段程式碼,並點選上面的執行箭頭,來看看背景有沒有變成紅色的

view.backgroundColor = .red

https://ithelp.ithome.com.tw/upload/images/20220926/20152659js2y4EaJxw.png

成功的話你就會看到模擬機是紅色的背景囉,之後就可以開始做專案了~今天就交到這邊

https://ithelp.ithome.com.tw/upload/images/20220926/20152659zKwMIMfj03.png


上一篇
Day-10 要遵守的協議 - protocols
下一篇
Day-12 UIViewController & 生命週期(Life Cycle)
系列文
如何成為IOS初級工程師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言