作者:Mitchell
一、sizeClasses的用處###
- 蘋果推出了強大的sizeClasses,它的強大之處在哪里呢抓谴,就是我們之后寫代碼只用一個storyBoard可以完成更多屏幕的適配,橫屏寞缝、豎屏癌压,iPhone、iPad荆陆。
- 當我們創(chuàng)建了一個工程之后滩届,進入我們的StoryBoard,你回發(fā)現(xiàn)勾選了SizeClasses的界面會是一個600x600的正方形
sizeClasses1.1.png
-
點擊下方的wAny hAny被啼,會彈出如下界面:
sizeClasses1.2.png - 這個界面的意思就是你可以選擇不同尺寸不同大小的屏幕帜消,來對你的界面進行適配。
- 比如我的這個工程在iphone豎屏的時候是一個效果浓体,在橫屏的時候又是一個效果泡挺,在手機上展示的時候是這個效果,在iPad又是另一個效果汹碱,sizeClasses在AutoLayout的基礎上再一次很大的提高了工程師們的開發(fā)效率粘衬。
二、實例###
比如我想做一個這樣的效果咳促,在豎著的時候按鈕是種樣式稚新,但是到了橫屏的時候又變成另一個樣式。那么我們可以在storyboard中做這樣的設置:
sizeClasses1.3.png
sizeClasses1.4.png
那么這樣我們就完成了跪腹,橫豎屏兩個不同界面的設置褂删。
4、關于Images.xcassets中圖片使用的技巧###
- 我們都知道在Images.xcassets中添加圖片的弊端就是用NSBundle方法去尋找圖片是找不到的冲茸,但是它也有一個好處屯阀,那就是可以進行sizeClasses的適配,這也極大的簡便了我們的適配工作轴术。
- 舉例:
-
第一步:選中我們的Images.xcassets难衰,點擊要改變的圖片,選擇它的屬性界面逗栽。
sizeClasses1.5.png -
第二步:修改我們的Width盖袭,Height屬性,與storyboard中的sizeClasses的屬性保持一致,這樣的話我們的圖片就知道了我在什么情況下應該顯示成為什么樣子的圖片鳄虱,這樣的話當我們的image就可以在不同的屏幕尺寸狀態(tài)下顯示不同的圖片了弟塞。
sizeClasses1.6.png
5、總結###
- 本文只是簡單介紹了SizeClasses的用法拙已,與使用情景决记,更多的用法還需在實踐中不斷的深入研究。