您的位置:首页 > 其它

Fifth-自动旋转和自动调整大小

2016-05-20 16:01 267 查看

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布局

其他步骤与横屏类似
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息