iOS應(yīng)用開發(fā)中StoryBoard搭建UI界面的基本使用講解
StoryBoard 的本質(zhì)
StoryBoard 是蘋果在 iOS 5 中引入的新技術(shù)方案,目的是給紛繁復(fù)雜的 nib、xib 們一個溫暖的家,讓他們之間的關(guān)系更直觀地展示出來,并提供了一種新的頁面間跳轉(zhuǎn)方式 segue。
StoryBoard 的本質(zhì)是一個 XML 文件,描述了若干窗體、組件、Auto Layout 約束等關(guān)鍵信息。示例文件:https://github.com/johnlui/AutoLayout/blob/master/AutoLayout/Base.lproj/Main.storyboard
但是,我們應(yīng)該認(rèn)識到一個更重要的本質(zhì):使用 StoryBoard 的 iOS 項(xiàng)目均以初始化 StoryBoard 文件作為整個程序的初始化入口,UIViewController 類是由于被 StoryBoard 綁定而初始化,從而開始運(yùn)行的。從下面兩個地方可以找到蛛絲馬跡:


奇怪的 bug
初學(xué) iOS 開發(fā)的時(shí)候,如果使用了 StoryBoard,大家可能遇到過這個奇怪的 bug,頁面全黑:

如果大家跟我一樣純靠找資料自學(xué)而沒有人教的話,一定出現(xiàn)過死活找不到原因而新建一個項(xiàng)目的尷尬情況吧 o(╯□╰)o,其實(shí)秘密在這里:

這表示這個窗體是此 StoryBoard 的初始窗體的意思,這樣 APP 在啟動以后,會先啟動主 StoryBoard,主 StoryBoard 會啟動它的初始窗體,初始窗體啟動跟他綁定的類,這樣 APP 就啟動完成了。
多 StoryBoard 最佳實(shí)踐
托福喵 【已下架】1.0 版是我第一個上架的項(xiàng)目,只用了初始化項(xiàng)目時(shí)建立的那唯一的 Main.storyboard,里面有二十幾個窗體,在 Xcode 里每次點(diǎn)擊打開都要等五秒才能完全渲染完畢,而且 Segue 線交錯縱橫,非常凌亂。這顯然不是個好的組織方式。
我現(xiàn)在正在重寫的托福喵第二版已經(jīng)采用了多 StoryBoard 的解決方案,把一些獨(dú)立的窗體組合放到一起使用一個 StoryBoard 進(jìn)行組織,比如登陸注冊的幾個窗體,考試界面的幾個窗體,關(guān)于我們的幾個窗體等。下面我們將一起學(xué)習(xí)如何使用多 StoryBoard。
新建第二個 StoryBoard
如下圖:

給 Second.storyboard 拖入一個 View Controller:

如何調(diào)用 Second.storyboard 中的窗體?
首先,編譯項(xiàng)目,我們得到如下警告:

這個警告的意思是,這個窗體沒有入口,無法被觸達(dá)。如何讓他能夠被觸達(dá)?兩種方式:
設(shè)置為該 StoryBoard 的初始窗體:

給該窗體設(shè)置一個 StoryBoard ID:

能夠被觸達(dá)之后,讓我們用代碼調(diào)用他們:
① 作為初始窗體
let vc = UIStoryboard(name: "Second", bundle: nil).instantiateInitialViewController() as! UIViewController
self.navigationController?.pushViewController(vc, animated: true)
② 設(shè)置了 StoryBoard ID
let vc = UIStoryboard(name: "Second", bundle: nil).instantiateViewControllerWithIdentifier("First") as! UIViewController
self.navigationController?.pushViewController(vc, animated: true)
當(dāng)然,也可以用 self.presentViewController 調(diào)用他們。
查看效果

多個storyboard間跳轉(zhuǎn)總結(jié)
Stroyboard 可以被看作一個管理View畫面的集合。也就是說一個iOS專案裡面并沒有限制只能有一個Storyboard。
所以在你的APP專案中,你可以把功能相近的View放到同一個APP之中,形成一個群組,方便功能上的管理。
1.在專案中準(zhǔn)備2個Storyboard
在一個IOS的專案裡面建立兩個StoryBoard。
2. 在第一個StoryBoard中,我們拉出了一個Navigation 的Template,在[Main View Controller]這個中View裡面拉進(jìn)一個Button。
3. 接著在第二個StoryBoard裡面我們也拉出一個Navigation template。
在畫面中拉一個Label標(biāo)籤,并且在裡面我們把文字改成Storyboard2。這只是用來識別目前我們被帶到哪一個畫面之中。
4. 在第一個StoryBoard畫面中的Botton裡面,我們要在按鈕的[TouchUpinside]事件中撰寫底下的程式碼。
UIStoryboard *secondStoryBoard = [UIStoryboard storyboardWithName:@"Storyboard2" bundle:nil];
UIViewController* test2obj = [secondStoryBoard instantiateViewControllerWithIdentifier:@"test2"]; //test2為viewcontroller的StoryboardId
[self.navigationController pushViewController:test2obj animated:YES];
第一步就是要先指定UIStoryboard物件,這邊我們要指向?qū)0钢械牡诙€Storyboard。
接下來我們要先New出一個Controller物件,這是你要Push到的下一個View頁面,他所對應(yīng)的Controller。
最后使用self.navigationController推網(wǎng)頁到下一頁。
相關(guān)文章
詳解iOS應(yīng)用使用Storyboard布局時(shí)的IBOutlet與IBAction
這篇文章主要介紹了iOS應(yīng)用使用Storyboard布局時(shí)的IBOutlet與IBAction,文中還附帶講解了為什么IBOutlet屬性是weak的,需要的朋友可以參考下2016-04-04
IOS 應(yīng)用程序管理的實(shí)現(xiàn)
這篇文章主要介紹了IOS 應(yīng)用程序管理的實(shí)現(xiàn)的相關(guān)資料,希望通過本文能幫助到大家,讓大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-10-10
iOS中關(guān)于Taptic-Engine震動反饋的深入解析
這篇文章主要給大家介紹了關(guān)于iOS中關(guān)于Taptic-Engine震動反饋的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
iOS開發(fā)使用GDataXML框架解析網(wǎng)絡(luò)數(shù)據(jù)
GDataXML是Google開發(fā)的一個XML解析庫,輕便,特點(diǎn)使用非常簡單,支持XPath。今天把前兩天弄的IOS XML解析記錄下來,也供大家參考。2016-02-02

