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的用法,与使用情景,更多的用法还需在实践中不断的深入研究。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,276评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,167评论 25 709
  • 首先,对于100天英语行动的解释。 2017年5月12日当天,收到一本网友送的晨读英语美文口袋本,就是那种大学生中...
    周某某2019阅读 383评论 1 1
  • 我和老公的事情,没什么人知道,就一个人,我同桌。我们关系很好,我想,如果真的有一天我们走不下去了,至少我还能借她的...
    cw_yokare阅读 234评论 0 0
  • 你刚离开的时候,我躲避了熟悉的人群,每天只在家里和工作的地方出入,刻意的不去想,不去打听,不去联系,就怕听说了你的...
    玉漓桑阅读 286评论 0 0