iOS開發簡記（6）：storyboard的使用

從xib到storyboard，iOS界面開發的方式在變化。

這裏記錄怎麼使用storyboard來完成簡單的界面開發，好比實現一個「我」的簡單界面。

（1）新建storyboard

在新建文件嚮導中，選擇storyboard並命名便可。

（2）拉入viewcontroller

storyboard以vc爲載體，因此應該往storyboard中拉入viewcontroller，好比：

以上拉入了一個vc，並且還往vc的view中加了一個label。

（3）關聯viewcontroller

往storyboard拉入一個vc後，接下來，讓這個vc關聯到代碼中的vc類。

先建立一個vc類，好比這樣（這裏以qmuikit的QMUICommonViewController做爲基類）：

而後在storyboard界面，關聯這個vc類，好比：

注意上面關聯vc類時，還給storybaord指定了一個ID，這個在後面會用到。

操做上，也能夠先建立一個vc類，再建立storyborad並關聯這個vc類。

（4）使用storyboard

在關聯了vc以後，就可使用這個vc類了，也就是使用了關聯的storyboard，好比這樣使用這個vc類：

運行起來發現界面什麼都沒有，以前加的label也沒有顯示出來。

緣由是，以前加的label並無設置text，因此看不到文字。

通常狀況下，咱們須要關聯這個label，並在代碼中靈活地設置text的內容。跟先定義一個vc類同樣，先在代碼中定義一個UILabel，並加上IBOutlet關鍵字，好比：

@property(nonatomic, strong)IBOutlet UILabel* nickinfo;

這時，這行代碼的最左邊，會出現一個空的圓圈，能夠拉住這個圓圈關聯控件，操做以下面的截圖所示（須要以new window的方式打開MeViewController.h文件）：

若是圓圈沒法拉動到控件，哪也有多是xcode的問題，重啓一下xcode就能正常，小程正好遇到一次這樣的狀況（xcode10）。

關聯控件後，就能夠在代碼中操做它了，好比：

運行效果是這樣的：

 

本文演示的APP的源碼：

https://github.com/crazy0363/sound-show-zhiyin

本APP已上架AppStore，歡迎您使用。地址：https://itunes.apple.com/cn/app/%E5%A4%A9%E6%B6%AF%E4%BD%95%E5%A4%84%E8%A7%85%E7%9F%A5%E9%9F%B3/id1439297254?mt=8&from=groupmessage&isappinstalled=0

或在AppStore搜索「覓知音」或「天涯何處」，下載安裝。