iT邦幫忙

2025 iThome 鐵人賽

DAY 7
0
Mobile Development

從零開始學習 iOS系列 第 7

從零開始學習 iOS Day6 - Xcode介紹

  • 分享至 

  • xImage
  •  

昨天我們學習了 集合型別 (Collection)、**泛型 (Generics)**與 錯誤處理 (Error Handling)

今天,我們要回到實作環境,來熟悉一下 Xcode 的介面

Xcode 是 Apple 官方提供的開發工具(IDE),我們開發 iOS、macOS、watchOS 與 tvOS 應用程式,都需要透過它來完成。

在建立完XCode專案後會看到像這樣的畫面,主要可以分成幾個區域

https://github.com/jian-fu-hung/ithelp-2025/blob/main/image/Day6/%E6%88%AA%E5%9C%96%202025-09-20%20%E4%B8%8B%E5%8D%884.38.50.png?raw=true

工具列(Toolbar)

  • 位於最上方(紅框區域)
  • 包含:執行/停止按鈕、裝置模擬器選擇、Scheme 設定
  • 可以快速選擇要在哪個模擬器或裝置上執行程式

導覽區 (Navigator Area)

  • 左側區域(藍色區域)
  • 常用的有:
    • Project navigator (檔案清單):顯示專案中的檔案
    • Search navigator:搜尋程式碼
    • Issue navigator:顯示錯誤與警告
  • 能快速切換不同檢視模式

編輯區 (Editor Area)

  • 中央區域(綠色區域)
  • 撰寫 Swift 程式碼的地方
  • 也能顯示 Storyboard 或 SwiftUI 預覽畫面

偵錯區 (Debug Area)

  • 下方區域(黑色區域)
  • 包含:
    • Console:顯示程式執行過程的輸出
    • 變數檢視器:顯示目前的變數值,方便除錯

檢查器區 (Inspector Area)

  • 右側區域(紫色區域)
  • 顯示檔案或 UI 元件的詳細資訊
  • 常用於 Storyboard 或 SwiftUI 設計畫面中,修改屬性(例如顏色、字型、約束)

點擊導覽區最外面的專案可以看到以下畫面,主要是專案層級的設定:
https://github.com/jian-fu-hung/ithelp-2025/blob/main/image/Day6/%E6%88%AA%E5%9C%96%202025-09-20%20%E4%B8%8B%E5%8D%884.39.50.png?raw=true

導覽區 (PROJECT / TARGETS)

  • PROJECT(專案設定)

    控制整個專案的通用設定,例如 Build 設定、在地化語言。

  • TARGETS(目標設定)

    每個 App、測試套件、Widget… 都會是一個 Target。

    在圖中你可以看到:

    • HelloSwiftUI(App 本體)
    • HelloSwiftUITests(單元測試)
    • HelloSwiftUIUITests(UI 測試)

設定區(Configurations)

這裡是 建置組態 (Build Configurations),常見有:

  • Debug:開發測試用,通常會保留除錯資訊、log 輸出。
  • Release:正式發佈用,通常會最佳化程式碼、移除多餘資訊。

下方還有選項:

  • Use Configurations for command-line builds

    指定在使用命令列(非 Xcode UI 執行)時要用的組態,以圖片的範例是用Release。表示使用命令列 Build 要會走Release

  • Parallelize build for command-line builds

    允許多個 target 同時編譯,加快編譯速度。

今日小結

今天我們認識了 Xcode 的基本介面,以及專案設定與建置組態。

明天開始,我們會正式進入 SwiftUI 的世界,正式開始做出 App 畫面!


上一篇
從零開始學習 iOS Day5 - 進階 Swift
下一篇
從零開始學習 iOS Day7 - SwiftUI 介紹
系列文
從零開始學習 iOS9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言