通过Auto Layout深入了解SizeClasses的好处和使用

本站文章均为【小猪熊】原创,转载务必在明显处注明：（作者新浪微博:@周公梦蝶9999 )转载自【小猪熊】原文链接: 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横屏下的效果同样竖屏不受任何影响

转载于:https://juejin.im/post/5a31282cf265da432652d5da

通过Auto Layout深入了解SizeClasses的好处和使用相关推荐

iOS6 自动布局入门–Auto Layout(转)
iOS6 自动布局入门–Auto Layout(转) 标签: 杂谈目前为止,即使你的界面设计是在合理的复杂度内,你也必须要为之写许多代码来适应变化的布局.现在我相信你会很高兴听到这种情况将不会 ...
Auto Layout iOS
转自http://iosshare.cn/?p=1009 你是否曾经因为尝试想让你的应用同时在景观方向(横版)以及肖像方向(竖版)看上去不错而感到受挫?是否为了让应用同时支持iPhone以及iPad的 ...
通过Auto Layout和Size Classes深入了解UIStackView的好处和使用
本站文章均为[小猪熊]原创,转载务必在明显处注明:(作者新浪微博:@周公梦蝶9999 )转载自[小猪熊] 原文链接: www.piggybear.net/?p=291 为了解决适配多尺寸的问题,Ap ...
Auto Layout 和 Constraints
文章修改 2月1日:添加使用约束.编辑约束和iOS特性三个部分 2月24日:根据自己的理解,修改iOS特性部分的内容自动布局Auto Layout Auto Layout,通过设置在View上的约束 ...
深入理解Auto Layout 第一弹
form:https://zhangbuhuai.com/auto-layout-part-1/ By 张不坏 2015-07-16 更新日期:2015-07-17 文章目录 1. 写在前面 2. i ...
WWDC2016 Session笔记 - Xcode 8 Auto Layout新特性
目录 1.Incrementally Adopting Auto Layout 2.Design and Runtime Constraints 3.NSGridView 4.Layout Feedb ...
Advanced Auto Layout:Programmatically Creating Constraints
Programmatically Creating Constraints以编程方式创建约束 Whenever possible, use Interface Builder to set your ...
【Auto Layout】Xcode6及以上版本，创建Auto Layout 约束时产生的一些变化【iOS开发教程】...
[#Auto Layout#]Xcode6创建Auto Layout 约束时产生的一些变化通过两个小Demo来展示下变化: Demo1需求: 为控制器的根视图(图中的"控制器Vie ...
转载：使用Auto Layout中的VFL(Visual format language)--代码实现自动布局
本文将通过简单的UI来说明如何用VFL来实现自动布局.在自动布局的时候避免不了使用代码来加以优化以及根据内容来实现不同的UI. 一:API介绍 NSLayoutConstraint API 1 2 3 ...

通过Auto Layout深入了解SizeClasses的好处和使用

通过Auto Layout深入了解SizeClasses的好处和使用相关推荐

最新文章

热门文章