自學系列 | iOS Swift | 第二課:介面開發 (UIKit) Part 2

熟悉 UIKit Fundamentals — 多頁畫面

Chloé
YiYi Network
4 min readApr 25, 2018

--

Photo by Tyler Nix on Unsplash

這篇文章承接 Part 1, 繼續 Udacity iOS App Nanodegree 第二課的導讀。

3. 其他 UI 元件

(左) UIImagePickerController / (中) UIActivityViewController / (右) UIAlertController
  • 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)

第五堂課:從發想到上架的方法論

如果喜歡這樣的自學系列,請幫我拍拍手 👏另外,我把之前寫的程式學習相關文章集結在底下的列表,有閒來坐 🤗

--

--

Chloé
YiYi Network

📍Taipei, Taiwan 👩🏻‍💻 Software Developer