自學系列 | iOS Swift | 第二課:介面開發 (UIKit) Part 2
熟悉 UIKit Fundamentals — 多頁畫面
這篇文章承接 Part 1, 繼續 Udacity iOS App Nanodegree 第二課的導讀。
3. 其他 UI 元件
- UIImagePickerController
當 App 需要取用手機的相簿時,就可以使用 UIImagePickerController 讓 App 跳出選擇相片的畫面,如左圖。它需要遵循的 Protocol 有 UIImagePickerControllerDelegate 以及 UINavigationControllerDelegate。關於 Delegate 的用法及意含可以看上一篇。
- UIActivityViewController
UIActivityViewController(如中圖) 常用在分享照片、或分享網址連結的時候,我們透過它將要分享的東西傳到其他 App 上。
- UIAlertController
UIAlertController 有幾種形式,常見的有上方右圖那種從底下冒出來的選單,也有從螢幕中央跳出來的警示(下方左圖),它也可以結合 UITextField 做出簡易的資料輸入,例如下方右圖。
4. 多頁畫面
- UINavigationController / UITabBarController
畫面上方的是 NavigationController,我們在第一課有使用過(可以看這篇),通常左邊的按鈕負責回到前一頁,右邊的按鈕則可以實作不同需求,像是分享、跳出選單…等等。畫面下方的是 TabBarController,用於在不同頁面之間切換。詳細的實作 Udacity 課程影片講了很多,這邊就不多說了。
學完第二課,我們已經熟悉 UIKit 當中最常見的幾個元件,
包含幾乎所有 App 都會用到的 UITableView、UICollectionView,可以在多頁面之間轉換的 UINavigationController、UITabBarController,還有一些小工具如用來輸入文字的 UITextField、用來挑照片的 UIImagePickerController、會跳出選單或警示的 UIAlertController。
還有最最重要的 Delegate!
準備好前往下一課了嗎?
第三堂課:網路資料傳輸處理 (Networking)
第四堂課:手機上的資料儲存 (Core Data)
第五堂課:從發想到上架的方法論
如果喜歡這樣的自學系列,請幫我拍拍手 👏另外,我把之前寫的程式學習相關文章集結在底下的列表,有閒來坐 🤗