Storyboard教程-建立Tab Bar控制器和Web視圖

Tab Bar控制器和UIWebView

首先，和一般同樣，咱們簡單介紹一下Tab Bar控制器和UIWebView。你可能不屬性Tab Bar 這個術語，可是在多數iPhone Apps中常常遇到。看看下面的範例應用程序，它們都使用了Tab Bar控制器在每個tab 中顯示一個獨特的視圖。一般，一個Tab Bar 至少包含2個tabs，根據須要最多能夠添加5個tabs。

另外一方面，UIWebView 是加載web內容的輕便組件。在一些狀況下，你但願在App中顯示一個單一的web頁面，或者讓用戶在App中訪問外部web頁面，你能夠在App中簡單嵌入UIWebView對象，向它發送請求，加載web內容。

建立Tab Bar控制器

如今返回Xcode項目，首先回顧咱們已經完成的內容。若是你按照前面的教程，應該建立了一個簡單的菜譜應用程序，包含了導航界面。儘管沒有完整的實現，可是能夠正常運行的。

具體內容能夠參考：第十一部分：Storyboard 聯線教程-在視圖控制器間傳遞數據

在本教程中，咱們將完善上述App，並建立一個tab bar界面。你可能認爲這個會比較複雜，且須要大量的代碼。其實，經過storyboard功能，簡化了大量的工做。經過簡單點擊，就能夠輕鬆將導航控制器（Navigation Controller）嵌入到Tab Bar控制器中。

首先，選擇MainStoryboard.storyboard 中的Navigation Controller，接着選擇Editor 菜單下面的Embed in 子菜單，而後選擇 Tab Bar Controller選項。

從下圖中，你能夠看到Xcode自動將導航控制器嵌入到一個tab bar控制器中。超級簡單，對吧？你可能認爲這個很瑣碎。其實，在引入Storyboard 功能以前，如須要嵌入一個導航控制器，你須要編寫代碼，並設計一個獨立的NIB文件。

更改Tab Bar子項名稱

默認狀況下，Tab Bar 子項沒有名稱，也沒有圖標。在導航控制器中選擇tab 子項，你能夠在Attributes Inspector窗口，自由修更名稱，並指定圖標。Tab Bar子項默認爲custom 標識符。當設定爲custom時，意味着你須要手動指定標題（title）和圖像。

你也可使用一些內置的tab bar項目（如More、Favorites和Top Rated等等），這些已經包含了圖標。這裏爲了簡化教程，使用這些內置的項目。選擇Featured 做爲識別符（identifier），界面將以下所示：

運行App

如今能夠測試App了。點擊Run 按鈕，看看App的運行界面。App 應該和以前教程中建立的同樣，只是有了tab bar界面元素。