博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
通过Auto Layout深入了解SizeClasses的好处和使用
阅读量:6865 次
发布时间:2019-06-26

本文共 837 字,大约阅读时间需要 2 分钟。

本站文章均为【小猪熊】原创,转载务必在明显处注明:(作者新浪微博:)转载自【小猪熊】 原文链接:   SizeClass将屏幕的宽度和高度都抽象为三种情况:紧凑 (Compact) 、任意 (Any) 、 正常 (Regular),点击ViewControllerScene下面的wAny hAny会弹出一个9宫格,鼠标选择时,底下会有设配的尺寸和横竖屏的提示,同时上面会对应的提示适配机型的宽高类型。Sizeclasses看起来像个9宫格,可以将屏幕的大小以及横竖屏任意切割显示,感觉非常的神奇。 对应关系如下:

这里直接用我写的 的例子使用 把上面的例子直接使用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

你可能感兴趣的文章
几个重要的Linux系统内核文件介绍
查看>>
jquery ajax “Uncaught TypeError: Illegal invocation”
查看>>
Android 农历和节气相关工具类(记录)
查看>>
php字符串处理函数大全
查看>>
redis应用场景
查看>>
页面加载自动定位到显示位置
查看>>
JTree实现文件树
查看>>
FMDB详解
查看>>
F12浏览器调试模式页面刷新network日志刷新消失的解决办法
查看>>
DiskGroup resource are not running on nodes. Database instance may not come up on these nodes
查看>>
nginx+keepalived实现集群配置
查看>>
maven常用命令整理
查看>>
2.6 yum如何下载rpm包到本地
查看>>
PHP超全局变量(5):$_REQUEST[]
查看>>
Idea代码模板初探
查看>>
Win7系统管理员密码重置
查看>>
神奇的MySQL分区-测试案例
查看>>
Download android problem
查看>>
垃圾回收
查看>>
10个生成全球地图的jQuery插件
查看>>