之前在一家公司做的專案都是使用純程式碼，最近在公司做專案使用Storyboard，雖然有時會遇到團隊合作的Storyboard衝突問題，但是對於Storyboard開發效率之高還是比較划算的。也有好多人認為用Storyboard進行團隊開發很容易產生衝突，其實並沒有想象中的那麼容易產生衝突的，純程式碼不也有產生衝突的時候嗎？團隊合作使用Storyboard時，避免衝突有效的解決方法是負責UI開發的同事最好每人維護一個Storyboard, 公用的元件使用輕量級的xib或者純程式碼來實現。這樣不但提高了開發效率，而且可以有效的避免Storyboard的衝突。如果每個人維護一個Storyboard, 遇到衝突了就以你自己的為準就OK了。

言歸正傳，之前我用Storyboard寫專案的時候，採用自動佈局，然後為了看不同螢幕的效果，都是換模擬器然後讓專案Run起來，遇到電腦給力的還好，如果電腦不行的話，等你Run完幾個螢幕之後，時間已經過了大半個小時。接下來就介紹一下如何使用Storyboard來預覽UI在不同那個解析度螢幕上的執行效果，這就很好的避免了每次調整約束都要Run一下才能看到不同平面上執行的效果，今天的部落格就來詳述一下如何使用Storyboard來進行Preview執行效果。接下來就一步一步的來看一下如何進行效果的預覽。

一:首先建立一個空的專案並新增幾個view

我們為了更方便看出效果，先將Storyboard中那個viewController的size設定為4.7-inch，然後新增幾個view(設定背景顏色為了方便觀看效果),並且設定好約束。

二:開啟預覽介面

1. 點選Storyboard上左上角的按鈕 -> 點選Preview -> 按著option + shift鍵 點選相應的Storyboard, 具體操作如下圖所示：
   
2. 經過上面的操作後， 你會看到如下操作介面，在這個介面中你可以雙擊右邊的加號按鈕來新增預覽視窗，如下圖所示：
   

三:新增預覽裝置

1. 通過上面的操作，會出現預覽視窗，在預覽視窗左下方有一個加號按鈕，通過加號按鈕你可以新增不同尺寸的螢幕進行預覽，從3.5到iPad應有盡有，新增是的截圖如下所示：
   
2. 我們可以通過新增預覽裝置預覽在不同裝置上的UI效果，如下圖所示，我們可以看到4.7英寸的預覽效果和我們繪製的時候是一樣的：
   

PS：這種預覽效果僅限於使用Storyboard實現的控制元件，然而用純程式碼寫的UI就不能這麼預覽了。

如果文中有錯誤的地方，歡迎糾正。也歡迎聯絡！