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搜索“覓知音”或“天涯何處”，下載安裝。