2017年12月11日

iOS 開發教學 - 暸解 Storyboard 2/2 ( iOS Development - A basic introduction to Storyboard Part 2 )

在上一篇暸解 Storyboard 的文章中,用很簡單的方式介紹了關於 Storyboard 的基礎概念, 而此篇文章將根據上一篇的內容作一些補充說明。建議從上一篇先開始閱讀,基本概念掌握後閱讀此篇較適合。最後,本篇文章是基於 Swift 4 的環境下進行。( If you want to read this article in English, you can visit here )



設定 Storyboard 初始場景

之前有提到每一個 iOS 應用程式都會擁有一個進入點 (Entry Point),我們可以透過 Storyboard 上的箭頭來指定要使用哪一個場景 (Scene) 當作進入點,但該箭頭其實是可以被刪除的。若你不小心誤刪的話,系統會不知道進入點是哪一個造成運作不正常。這時候我們可以使用 Attributes Inspector 來指定應用程式的進入點,選擇你想使用的場景然後將選項 Is initial View Controller 打勾即可。操作畫面參考下圖:



設定 ViewController 的 Class

在上一篇文章中,我提到了我們可以利用程式碼來設定、控制 ViewController,但我們需要新增 Swift 檔案 (.swift) 來達成。接下來我來一步一步示範。按照上一篇的內容,建立一個 Tabbed 應用程式之後,在專案資料夾內新增一個 Swift 檔案,選擇 Cocoa Touch Class ,參考下面步驟:



然後輸入你的檔案名稱,並設定 Subclass ofUIViewController,參考下圖:



現在我們已經成功建立了 Swift 檔案,但這個時候 Storyboard 還不知道你要透過這個檔案來控制 ViewController。因此我們必須要進一步設定它。在 Storyboard 畫面中點選你想要設定的 ViewContoller,然後在右邊的 Identity Inspector 中的 Class 欄位加入你剛剛輸入的檔名。參考下圖:



設定完成後,你就可以在 Swift 檔案中設定、控制你剛剛選擇的 ViewController。至於要如何寫程式控制 ViewController,我們會需要好幾個篇幅來好好的介紹它,畢竟幾乎所有的場景都會需要用到它。之後在實作的文章裡,會陸續補充 Storyboard 資料。



Environment :
  ・ macOS



熱門文章