本站文章均为【小猪熊】原创,转载务必在明显处注明:(作者新浪微博:@周公梦蝶9999 )转载自【小猪熊】 原文链接: http://www.piggybear.net/?p=306
SizeClass将屏幕的宽度和高度都抽象为三种情况:紧凑 (Compact) 、任意 (Any) 、 正常 (Regular),点击ViewControllerScene下面的wAny hAny会弹出一个9宫格,鼠标选择时,底下会有设配的尺寸和横竖屏的提示,同时上面会对应的提示适配机型的宽高类型。Sizeclasses看起来像个9宫格,可以将屏幕的大小以及横竖屏任意切割显示,感觉非常的神奇。
对应关系如下:
这里直接用我写的【iOS自动布局AutoLayout的使用】的例子使用
把上面的例子直接使用4英寸iPhone横屏显示
会发现button按钮不见,如何来解决这个问题呢
1、在wAny hAny那里,弹出的框选择第一个小方块,意思是通过此步骤直接设置3.5、4、4.7-inch iPhone 在横屏(landscape)下的布局
2、将button下的Top Space to:password Equals:100,这个约束条件去掉,则这个约束条件为灰色显示,意思是该约束条件在改模式下卸载了,而在其他模式下还是成立的
3、将Width Equals:280改成150
4、将Height Equals:71改成40
5、添加button距离屏幕底部的约束条件为20
步骤3、4、5的意思是对该button在横屏下重新布局(根据自己的设计任意布局)
在Document Outline下,选中一条该模式下设置的约束条件,则会在Size面板的最下面看到两个选项,意思是该约束条件在该模式下成立,而在其他模式下不成立
要想对pad或其他的设备适配,可以在SizeClasses的9宫格那里对应的选择然后已同样的方式进行设置即可。
接下来我们来看看在4英寸iPhone横屏下的效果
同样竖屏不受任何影响