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布局其他步骤与横屏类似
相关文章推荐
- 5个常见可用性错误和解决方案
- 100 个最佳 Ubuntu 应用(中)
- 在 AppImage、Flathub 和 Snapcraft 平台上搜索 Linux 应用
- 24 个必备的 Linux 应用程序
- 注册表趣味应用小集
- 远程控制技术的应用
- 路由器访问列表的应用
- xDSL技术及其应用
- 基于XML的桌面应用
- SQL Server 2008 R2 应用及多服务器管理
- Node.js 应用跑得更快 10 个技巧
- ExtJS 2.0实用简明教程之应用ExtJS
- JSP应用的安全问题
- Javascript类库的顶层对象名用户体验分析
- 前端开发必须知道的JS之闭包及应用
- 改善用户体验的五款jQuery插件分享
- Android编程实现应用自动更新、下载、安装的方法
- Geohash的原理、算法和具体应用探究
- PHP开发中AJAX技术的简单应用
- PHP答题类应用接口实例