iOS基礎 02 StoryBoard 故事板檔案

標籤：

 

iOS基礎 02 StoryBoard 故事板檔案

 

目錄：

　　1. 故事板的導航特點

　　2. 故事板中的Scene和Segue

　　3. 本文最後

 

　　在上篇HelloWorld工程中有一個Main.storyboard檔案，它被稱為“故事板”（storyboard）檔案。

　　它可以描述應用中有哪些介面，介面有哪些控制項以及它們的事件。

 

　　此外，故事板還能描述介面之間是如何導航的。

 

1. 故事板的導航特點

　　在包含多個視圖控制器的情況下，採用故事板管理比較方便，而且故事板還可以描述介面之間的導航關係。

 

　　下面我們舉例說明故事板的用法。

　　我們要做這樣一個應用：兩個不同的介面，有兩個標籤分別與其對應，點擊標籤，實現兩個介面的互相切換。

　　該應用採用標籤欄導航模式，設計原型的草圖如下：

 

　　選擇Tabbed Application模板建立工程，在產生的工程中開啟Main.storyboard檔案。我們可以看到的設計檢視：

 

　　可以看到，該應用程式套件含兩個視圖，並且兩個視圖存在切換關係。

 

說明：

　　在一些老版本Xcode建立的工程中，經常會看到xib檔案。事實上，xib與故事板是非常相似的技術。

 

　　那麼故事板與xib比較，是否只是檔案尾碼名不同呢？

　　當然不是，一般而言，一個工程中國年可以有多個xib檔案，一個xib檔案對應一個視圖控制器和多個視圖。而使用故事板時，一個工程只需要一個主故事板檔案就可以了。

 

 

 

2. 故事板中的Scene和Segue

　　Scene和Segue是故事板中非常重要的兩個概念。每個視圖控制器都會對應一個Scene（譯為“情境”），可以理解為應用的一個介面或螢幕，其中有很多視圖或控制項，相當於一個xib。

 

　　這些Scene之間通過Segue串連，Segue不但定義了Scene之間的跳轉（或導航）方式，還體現了Scene之間的關係。

 

　　跳轉的類型分為：Push、Modal、Popover和自訂方式。Scene跳轉類型還要跟具體的控制器結合使用。

　　Push是樹形導航模式，Modal是模態導航模式，Popover是呈現浮動視窗，這些導航模式咱們後續再詳細逐一介紹。

 

　　除了Scene和Segue之外，故事板中還有關於表視圖儲存格的一些新東西，這些我們也會在後續單獨逐一介紹。

  

 

3. 本文最後

　　沒有結尾總覺得哪裡怪怪得。。。

 

iOS基礎 02 StoryBoard 故事板檔案