iOS 開發 - 暸解 Storyboard 1/2

Dec 2, 2017 iOS English

Storyboard 已經由官方推出了好一陣子，對於開發者來說它是一個很重要的功能。因此，在開始動手實作前，若能先對它建立基礎的認識將會幫助你之後的開發工作。在這篇文章中，我將介紹有關於 Storyboard 的資訊，希望能進一步幫助你暸解它。

暸解 Storyboard

在開始介紹之前，我們先來了解當你的 iOS 應用程式啟動時會發生什麼事情。當你的應用程式啟動時，系統會先去讀取 Info.plist 裡面的資料才能進行初始化，讀取資料時系統會試著找出哪一個 Storyboard 需要被載入。那它是如何被定義的呢？現在，打開 Xcode 然後建立一個 Single Page 應用程式，然後選擇 Info.plist。你可以找到其中一欄為 Main storyboard file base name，然後值為 Main。這代表了系統讀取 Info.plist 後，它會去載入名稱為 Main.storyboard 的 Storyboard。概念如下： 暸解後，來更進一步深入 Storyboard。打開 Xcode 並建立一個 Tabbed 應用程式，然後點選 Main.storyboard。現在你應該可以看到有一個箭頭指向一個場景 (被標記為 Tab Bar Controller 的長方形物件)，這個箭頭說明了這裡是該應用程式的進入點 (Entry point)。它看起來像這樣： 你也可能注意到這個箭頭是可以拖曳的，沒錯你可以拖拉並將它指向其他的場景，一旦你更改它的位置也就代表了你變更了應用程式的進入點。如果你的應用程式架構、設計是比較複雜的，這時候你就需要加入更多的場景到 Storyboard 中。所以你的應用程式可能就會看起來像這樣： 上面的圖片代表在這個應用程式中，你擁有兩個不同的場景可以供使用者切換，相信你也注意到應用程式的進入點與場景中有線條連接著。那些線條描述了場景之間的關係。在 iOS 開發的世界中，場景之間的關係稱之為 Segue。到目前為止，你應該已經掌握了 Storyboard 的基本概念，所以 Storyboard 到底是什麼呢？以我的觀點來說，Storyboard 是一個將你的應用程式架構、流程視覺化的功能，而且它大幅簡化了整個設計的過程。

暸解 View Controller

在上面的段落中，我提到了場景 (Scene) 好多次。實際上，每一個場景都是建立在 View Controller 之上。試著把它想成一個容器，一個場景會需要好多的元件，例如：按鈕、文字方塊等等。而我們將這些元件放進 View Controller 這個容器裡，這樣我們就可以透過它來進行更細部的管理。

但是我們要如何利用程式來設定、控制 View Controller 呢？ 要達成這個目的，我們可以新增一個 Swift 檔案，然後加入一個 Class。然後打開 Main.storyboard 並選擇一個 View Controller，然後在 Identity Inspector 裡面有一欄 Class，將它的值設定成你剛剛新增的 Class。這樣一來，你就可以利用程式碼控制 View Controller。概念如下： 到目前為止，相信你已經對 Storyboard 有更近一步的了解，我將會在之後的文章中介紹更多細節。希望此篇文章有幫助到你。繼續閱讀 iOS 開發 - 暸解 Storyboard 2/2。

你也可能會喜歡：

---