iT邦幫忙

2025 iThome 鐵人賽

DAY 10
0
生成式 AI

Swift一下就會了系列 第 10

Day 10 Xcode 專案建置

  • 分享至 

  • xImage
  •  

有了前面幾篇的教學,現在的你肯定對程式有點基礎的概念了,現在我們可以來做建立專案的前置步驟了


https://ithelp.ithome.com.tw/upload/images/20250924/20178746lg4ObpQrlt.png
這邊我們先選第一個Creat New Project...創立一個新專案。
https://ithelp.ithome.com.tw/upload/images/20250924/20178746kWTdOWj5qi.png
再來選擇App,選完之後直接點右下的Next
https://ithelp.ithome.com.tw/upload/images/20250924/20178746wozBqX77rk.png
Product Name裡可以自由命名你的專案名稱,命名完之後下面都不用動到,直接Next即可。
https://ithelp.ithome.com.tw/upload/images/20250924/20178746SuaAL8BDXT.png
選擇你專案要創建得位置,專案在創建的時候就會自動生成一個資料夾了,所以這邊可以不用額外創立資料夾。


https://ithelp.ithome.com.tw/upload/images/20250924/20178746mIQKuMAsJC.png
進來了我們先把LaunchScreenMainViewController都刪掉,因為我們之後都會自己手動創建,所以這便直接把它內建的刪掉就好。
https://ithelp.ithome.com.tw/upload/images/20250924/20178746BktjjSggcB.png
來到SceneDelegate我們直接把Scene這行改掉。

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) {
        guard let windowScene = (scene as? UIWindowScene) else { return }
        let rootVC = MainViewController(nibName: "MainViewController", bundle: nil)
        let navigationController = UINavigationController(rootViewController: rootVC)
        window = UIWindow(frame: windowScene.coordinateSpace.bounds)
        window?.windowScene = windowScene
        window?.rootViewController = navigationController
        window?.makeKeyAndVisible()
    }

換成以上程式。


Tips:這邊我們可以先把Scene這段指令保存起來,以後使用的時候就可以直接快捷鍵取用。
https://ithelp.ithome.com.tw/upload/images/20250924/201787461EpD7D46jb.png
Scene整行指令匡起來,點選Creat Code Snippet
https://ithelp.ithome.com.tw/upload/images/20250924/20178746Gp7aJGxSKT.png
這邊你就可以去命名他了,我這邊已經創了一個default_scene就不再創一個了。
https://ithelp.ithome.com.tw/upload/images/20250924/20178746lPw52APbhX.png
以後要用的時候在呼叫他就行了。


我們可以來創建主程式放置的地方了。
https://ithelp.ithome.com.tw/upload/images/20250924/20178746BN6G2jQERx.png
先點選New File from Template...
https://ithelp.ithome.com.tw/upload/images/20250924/20178746U6OT7xaOvG.png
選擇Cocoa Touch Class
https://ithelp.ithome.com.tw/upload/images/20250924/20178746B3d1gMkxxJ.png
第一行我們自行命名,第二行去選擇我們要的檔案類型。
Tips:Also create XIB file要記得打勾。
https://ithelp.ithome.com.tw/upload/images/20250924/20178746NvVG9t40mS.png
裡面的MainViewController一樣要改掉

class MainViewController: UIViewController {
    
    // MARK: - IBOutlet
    
    // MARK: - Proprtty
    
    // MARK: - LifeCycle
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
    }
    // MARK: - UI Setting
    
    // MARK: - IBAcion
    
    // MARK: - Function
    
}
// MARK: - Extexsions

改成上面這個


https://ithelp.ithome.com.tw/upload/images/20250924/20178746CNDOW9jSvj.png
Info裡面我們把storyborad Name直接刪掉
https://ithelp.ithome.com.tw/upload/images/20250924/20178746lBaPCxexo3.png
也同樣在Build Setting裡面找到UIkit Main Storyborad File Base Name並把它刪掉


結語

恭喜!你已經完成專案的基礎環境設定。未來每次開始新專案前,都可以依照今天的步驟先清理環境。明天我們將開始學習如何在畫面中拉元件,讓介面變得更豐富。


上一篇
Day 9 MVC架構
下一篇
Day 11 Xcode 拉元件
系列文
Swift一下就會了12
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言