iPhoneX设计稿适配Android,三分钟弄懂iPhoneX设计尺寸和适配（二）

怎么避免“刘海”尴尬？

很简单，要保持好安全距离，刘海片儿一点也不可怕！我根据官方文档量了下，边距是10pt(@1x)

另外，屏幕显示不再是矩形，而是切割成了大圆角矩形，为了避免显示遮挡，我们需要在四周留出更多边距。

布局

在设计iPhone X的界面时，您必须确保布局填满屏幕，并且不会被设备的圆角，传感器外壳或被主屏幕的指示灯遮蔽。

全屏的图片需要考虑这个问题，特别是人物。否则一律贴上黑色刘海片儿。

那么横屏的游戏到底要怎么显示呢？我认为应该是这样的：

虽然说顶部状态栏44pt，底部home indicator是34pt，但是我们无法控制用户是向左还是向右横屏，因此两边如果要放功能按钮的话，左右留出44pt+10pt的范围，底部留出home indicator的34pt。背景和无关紧要的图则充满屏幕。

大部分使用系统提供的标准UI元素(如导航栏)的APP会自动适应iPhone X！

苹果定义的 iPhone X 设计「安全区」(直观可操作区域)

全屏显示

底部指示器是系统的核心交互，会强制显示，针对浅色和深色背景会改变颜色。

底部按钮要避开home指示器，home指示器不需要特殊强调

应用可以打开edge protection(边缘保护？)，第1次操作拉出home指示器，第2次退出应用。

在底部的点击操作不会触发home指示器，即使app内容在指示器下层，也可以被点击。

全屏模式时指示器自动隐藏，触摸屏幕可以显示。

iPhoneX设计稿适配Android,三分钟弄懂iPhoneX设计尺寸和适配（二）相关推荐

in作为介词的用法_三分钟弄懂“at”，“in”，“on”三个时间介词的基本用法！...
"at","in","on"都是介词,他们既可以做方位介词,也可以做时间介词.很多人会弄不清他们的用法,我尝试用一种比较简单的方式,帮助大家 ...
java和python的web自动化有什么区别-三分钟看懂Python和Java的区别
随着人工智能的火爆,Python和Java一直在各种流行编程语言中名列前茅.其实Java和Python有些相似,因为很多编程语言之间是互通的.Java现在还是第一,不知道Python未来会不会超越Ja ...
python和java一样吗-三分钟看懂Python和Java的区别
随着人工智能的火爆,Python和Java一直在各种流行编程语言中名列前茅.其实Java和Python有些相似,因为很多编程语言之间是互通的.Java现在还是第一,不知道Python未来会不会超越Ja ...
python和java的区别-三分钟看懂Python和Java的区别
随着人工智能的火爆,Python和Java一直在各种流行编程语言中名列前茅.其实Java和Python有些相似,因为很多编程语言之间是互通的.Java现在还是第一,不知道Python未来会不会超越Ja ...
5分钟弄懂语音识别技术原理
5分钟弄懂语音识别技术原理首先,我们知道声音实际上是一种波.常见的mp3.wmv等格式都是压缩格式,必须转成非压缩的纯波形文件来处理,比如Windows PCM文件,也就是俗称的wav文件.wav文 ...
三分钟看懂5G NSA和SA
原标题:三分钟看懂5G NSA和SA 来源:无线深海作者:蜉蝣采采物联网智库转载导读本文将详细讨论什么是5G NSA(非独立组网)和5G SA(独立组网),以及它们有何异同之处. 01 5 ...
职称计算机证是继续教育的内容吗,豆腐网教你一分钟弄懂继续教育学时认定表及上传注意事项~...
原标题:豆腐网教你一分钟弄懂继续教育学时认定表及上传注意事项~ 大家好,我是豆腐网王老师,专注于南京工程师职称评审政策解读,关注我,让您轻松面对职称评审,少走弯路!!! 南京中高级职称申报已有段时间, ...
python高阶函数（三分钟读懂）
python高阶函数(三分钟读懂) 函数式编程 Python中,函数是一等对象一等对象:具有特点 ① 对象是在运行时创建的 ② 能赋值给变量或作为数据结构中的元素 ③ 能作为参数传递 ④ 能作为返回 ...
三分钟读懂新一代人工智能——ChatGPT
2022年以来,AI开始在很多贴近消费者的领域发挥越来越大的作用,之前我写过一篇文章<一分钟学会AI绘画和创作>,很多朋友纷纷尝鲜. 最近一个月以来,OpenAI公司推出的智能机器人Cha ...

iPhoneX设计稿适配Android,三分钟弄懂iPhoneX设计尺寸和适配（二）

iPhoneX设计稿适配Android,三分钟弄懂iPhoneX设计尺寸和适配（二）相关推荐

最新文章

热门文章