你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> iOS開發之運用Storyboard預覽UI在不同屏幕上的運轉效果

iOS開發之運用Storyboard預覽UI在不同屏幕上的運轉效果

編輯:IOS開發綜合

在公司做項目不斷運用Storyboard,雖然有時會遇到團隊協作的Storyboard抵觸問題,但是關於Storyboard開發效率之高還是比擬劃算的。在之前的博客中也提到過,團隊協作運用Storyboard時,防止抵觸無效的處理辦法是擔任UI開發的同事最好每人維護一個Storyboard, 公用的組件運用輕量級的xib或許純代碼來完成。這樣不但進步了開發效率,而且可以無效的防止Storyboard的抵觸。假如每團體維護一個Storyboard, 遇到抵觸了就以你自己的為准就OK了。

  言歸正傳,接上去就引見一下如何運用Storyboard來預覽UI在不同那個分辨率屏幕上的運轉效果,這就很好的防止了每次調整約束都要Run一下才干看到不同立體上運轉的效果,明天的博客就來詳述一下如何運用Storyboard來停止Preview運轉效果。接上去就一步一步的來看一下如何停止效果的預覽。

  一、創立工程添加測試運用的UIImageView

    創立一個測試工程,在ViewController上添加4個不同尺寸的UIImageView, 並且添加上不同的約束,最後添加上不同的文藝小清爽的圖片,最終Storyboard上的控件和約束如下所示。

  二、翻開預覽界面

    1.點擊Storyboard上左上角的按鈕 -> 點擊Preview -> 按著potion + shift鍵 點擊相應的Storyboard, 詳細操作如下圖所示:

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

  三、添加預覽設備

    1.雙擊下面加號的按鈕回呈現預覽窗口,在預覽窗口左下方有一個加號按鈕,經過加號按鈕你可以添加不同尺寸的屏幕停止預覽,從3.5到iPad應有盡有,添加是的截圖如下所示。


    2.把上述一切設備添加上當前的預覽效果如下圖所示,這種預覽效果僅限於運用Storyboard完成的控件,但是用純代碼寫的UI就沒有這麼僥幸了。預覽效果如下:


  Storyboard的還是蠻弱小的,相似這種小的技巧,Storyboard還有許多,在這就不做逐個贅述了,當前無機會回漸漸的引見的,在博客的最後呢給大家分享一下我萌萌的桌面吧~但是這個桌面關於你的技術的進步並沒有什麼卵用~,願大家天天高興,任務開心呢!


以上引見就是本文的全部內容,希望對大家有所協助。

【iOS開發之運用Storyboard預覽UI在不同屏幕上的運轉效果】的相關資料介紹到這裡,希望對您有所幫助! 提示:不會對讀者因本文所帶來的任何損失負責。如果您支持就請把本站添加至收藏夾哦!

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved