作者:Mitchell 

一、sizeClasses的用處###

• 蘋果推出了強(qiáng)大的sizeClasses，它的強(qiáng)大之處在哪里呢，就是我們之后寫代碼只用一個(gè)storyBoard可以完成更多屏幕的適配，橫屏、豎屏，iPhone、iPad。
• 當(dāng)我們創(chuàng)建了一個(gè)工程之后，進(jìn)入我們的StoryBoard，你回發(fā)現(xiàn)勾選了SizeClasses的界面會是一個(gè)600x600的正方形

sizeClasses1.1.png

• 點(diǎn)擊下方的wAny hAny，會彈出如下界面：

  
  
  sizeClasses1.2.png
• 這個(gè)界面的意思就是你可以選擇不同尺寸不同大小的屏幕，來對你的界面進(jìn)行適配。
• 比如我的這個(gè)工程在iphone豎屏的時(shí)候是一個(gè)效果，在橫屏的時(shí)候又是一個(gè)效果，在手機(jī)上展示的時(shí)候是這個(gè)效果，在iPad又是另一個(gè)效果，sizeClasses在AutoLayout的基礎(chǔ)上再一次很大的提高了工程師們的開發(fā)效率。

二、實(shí)例###

比如我想做一個(gè)這樣的效果，在豎著的時(shí)候按鈕是種樣式，但是到了橫屏的時(shí)候又變成另一個(gè)樣式。那么我們可以在storyboard中做這樣的設(shè)置：

sizeClasses1.3.png

sizeClasses1.4.png

4、關(guān)于Images.xcassets中圖片使用的技巧###

• 我們都知道在Images.xcassets中添加圖片的弊端就是用NSBundle方法去尋找圖片是找不到的，但是它也有一個(gè)好處，那就是可以進(jìn)行sizeClasses的適配，這也極大的簡便了我們的適配工作。
• 舉例：

• 第一步：選中我們的Images.xcassets，點(diǎn)擊要改變的圖片，選擇它的屬性界面。

  
  
  sizeClasses1.5.png

• 第二步：修改我們的Width，Height屬性，與storyboard中的sizeClasses的屬性保持一致，這樣的話我們的圖片就知道了我在什么情況下應(yīng)該顯示成為什么樣子的圖片，這樣的話當(dāng)我們的image就可以在不同的屏幕尺寸狀態(tài)下顯示不同的圖片了。

  
  
  sizeClasses1.6.png

5、總結(jié)###

• 本文只是簡單介紹了SizeClasses的用法，與使用情景，更多的用法還需在實(shí)踐中不斷的深入研究。