主題指南
SwiftUI 與 UI 框架
運用現代佈局、導覽、動畫與狀態模式,在 SwiftUI、UIKit 與 AppKit 中打造適應性介面。
這個主題從基礎到進階組合,完整介紹 Apple 的 UI 框架。內容涵蓋 SwiftUI 的最新功能,以及與 UIKit 和 AppKit 的整合,並提供狀態、導覽、佈局、動畫、文件與多視窗 App 的實用指引。
- Session
- 76
- 2026
- 22
- 2025
- 26
- 2024
- 28
這個主題涵蓋的內容
- SwiftUI 組合、狀態與導覽
- 佈局、動畫與適應性介面
- UIKit 與 AppKit 整合
WWDC 2026
22 場 Session- Safari 27 WebKit 的全新功能探索 WebKit 的全新功能,包括 Grid Lanes、Customizable Select、HTML Model、Immersive Environments,以及 Web Extensions 的最新更新。你也會了解瀏覽器引擎超過 1,000 項改進背後的工作,這些改進讓 Web 更加可靠。
- SwiftData 的新功能探索 SwiftData 的最新增強功能。我們將示範如何使用 Codable 保存自訂和第三方型別,並將擷取的資料分組為 SwiftUI 應用程式中的區段。我們也會探索如何使用 ResultsObserver 和 HistoryObserver,在其他任何位置觀察資料儲存區的變更,讓你能彈性驅動功能強大的狀態物件,並準確回應模型更新。
- SwiftUI 初學者團體 Lab線上加入我們,針對 SwiftUI 入門提出問題、取得建議並參與討論。活動以英語進行。
- SwiftUI 團體 Lab線上加入我們,與 Apple 工程師和設計師一同深入探索 WWDC26,提出問題、取得建議,並參與本週 SwiftUI 重大發表的討論。活動以英語進行。
- SwiftUI 團體 Lab線上加入我們,與 Apple 工程師和設計師一同深入探索 WWDC26,提出問題、取得建議,並參與本週 SwiftUI 重大發表的討論。活動以英語進行。
- SwiftUI 的新功能探索 SwiftUI 的最新功能,瞭解它們如何改善應用程式。我們將介紹全新的 Document 協定,可直接存取磁碟並以快照為基礎比較差異,以建構高效能應用程式;用於重新排列列表、格狀顯示和區段內容的新 API;以及可設定顯示優先順序和自動縮小行為的工具列增強功能。我們也會介紹擴充的顯示 API(包括任何 View 上的滑動動作)、AsyncImage 快取改善項目,以及 Observable 型別的延遲狀態初始化。
- WidgetKit 基礎小工具會在系統各處突顯應用程式最重要的內容,為使用者提供另一種互動方式。探索不同類型的小工具,以及讓小工具令人印象深刻的特質。瞭解如何建立小工具、讓內容保持最新,並透過 App Intents 和動態樣式提供自訂方式。
- watchOS 團體 Lab線上加入我們,與 Apple 工程師和設計師一同深入探索 WWDC26,提出問題、取得建議,並參與本週 watchOS 重大發表的討論。活動以英語進行。
- 使用 HealthKit 運動區間提供訓練洞察HealthKit 讓你更容易在應用程式中提供運動洞察,例如心率和自行車功率區間。了解如何運用內建的個人化區間,或建立自訂區間。探索如何利用目前區間和各區間的停留時間,在運動期間和運動後提供實用指引。
- 使用 PencilKit 讀懂筆跡在應用程式中運用手寫辨識功能,採用與 Freeform 和備忘錄等 Apple 應用程式相同的強大技術。探索如何辨識多種字母系統和語言的手寫內容,以及將 PencilKit 整合至更多類型應用程式的全新功能。
- 使用 SwiftUI 組合進階圖形效果探索如何創意組合 SwiftUI 佈局和圖形 API,製作豐富的自訂體驗。我們將示範如何拆解複雜設計,並使用創作流程串連簡單的建構區塊。瞭解如何使用圖層著色器繪圖、透過時間軸製作動畫,以及使用對齊參考線定位 View。
- 使用 TextKit 提升應用程式的文字體驗探索如何結合內建文字顯示方式的便利性與 TextKit 的控制能力。我們將示範全新 API 如何讓你輕鬆擴充 UITextView 和 NSTextView,加入行號和可收合區段等自訂行為。我們也會探索 TextKit 架構,並逐步介紹文字附件全新的快取與重複使用政策。若要充分掌握本 Session 的內容,請先觀看 WWDC21 的「認識 TextKit 2」和 WWDC22 的「TextKit…
- 即時動態基礎概念運用即時動態提升應用程式體驗。探索即時動態顯示的各種位置,包括 iPhone 橫向使用時,能在動態島提供更多資訊的全新樣式。了解如何針對每個顯示空間調整即時動態、安排內容和資料結構,並使用 ActivityKit 和推播通知,從開始到結束提供即時更新。
- 提升閱讀應用程式的輔助使用功能了解如何為 VoiceOver、朗讀螢幕等功能建立穩健的閱讀體驗。認識如何提供直覺的文字選取方式、清楚的行與段落導覽,以及跨個別元素和多個頁面的連續閱讀功能。
- 揭開 PaperKit 的面紗使用 PaperKit 打造以畫布為基礎的應用程式。探索全新的資料模型 API,讓你存取、建立及修改標記元素。了解如何加入自訂控制項與註解,並探索將這些功能整合至應用程式的最佳做法,建構功能完備的創作畫布。
- 搭配 AppKit 和 UIKit 使用 SwiftUI探索如何在現有的 AppKit 或 UIKit 應用程式中逐步採用 SwiftUI。我們將示範如何使用 Observation 框架自動更新 View、將 SwiftUI 元件整合至現有的 View 階層,並在 SwiftUI 中加入手勢辨識器。我們也會探索如何在不變更整體架構的情況下,將完整的 SwiftUI Scene 加入應用程式。
- 改善自訂控制項的輔助使用體驗讓應用程式的互動元素支援所有使用者,充分發揮其潛力。我們會分析使用者如何透過 VoiceOver 和其他輔助技術理解及使用控制項,並探索動作、穿透手勢和直接觸控等多種輸入方式。與我們一起深入研究數個控制項範例,逐一改善並提升其輔助使用體驗。
- 深入瞭解 SwiftUI 的延遲堆疊與捲動探索 SwiftUI 延遲堆疊的內部運作方式。我們將探索 LazyVStack 和 LazyHStack 如何估算大小、延遲載入子 View 並預先擷取內容,以提供流暢的捲動體驗。我們也會介紹進階效能最佳化、狀態管理的最佳做法,以及精確程式化捲動的技巧。若要充分理解本 Session,建議先熟悉使用堆疊進行 SwiftUI 佈局的基本方式。
- 程式碼實作:使用 SwiftData 加入持久化功能我們將為現有應用程式加入持久化功能,實際體驗 SwiftData。我們會示範如何定義資料模型,並將持久資料順暢整合至 SwiftUI。你也會學到使用這個富有表達力的宣告式 API 管理應用程式狀態所需的基礎技能。
- 程式碼實作:在 SwiftUI 中建構強大的拖放功能跟著我們建構一款接龍遊戲,探索 SwiftUI 最新的拖放功能。我們將示範如何使用全新的重新排序 API,讓使用者排列內容;實作拖移容器,一次移動多個項目;並依照應用程式的規則自訂拖放生命週期。若要充分理解本 Session,請先觀看 WWDC22 的「Meet Transferable」。
- 讓 AppKit 應用程式現代化依循現代 macOS 慣例,更新 AppKit 應用程式。深入瞭解如何使用控制事件和手勢辨識器處理輸入,取代傳統的追蹤迴圈。強化應用程式的鍵盤導覽、實作重新啟動後的妥善狀態回復,並運用全新的邊角同心度 API,讓介面自然融入 macOS 美學。
- 讓 UIKit 應用程式現代化探索 UIKit 的最新更新。瞭解如何更新 iPhone 應用程式的佈局,使其在 iPhone Mirroring 中調整大小及在 iPad 上使用時都能呈現出色效果。探索標籤列和導覽列的新 API、瞭解如何讓應用程式為全新的 Apple Intelligence 功能做好準備,並認識一項適用於所選程式碼編寫 Agent 的 Skill,協助你讓程式碼庫現代化。
WWDC 2025
26 場 Session- SF Symbols 7 的全新功能探索 Apple 圖像符號資料庫 SF Symbols 的最新更新。認識全新的動畫系統 Draw,它能讓符號呈現手寫筆畫的自然流動感;以及可用來表達強度或進度的 Variable Draw。探索為符號增添立體感和視覺趣味的 Gradients,以及讓相關符號之間的轉換更連貫的 Magic Replace 增強功能。了解如何預覽這些功能,並將它們整合到自己的應用程式中。
- SwiftUI 新功能探索 SwiftUI 新功能:以 Liquid Glass 帶來全新外觀、透過框架改進與新 instruments 提升效能、整合 Web 內容與富文字編輯,並在三維空間配置 view。
- UIKit 新功能以 UIKit 最新 API 現代化 App,包括選單列、自動觀察追蹤、新 UI 更新方法與動畫改進;另會介紹在 UIKit App 加入 SwiftUI scene,以及 SF Symbols、HDR 顏色選擇器等功能。
- Widget 最新功能WidgetKit 透過 Widget、即時動態和控制項更新,進一步提升你的應用程式。瞭解如何將 Widget 帶到 visionOS、透過 CarPlay 隨行使用,並利用強調色算繪模式呈現最佳外觀。此外,你也會瞭解如何在 watchOS 的「智慧型堆疊」中顯示相關 Widget,以及如何使用推播通知讓 Widget 保持最新狀態。
- Xcode 26 新功能探索 Xcode 26 的生產力與效能進展:在開發流程運用大型語言模型、編輯與除錯改進、更完善的效能與測試工具,以及 Xcode 採用的開源建置系統引擎 Swift Build。
- visionOS 26 最新功能探索 visionOS 26 的精彩新功能。認識強化的立體空間 API,並瞭解如何結合 SwiftUI、RealityKit 與 ARKit 的強大功能。探索如何運用更快速的手部追蹤與空間配件輸入,打造更引人入勝的應用程式與遊戲。搶先一覽 SharePlay、Compositor Services、沉浸式媒體、空間 Web、Enterprise API 等多項更新。
- watchOS 26 的全新功能探索 watchOS 26 的全新功能,並了解如何將它們整合至 watchOS 和 iOS 應用程式。認識 ARM64 架構,深入了解全新的設計系統。我們也會分享小工具的更新,以及如何將控制項帶到 Apple Watch。
- 以全新設計建構 AppKit 應用程式更新你的 AppKit 應用程式,充分發揮全新設計系統的優勢。我們將深入介紹標籤頁顯示方式、分割顯示方式、橫列、呈現方式、搜尋與控制項的主要變更,並示範如何在自訂 UI 中使用 Liquid Glass。若想充分掌握本影片內容,建議先觀看「認識全新設計系統」,瞭解一般設計指引。
- 以全新設計建構 SwiftUI 應用程式探索 Liquid Glass 如何改變應用程式的外觀與操作感受。瞭解這項亮眼的新材質如何強化跨平台的工具列、控制項與應用程式結構,提供令人愉悅的互動,並讓應用程式與系統順暢融合。學習如何採用新的 API,充分發揮 Liquid Glass 的優勢。
- 以全新設計建構 UIKit 應用程式更新你的 UIKit 應用程式,充分發揮全新設計系統的優勢。我們將深入介紹標籤頁顯示方式、分割顯示方式、橫列、呈現方式、搜尋與控制項的主要變更,並示範如何在自訂 UI 中使用 Liquid Glass。若想充分掌握本影片內容,建議先觀看「認識全新設計系統」,瞭解一般設計指引。
- 使用 Icon Composer 製作圖示了解如何使用 Icon Composer,為 iOS、iPadOS、macOS 和 watchOS 製作新版應用程式圖示。認識如何從所選的設計工具匯出資源、將資源加入 Icon Composer、套用即時玻璃屬性和其他效果,並針對不同平台和外觀模式預覽與調整圖示。
- 使用 Instruments 最佳化 SwiftUI 效能探索全新的 SwiftUI instrument。我們將說明 SwiftUI 如何更新顯示內容、應用程式資料的變更如何影響這些更新,以及新 instrument 如何協助你以視覺方式呈現其中的因果關係。若想充分掌握本 Session 內容,建議先熟悉如何使用 SwiftUI 撰寫應用程式。
- 使用 SwiftUI 在 visionOS 中設定場景探索精彩的新 API,強化 visionOS 應用程式中的視窗、立體空間與沉浸式空間。微調場景在重新啟動或鎖定位置時的行為。運用裁切邊界與吸附功能,讓立體空間適應周遭環境。從 Mac 串流沉浸式內容到 Vision Pro。以立體空間與沉浸式空間提升現有的 UIKit 應用程式。
- 強化 App 的多語言體驗使用 Language Discovery 依偏好語言最佳化 App,探索從右至左語言的支援進展,包括在雙向文字選取多個範圍的 Natural Selection,並掌握多語言情境最佳做法。
- 探索 SwiftUI 並行了解 SwiftUI 如何運用 Swift 並行打造安全、回應迅速的 App,包括預設使用 main actor、將工作交給其他 actor、解讀並行標註,以及透過事件迴圈管理非同步工作,維持流暢動畫與 UI 更新並避免資料競爭。
- 提升 iPad App 的設計學習 iPadOS App 設計實務:為可調整大小的視窗建立回應式版面、妥善安排視窗控制項、打造選單列,並認識新的指標與效果。
- 為 visionOS 設計 widget為 visionOS 26 設計自然融入周遭環境的 widget,加入深度並自訂空間運算材質、大小與樣式;也可調整既有 widget,或設計如真實物件般的新 widget。
- 相輔相成:SwiftUI 與 RealityKit探索如何在 visionOS 26 中流暢結合 SwiftUI 與 RealityKit。我們將介紹 Model3D 的改進,包括動畫與 ConfigurationCatalog 支援,並示範如何順暢轉換至 RealityView。你將瞭解如何利用 SwiftUI 動畫驅動 RealityKit 元件變更、實作互動式操控、使用新的 SwiftUI 元件提供更豐富的互動,以及從 SwiftUI 程式碼觀察…
- 認識 Liquid GlassLiquid Glass 統一 Apple 平台的設計語言,帶來更動態、更具表現力的體驗。認識其設計原則、核心光學與物理特性,以及適用情境與原因。
- 認識 SwiftUI 空間佈局探索使用 SwiftUI 建構空間體驗的新工具。瞭解 visionOS 上 3D SwiftUI 顯示方式的基礎、使用深度對齊自訂現有佈局,以及透過修飾器在空間中旋轉與放置顯示內容。探索如何使用空間容器,在同一個 3D 空間中對齊顯示內容,協助你打造沉浸且引人入勝的應用程式。
- 認識 SwiftUI 適用的 WebKit了解如何使用 WebKit 輕鬆將 Web 內容整合至 SwiftUI App,包括載入及顯示內容、與網頁通訊等。
- 認識全新的設計系統深入了解全新的設計系統,探索視覺設計、資訊架構和核心系統元件的重要變化。了解這套系統如何重塑介面與內容之間的關係,讓你建立能因應不同裝置、螢幕尺寸和輸入方式,兼具動態感、協調性和一致性的設計。
- 讓 Swift Charts 邁向第三維度瞭解如何使用 Chart3D,讓 2D Swift Charts 邁向第三維度,從全新視角呈現資料集。以 3D 繪製資料、呈現數學曲面,並自訂從相機到材質的每個細節,讓 3D 圖表更直覺、更令人愉悅。若想充分掌握本 Session 內容,建議先熟悉如何建立 2D Swift Charts。
- 讓 UIKit 應用程式更有彈性瞭解如何使用場景與容器顯示控制器,讓 UIKit 應用程式在 iPhone、iPad、Mac 與 Apple Vision Pro 上更有彈性。學習如何從以應用程式為中心的生命週期轉換為以場景為基礎的生命週期,發揮應用程式的完整潛力,包括更完善的視窗大小調整與多工處理。探索 UISplitViewController 的改進,例如互動式欄寬調整,以及對檢查器欄的完整支援。並採用新的佈局…
- 跟著寫程式:使用 AttributedString 在 SwiftUI 中打造豐富文字體驗瞭解如何運用 SwiftUI 的 TextEditor API 與 AttributedString 打造豐富文字體驗。探索如何啟用豐富文字編輯、建立可操控編輯器內容的自訂控制項,以及自訂可用的格式選項。深入認識 AttributedString 的進階功能,打造最佳的文字編輯體驗。
- 迎接 App 圖示的全新外觀概覽 iOS、iPadOS 與 macOS App 圖示的新外觀,包括明暗色調與透明選項。運用霧面與半透明效果增添活力,並確保圖示適合鏡面高光。
WWDC 2024
28 場 Session- AppKit 新功能探索 macOS Sequoia 的 Mac App 開發新功能、採用方式、將既有程式碼與 SwiftUI 整合的方法,以及工具列、選單與文字輸入等 AppKit 控制項改進。
- SF Symbols 6 新功能探索 SF Symbols 6,Apple 為各平台系統字體 San Francisco 設計的圖像資料庫。了解 Wiggle、Rotate 與 Breathe 動畫 preset。建議先觀看 WWDC23 的 SF Symbols 5 Session。
- StoreKit 與 App 內購買的新功能使用 App Store App 內購買系統建立更好的購買體驗。查看新的 StoreKit 顯示方式、訂閱自訂 API、交易欄位與 Xcode 測試功能,並了解一項重要的 StoreKit 淘汰項目。
- Swift Charts:向量化與函數圖使用函數圖與向量化圖呈現數學函數和大型資料集,包括空氣動力學、磁學、高階場論函數與大型互動熱圖。
- SwiftUI 基礎導覽 Apple 宣告式 UI 框架 SwiftUI。學習 view、狀態變數與版面等基礎概念,運用 API 建立完整體驗與自訂元件。
- SwiftUI 新功能使用 SwiftUI 建立各 Apple 平台 App。探索 iPadOS 標籤頁與文件外觀、視窗 API、visionOS 沉浸空間與體積控制,以及圖表、文字自訂和版面改進。
- UIKit 新功能探索 UIKit 的標籤頁、文件啟動體驗、轉場、文字與輸入更新,以及 UIKit 與 SwiftUI 動畫和手勢之間更好的互通性。
- Xcode 16 新功能探索 Xcode 16 的生產力與效能改進,包括程式碼補全、診斷、Xcode Previews、建置、除錯和 Instruments 更新。
- watchOS 11 新功能探索 Apple Watch 新機會,包括在 watchOS App 支援點兩下、讓智慧型堆疊 widget 更相關且可互動,以及在堆疊顯示 iOS 即時動態。
- 使用 Core Spotlight 支援語意搜尋使用 Core Spotlight 提供語意搜尋結果,將 App 內容放入使用者裝置端的私密索引,讓使用者以自然語言搜尋,並透過排程索引活動改善效能。建議先閱讀 Apple Developer 網站的 Core Spotlight 文件。
- 使用 Genmoji 為 App 加入表達力了解如何算繪、儲存與傳送包含 Genmoji 的文字,以及在自訂文字引擎中支援 Genmoji。
- 使用 SwiftUI 建立自訂視覺效果在 SwiftUI 建立捲動效果、色彩處理與自訂轉場,並使用 Metal shader 和自訂文字算繪製作進階圖形效果。
- 使用 SwiftUI 自訂 macOS 視窗依用途與操作需求調整 macOS 視窗。使用 SwiftUI 設定工具列和背景樣式、精確排列視窗,並處理復原與最小化。
- 充分運用 Apple PenciliOS 18、iPadOS 18 與 visionOS 2 的 PencilKit 工具選擇器支援具自訂屬性的自訂工具。了解如何加入繪圖工具,並使用 Apple Pencil Pro 的旋轉角度、按壓手勢與觸覺回饋。
- 在 SwiftUI 中使用視窗建立 visionOS、macOS 與 iPadOS 單視窗和多視窗 App。以程式開關視窗、調整位置與尺寸、替換視窗,並了解配合使用者工作流程的設計原則。
- 在 visionOS 建立自訂懸停效果建立隨視線更新 view 的懸停效果,以透明度、縮放與裁切組合按鈕展開效果,同時兼顧舒適度與無障礙需求。
- 將 App 控制項延伸到整個系統使用 WidgetKit 把 App 控制項帶到控制中心、鎖定畫面等系統介面。了解如何建立控制項、自訂外觀並提供設定。
- 將 TVML App 移轉到 SwiftUISwiftUI 是 tvOS 18 將內容帶到客廳的首選工具。使用 SwiftUI 建立熟悉的 TVMLKit 版面與控制項,並了解實作建議。
- 建立支援多語言的 App確保 App 適合多語言使用者。了解文字輸入、顯示、搜尋與格式化做法、不切換鍵盤的多語輸入,以及 String Catalog 的在地化改進。
- 強化 UI 動畫與轉場在導覽與呈現中採用縮放轉場,增加 App 的連續感;使用 SwiftUI 動畫驅動 UIKit view,建立連貫動畫。
- 掌握 SwiftUI 無障礙功能了解輔助技術如何透過 SwiftUI 的無障礙元素理解與導覽 App,以及如何使用無障礙修飾器補充內容與互動資訊。
- 提升 iPadOS 標籤頁與側邊欄體驗iPadOS 18 新導覽系統可在標籤列與側邊欄間切換。使用 SwiftUI 與 UIKit 讓使用者新增、移除及重新排列標籤頁。
- 改進文件啟動體驗使用新的文件啟動體驗凸顯文件型 App 的特色。透過新 API 自訂使用者開啟 App 時的第一個畫面,採用系統設計並加入自訂動作、裝飾檢視與動畫。
- 深入了解體積與沉浸式空間自訂 visionOS 體積與沉浸式空間的縮放和移動回應,以座標轉換讓兩者互動,回應數位錶冠的沉浸程度調整,並動態改變透視環境色調。
- 解析 SwiftUI 容器了解 SwiftUI 容器 view 如何管理 subview。使用新 API 建立自訂容器,並以 modifier 自訂容器內容。
- 認識聯絡人存取按鈕了解新的聯絡人授權模式。整合聯絡人存取按鈕,讓使用者視需要分享更多聯絡人並簡化授權,也會介紹安全功能與按鈕不適用時的替代 API。
- 開始使用 Writing Tools了解 Writing Tools 如何在 App 中協助校對、改寫與轉換文字,如何擷取和處理文字,以及如何在自訂文字 view 中支援。
- 開始使用動態字級動態字級讓使用者為系統與 App 選擇偏好的文字大小。了解運作原理、如何找出文字縮放問題、使用 SwiftUI 與 UIKit 支援縮放,以及以大型內容檢視器改善導覽控制項。