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-自动旋转和自动调整大小的主要内容,如果未能解决你的问题,请参考以下文章

iOS 无法在设备旋转时自动调整子视图大小

UIView 子视图不是为 iPad 自动旋转或自动调整大小

可以在旋转时自动调整视图的大小以尽可能大吗?

如何允许自动调整UIButton的大小以满足间距约束

Xcode 自动布局和旋转

使用固定大小的子视图和自动布局调整 UIView 的大小不起作用