Fifth-自动旋转和自动调整大小
Posted sziit_jerry
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Fifth-自动旋转和自动调整大小相关的知识,希望对你有一定的参考价值。
Fifth-自动旋转和自动调整大小
自动旋转机制
- 对于iPhone应用原则是:如果自动旋转能够增强用户体验,就应该将它添加到应用中
- 对于iPad应用,添加自动旋转功能是一项铁则
选择视图支持的方向
- Device Orientation:
- Portrait: 竖屏Home键向上
- Landscape Left: 横屏向左
- Landscape Right: 横屏向右
- Upside Down: 竖屏Home键向下
- Info.plist: 设置方向的文件
- leading space: 左边间距
- trailing space: 右边间距
- botoom space: 底部空白
尺寸分类
- Compact: 紧凑
- Regular: 标准
- Any: 任意
- 所有竖屏iPhone:紧凑标准
- 所有横屏iPhone:紧凑紧凑(除iPhone 6 plus)
- iPhone 6 plus横屏:标准紧凑
- 横屏竖屏iPad:标准标准
创建自适应布局
- 刚开始不能使用布局模块,不然后续布局时为空模板
- 拖出UIImage,插入图片
- 拖出四个按钮,设置属性,摆好位置
- 选中图片,固定它与主视图左右顶三个方向的距离为0
- 两对按钮各自对齐:Horizontal Centers
- 左下按钮固定在左下角:Pin:左顶底
- 右下按钮固定在右下角:Pin:右顶底
- 固定灰色视图与按钮的相对距离:Vertical Spacing,如果对准一个按钮不行,就对准两个
创建iPhone横屏布局
- wAny hCompact布局
- 逐个添加针对横屏的新约束,卸载之前创建的约束
- 选中图片,固定它与主视图左底顶三个方向的距离为0
- 按钮在右边摆成一列
- 添加隐藏的填充视图
- 所有按钮及填充视图对齐:Horizontal Centers
- 选中所有填充视图,固定同等宽高,及上下延伸填充距离为0
- 选中其中一个填充视图,设置上下左右延伸填充距离为0
- 固定图片与主视图右边的相对距离
创建iPad布局
- wRegular和hRegular布局
- 其他步骤与横屏类似
以上是关于Fifth-自动旋转和自动调整大小的主要内容,如果未能解决你的问题,请参考以下文章