iOS開發(fā)之使用Storyboard預覽UI在不同屏幕上的運行效果
在公司做項目一直使用Storyboard，雖然有時會遇到團隊合作的Storyboard沖突問題，但是對于Storyboard開發(fā)效率之高還是比較劃算的。在之前的博客中也提到過，團隊合作使用Storyboard時，避免沖突有效的解決方法是負責UI開發(fā)的同事最好每人維護一個Storyboard, 公用的組件使用輕量級的xib或者純代碼來實現(xiàn)。這樣不但提高了開發(fā)效率，而且可以有效的避免Storyboard的沖突。如果每個人維護一個Storyboard, 遇到沖突了就以你自己的為準就OK了。
言歸正傳，接下來就介紹一下如何使用Storyboard來預覽UI在不同那個分辨率屏幕上的運行效果，這就很好的避免了每次調整約束都要Run一下才能看到不同平面上運行的效果，今天的博客就來詳述一下如何使用Storyboard來進行Preview運行效果。接下來就一步一步的來看一下如何進行效果的預覽。
一、創(chuàng)建工程添加測試使用的UIImageView
創(chuàng)建一個測試工程，在ViewController上添加4個不同尺寸的UIImageView, 并且添加上不同的約束，最后添加上不同的文藝小清新的圖片，最終Storyboard上的控件和約束如下所示。
二、打開預覽界面
1.點擊Storyboard上左上角的按鈕 -> 點擊Preview -> 按著potion + shift鍵 點擊相應的Storyboard, 具體操作如下圖所示：
2.經過上面的操作后， 你會看到如下操作界面，在這個界面中你可以點擊右邊的加號按鈕來添加預覽窗口，如下圖所示：
三、添加預覽設備
1.雙擊上面加號的按鈕回出現(xiàn)預覽窗口，在預覽窗口左下方有一個加號按鈕，通過加號按鈕你可以添加不同尺寸的屏幕進行預覽，從3.5到iPad應有盡有，添加是的截圖如下所示。
2.把上述所有設備添加上以后的預覽效果如下圖所示，這種預覽效果僅限于使用Storyboard實現(xiàn)的控件，然而用純代碼寫的UI就沒有這么幸運了。預覽效果如下：
Storyboard的還是蠻強大的，類似這種小的技巧，Storyboard還有許多，在這就不做一一贅述了，以后有機會回慢慢的介紹的，在博客的最后呢給大家分享一下我萌萌的桌面吧~然而這個桌面對于你的技術的提高并沒有什么卵用~，愿大家天天快樂，工作開心呢！
以上介紹就是本文的全部內容，希望對大家有所幫助。
相關文章
這篇文章主要為大家詳細介紹了iOS集成微信支付開發(fā),具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了iPhoneX 媒體查詢適配的方法教程，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
全面解析iOS中同步請求、異步請求、GET請求、POST請求
通過本文給大家全面解析了iOS中同步請求、異步請求、GET請求、POST請求，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧2016-08-08
這篇文章主要介紹了iOS密碼在進入后臺1小時后重新設置的相關資料,需要的朋友可以參考下2017-08-08
這篇文章主要介紹的是自己在打包上傳項目的時候遇到的一個問題，通過自己的努力一步步解決了，現(xiàn)將解決方法方法分享給大家，希望給同樣遇到這個問題的朋友們能有所幫助，下面來一起看看吧。2016-09-09
本篇文章主要介紹了詳解iOS 加載本地HTML，css，js，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
iOS開發(fā)，最郁悶的莫過于程序毫無征兆地就崩潰了，用bt命令打出調用棧，給出的是一堆系統(tǒng)EXC_BAD_ACCESS的信息，根本沒辦法定位問題出現(xiàn)在哪里2013-06-06
這篇文章主要介紹了詳解Swift model 解析的兩種方法的相關資料,希望通過本文大家能夠掌握這里的兩種實現(xiàn)方法，需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細介紹了iOS開發(fā)實現(xiàn)簡單計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
詳解IOS開發(fā)之實現(xiàn)App消息推送（最新）
這篇文章主要介紹了詳解IOS開發(fā)之實現(xiàn)App消息推送（最新），具有一定的參考價值，有興趣的可以了解一下。2016-12-12