【知识总结】sizeclass使用

作用:

1,仅仅对屏幕进行分类,真正排布UI元素还得使用autolayout;
2,不再有横竖屏的概念,只有屏幕尺寸的概念;
3,不再有具体尺寸的概念,只有抽象尺寸的概念。

属性介绍:

把宽度和高度分为3中情况:
1,Compact:紧凑(小)
2,Any:任意
3,Regular: 宽松(大)

屏幕快照 2015-10-12 下午10.39.37.png
 符号代表:
                -:Compact
                *:Any
                +:Regular
 继承性:
                * * :能被其他8种情况继承
                * - :能被 + - \  - - 继承
                + *:能被 + - \ + + 集成
                以此类推。

使用:

1,需求

一个控件(比如switch)在不同的屏幕尺寸的情况下,现在在不同的位置。

2,实现

拖入一个switch

拖入switch控件.png

在右边的工具栏第三项中,勾选 Installed,说明可以显示

勾选Installed显示.png

通过点击 “ + ”按钮添加显示的情况

添加需要显示的屏幕情况.png
例如:

只勾选了如图所示的情况

勾选的为需要显示的屏幕.png

那么switch控件只有在对应的屏幕下才可以显示,其他屏幕下是看不见的


可显示的情况.png

不同屏幕下实现不同的autolayout约束

如果想要设置不同屏幕下的自动布局,就可以通过例子中的方法,切换到不同的屏幕下,通过autoLayout设置对应的约束

########例如
添加不同的Installed,选择不同的屏幕,进行布局

wCompapct hCompact屏幕下设置约束.png

添加约束:

添加约束.png

观察运行结果:

竖屏情况.png
横屏情况.png

最后,介绍一下如何查看不同屏幕下的显示情况

查看步骤

添加需要查看的屏幕尺寸

添加不同尺寸的屏幕
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,257评论 4 61
  • 十五元宵节,过了今天,年也就过完了。也开始回学校的倒计时了,这个寒假又什么都没做,什么都没干。 今天也没什么可写的...
    薇糖糖糖阅读 184评论 0 0
  • 做餐饮外卖遇到经营纠纷怎么办?我们邀请行业资深律师就租房纠纷、劳动用工、品牌管理、商誉维护等方面的问题给出了专业意...
    嗖发阅读 228评论 0 0
  • 云对雨,雪对风,晚照对晴空。来鸿对去燕,宿鸟对鸣虫。三尺剑,六钧弓,岭北对江东。人间清暑殿,天上广寒宫。两岸晓烟杨...
    周蕙阅读 95评论 2 0
  • 2017年8月11日(连续第179天总结) 今日目标完成情况: 1:案例 100% 2:抄写概念5遍 100%...
    我来学而时习之阅读 379评论 0 0