如何使用Storyboard來預覽UI在不同分辨率的運行效果?這就避免在每個調整約束上運行看在不同平面上運行的效果,今天就讓武林技術頻道小編帶你一起進入下文了解一下吧!
一、創建工程添加測試使用的UIImageView
創建一個測試工程,在ViewController上添加4個不同尺寸的UIImageView, 并且添加上不同的約束,最后添加上不同的文藝小清新的圖片,最終Storyboard上的控件和約束如下所示。

二、打開預覽界面
1.點擊Storyboard上左上角的按鈕 -> 點擊Preview -> 按著potion + shift鍵 點擊相應的Storyboard, 具體操作如下圖所示:

2.經過上面的操作后, 你會看到如下操作界面,在這個界面中你可以點擊右邊的加號按鈕來添加預覽窗口,如下圖所示:

三、添加預覽設備
1.雙擊上面加號的按鈕回出現預覽窗口,在預覽窗口左下方有一個加號按鈕,通過加號按鈕你可以添加不同尺寸的屏幕進行預覽,從3.5到iPad應有盡有,添加是的截圖如下所示。

2.把上述所有設備添加上以后的預覽效果如下圖所示,這種預覽效果僅限于使用Storyboard實現的控件,然而用純代碼寫的UI就沒有這么幸運了。預覽效果如下:

Storyboard的還是蠻強大的,類似這種小的技巧,Storyboard還有許多,在這就不做一一贅述了,以后有機會回慢慢的介紹的,在博客的最后呢給大家分享一下我萌萌的桌面吧~然而這個桌面對于你的技術的提高并沒有什么卵用~,愿大家天天快樂,工作開心呢!

以上就是如何使用Storyboard來預覽UI在不同分辨率的運行效果,希望對大家了解這方面內容有所幫助,想要了解更多的內容資訊,請繼續關注武林技術頻道!
新聞熱點
疑難解答