iOS - SizeClasses的基本使用

作者:Mitchell 

---

一、sizeClasses的用处###

• 苹果推出了强大的sizeClasses，它的强大之处在哪里呢，就是我们之后写代码只用一个storyBoard可以完成更多屏幕的适配，横屏、竖屏，iPhone、iPad。
• 当我们创建了一个工程之后，进入我们的StoryBoard，你回发现勾选了SizeClasses的界面会是一个600x600的正方形

sizeClasses1.1.png

• 点击下方的wAny hAny，会弹出如下界面：

  
  
  

  sizeClasses1.2.png
• 这个界面的意思就是你可以选择不同尺寸不同大小的屏幕，来对你的界面进行适配。
• 比如我的这个工程在iphone竖屏的时候是一个效果，在横屏的时候又是一个效果，在手机上展示的时候是这个效果，在iPad又是另一个效果，sizeClasses在AutoLayout的基础上再一次很大的提高了工程师们的开发效率。

---

二、实例###

比如我想做一个这样的效果，在竖着的时候按钮是种样式，但是到了横屏的时候又变成另一个样式。那么我们可以在storyboard中做这样的设置：

sizeClasses1.3.png

sizeClasses1.4.png

那么这样我们就完成了，横竖屏两个不同界面的设置。

---

4、关于Images.xcassets中图片使用的技巧###

• 我们都知道在Images.xcassets中添加图片的弊端就是用NSBundle方法去寻找图片是找不到的，但是它也有一个好处，那就是可以进行sizeClasses的适配，这也极大的简便了我们的适配工作。
• 举例：

• 第一步：选中我们的Images.xcassets，点击要改变的图片，选择它的属性界面。

  
  
  

  sizeClasses1.5.png

• 第二步：修改我们的Width，Height属性，与storyboard中的sizeClasses的属性保持一致，这样的话我们的图片就知道了我在什么情况下应该显示成为什么样子的图片，这样的话当我们的image就可以在不同的屏幕尺寸状态下显示不同的图片了。

  
  
  

  sizeClasses1.6.png

---

5、总结###

• 本文只是简单介绍了SizeClasses的用法，与使用情景，更多的用法还需在实践中不断的深入研究。