通过Auto|通过Auto Layout深入了解SizeClasses的好处和使用
本站文章均为【小猪熊】原创,转载务必在明显处注明：（作者新浪微博:@周公梦蝶9999 )转载自【小猪熊】 原文链接: http://www.piggybear.net/?p=306
SizeClass将屏幕的宽度和高度都抽象为三种情况：紧凑 (Compact) 、任意 (Any) 、 正常 (Regular)，点击ViewControllerScene下面的wAny hAny会弹出一个9宫格，鼠标选择时，底下会有设配的尺寸和横竖屏的提示，同时上面会对应的提示适配机型的宽高类型。Sizeclasses看起来像个9宫格，可以将屏幕的大小以及横竖屏任意切割显示，感觉非常的神奇。
对应关系如下：
文章图片
2015-12-2010.21.44
这里直接用我写的 【iOS自动布局AutoLayout的使用】的例子使用
把上面的例子直接使用4英寸iPhone横屏显示
文章图片
2015-12-2112.22.43
会发现button按钮不见，如何来解决这个问题呢
1、在wAny hAny那里，弹出的框选择第一个小方块，意思是通过此步骤直接设置3.5、4、4.7-inch iPhone 在横屏(landscape)下的布局
文章图片
2015-12-2112.24.17
2、将button下的Top Space to：password Equals:100，这个约束条件去掉，则这个约束条件为灰色显示，意思是该约束条件在改模式下卸载了，而在其他模式下还是成立的
文章图片
2015-12-2112.28.25
3、将Width Equals：280改成150
4、将Height Equals：71改成40
5、添加button距离屏幕底部的约束条件为20
步骤3、4、5的意思是对该button在横屏下重新布局(根据自己的设计任意布局)
文章图片
2015-12-2112.31.46
在Document Outline下，选中一条该模式下设置的约束条件，则会在Size面板的最下面看到两个选项，意思是该约束条件在该模式下成立，而在其他模式下不成立
文章图片
2015-12-2112.38.04
要想对pad或其他的设备适配，可以在SizeClasses的9宫格那里对应的选择然后已同样的方式进行设置即可。
接下来我们来看看在4英寸iPhone横屏下的效果
文章图片
2015-12-2112.44.28
同样竖屏不受任何影响
文章图片
2015-12-2112.02.32 【通过Auto|通过Auto Layout深入了解SizeClasses的好处和使用】
推荐阅读
- gitlab|gitlab 通过备份还原 admin/runner 500 Internal Server Error
- whlie循环和for循环的应用
- 如何通过锻炼的方法治疗前列腺肥大
- 通过复盘快速成长（附模板）
- Spring注解驱动第十讲--@Autowired使用
- =======j2ee|spring用注解实现注入的@resource,@autowired,@inject区别
- MyBatis|MyBatis Generator配置
- 运维|如何限制IP 通过 SSH连接服务器
- 运维|Linux 禁止用户或 IP通过 SSH 登录
- 青椒板书--足球