iOS Tigers 4. 使用 UIKit 建構 UI

分類: iOS Tigers
追蹤清單 分享
分享課程
頁面連結
分享到社群媒體

關於此課程

本模組介紹學生使用 UIKit 建構 iOS 使用者介面,這是 Apple 的主要 UI 開發框架之一。

在三個星期的課程中,學生將深入了解視圖如何在階層結構中運作,如何使用手動框架式佈局和 Auto Layout 限制來定位元素,以及如何使用系統提供的視圖,如標籤、按鈕、圖像和開關。

學生還將深入研究使用 UIViewController 的視圖管理,學習其生命週期以及如何呈現、解散和在視圖控制器之間導航。這包括使用 UINavigationController 來管理階層式導航和 UITabBarController 來管理基於標籤的介面。

在最後一週,學生將處理更進階的 UI 元素,如 UIScrollView 用於處理可滾動內容、UITableView 用於顯示資料列表,以及 UICollectionView 用於管理更複雜的佈局。

在本模組結束時,學生將能夠使用 UIKit 的原生工具和元件來為 iOS 應用程式創建精緻、響應式的使用者介面

你將會學習到什麼?

  • To design and manage iOS app interfaces using UIKit
  • Master layout techniques with frames, Auto Layout, and UIStackView
  • Understand view controllers and how to navigate between screens
  • Build dynamic, scrollable lists and complex layouts with UITableView and UICollectionView

課程內容

掌握視圖(Views)和佈局(Layouts)
學習視圖的基礎知識,如何使用框架和 Auto Layout 來定位和佈局 UI 元素,並探索系統視圖,如標籤和按鈕。

  • 層級和定位
    00:00
  • 練習使用 UIView
  • UIView
  • 為什麼要手動做?自動排版(Auto Layout)和約束(Constraints)
    00:00
  • 練習使用 Autolayout
  • Autolayout
  • 探索常見系統視圖
    00:00
  • 練習常見視圖
  • 系統視圖
  • 創建自定義視圖和了解視圖生命週期
    00:00
  • 練習使用自定義視圖
  • 自定義視圖

管理視圖控制器(View Controllers)
本週重點介紹使用 UIViewController 來管理和導航螢幕之間,涵蓋視圖控制器生命週期、呈現/解散視圖,以及實施導航和標籤欄控制器以實現更複雜的應用程式結構。

進階 UI 元件
深入探索更複雜的 UI 元件,學習如何使用 UIScrollView 處理可滾動內容、使用 UITableView 顯示動態列表,以及使用 UICollectionView 創建靈活的網格式佈局。