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布局
• 其他步骤与横屏类似