iPhone X官方文档的适配学习详解
2017-09-14 14:09
549 查看
前言
官方文档原文地址:链接,iPhone X在文中均用
iPX来表示,iPhone 7在文中均用
iP7来表示
屏幕尺寸
iPX的屏幕尺寸是2436px×1125px(812pt×375pt @ 3x),也就是说我们依然使用的是3x的素材应该影响不大,他和iP7在宽度上是一致的,但是高度上多了145个点.
布局
- 最好在真机上预览一下布局.
- 布局需要延伸到边缘,另外在纵向高度上最好可以根据不同情境滚动.
- 状态栏的高度已经改变了,如果布局没有使用系统的导航栏,或者布局是依照导航栏来的,那么需要重新适配一下.另外当用户处于后台模式(定位,通话等)时,iPX的状态栏高度不会改变.
- 由于iPX高度改变了,自上而下布局最好能根据开发者的经验改为比如说底部控件根据屏幕底部约束.
- 注意素材的宽高比例,比如填充控制器的背景.
- 避免将交互式控件和手势放在屏幕边缘.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Android官方文档学习01多屏幕适配&Fragment间通信&Intent分享
- 【官方文档】Nginx模块Nginx-Rtmp-Module学习笔记(二)HLS 指令详解
- samtools学习及使用范例,以及官方文档详解
- 【官方文档】Nginx模块Nginx-Rtmp-Module学习笔记(一) RTMP 命令详解
- 翻译和学习android官方文档Develop标题下的内容
- x264官方学习文档(2)——英文资料,极具参考价值
- OpenCV官方文档学习记录(20)
- Spring 4 官方文档学习(六)核心技术之Spring AOP
- [Cocos2D-X官方文档]:Cocos2d-x分辨率的适配
- MyBatis-Spring官方文档 学习笔记
- Log4j2官方文档翻译、学习笔记之一——log4j2基础配置及功能概述
- 2017.4.10 spring-ldap官方文档学习
- ios学习之苹果官方文档的学习(UIFocusUpdateContext方面)
- Spring 4 官方文档学习(十一)Web MVC 框架之resolving views 解析视图
- iOS疯狂详解之IOS7状态栏StatusBar官方标准适配方法
- tensorflow学习笔记十五:tensorflow官方文档学习 TensorBoard: Embedding Visualization
- Service 官方详解(从官方文档翻译而来)
- Spark Streaming官方文档学习--下
- Spring官方文档学习(1)
- Android屏幕适配-官方文档