发布时间：2022-4-23 分类： 行业资讯
移动端如何快速适应iPhone X？作者总结了以下几点，希望对您有所帮助。
iPhone X上市一周，Apple App Store终于发布了新版本，更新日志显示：完全优化和改编iPhone X，大部分APP已经适应了iPhone X，但毕竟是临时版本，如何进一步适应iPhone X？欢迎大家讨论〜
以国王杀虫剂为例，并于11月8日继续更新。虽然没有大的黑色边，但使用黑色渐变来淡化刘海，并添加iPhone X高帧率模式，但是之前的版本。主条的退出逻辑需要刷两次以确认操作。现在它成为当前幻灯片并立即退出。这种交互设计不知道有多少玩家进站，并且一些显示内容仍然被“爆炸”阻挡。 >
吐槽完成后，将进入官方主题。移动终端如何快速适应iPhone X？个人总结可以从以下几点快速开始，以减少黑色指数。
1，比例和像素变化
iPhone X的显示宽度为4.7英寸，与iPhone一致，但iPhone X比iPhone7高出145个，内容增加了约20％的垂直显示空间。 iPhone X内容体验更加狭窄，因此内容和按钮基于iPhone X.该比率经过重新优化。
iPhone X像素分辨率达到1125 x 2436px，458 ppi，正式称为Super Retina屏幕。使用三重图表是关键点，官方建议尽可能使用PDF矢量图形，这样可以提供更好的显示效果，同时还可以降低应用程序的容量。
此配置比较图表允许您直观地了解X
中的更改2，全屏设计
iPhone X状态栏已从之前的20pt更改为44pt。为了放置前镜头和红外线等传感器，有一个黑色的刘海。如果导航栏隐藏在项目中，则会添加自定义按钮。需要注意适应，最重要的是如果用户打电话或使用导航，这个高度不会改变，这在其他iPhone上是一样的。
但毕竟，状态栏位于非安全区域，除非您可以通过隐藏状态栏为用户带来额外的价值，最好将状态栏返回给用户。
为了使屏幕尽可能大，屏幕的四个角都是圆形的，显示的布局需要填满整个屏幕。填充时，注意控制不要被大圆角和刘海遮挡，也不要放置。黑色状态栏。
对于一些旧项目，APP在iPhone X上运行，发现没有全屏，顶部和底部有黑色区域，可能没有配备xib或SB。这将导致整个项目无需匹配即可运行。解决方案启动地图的大小。 1125年; 2436，使用LaunchScreen.xib或LaunchScreen.storyboard直接在项目设置中配置启动映射，以便完全显示项目。
3. Facel ID
iPhone使用Touch ID解锁设备或执行密码锁定操作。 iPhone X通过顶部传感器实现Facel ID。应用程序中有一些新的用户界面。确保用户在激活时不引用Touch ID。将其替换为Faccel ID。 。
4，家居指示栏
为了实现全屏效果，iPhone X删除了物理主页按钮，并将其替换为134 x 5 pt虚拟主页栏。底端标记为全局系统操作，返回桌面，切换程序，考虑到手势冲突，这部分还应避免交互控制，以免造成杀虫剂之王。
设计自定义键盘时，无需在键盘上添加表情符号或听写按钮。因为它会自动添加到键盘下方的Home键区域。
5.安全区布局
对于iPhone 8和之前的iPhone，由于常规的矩形屏幕，安全区域是整个屏幕。但是，iPhone X全屏，圆角和Home栏使屏幕交互非常棘手，因此将屏幕矩形分开并将重要内容放在屏幕安全区域，以确保内容始终畅通无阻。
划分安全区域：当手机处于垂直方向时，安全区域的上边缘距屏幕顶部44 pt，因此安全区域与刘海不完全齐平，但必须稍微走一点进一步。
由于底部安全区，iPhoneX已将其高度从49pt改为83pt。为了给Home指示器留出足够的空间，它被认为是一个从下到上推34 pt的安全区域。
当屏幕被美化时，安全区域再次改变。 Home指示条移动到屏幕底部，而刘海和Home指示条的安全范围保持不变，但水平安全区域被“挤压”得更窄。
确保重要内容位于安全区域并使用对称插入，以便不会被刘海或圆角截断。如果您使用自动布局，您的内容将自动适合安全区域，因此您的设计不会在刘海或主页按钮后被遮挡。
作者：王产品，微信公众号：PM6YAYA
本文由@产品汪原创出版，未经许可不得转载。
该地图来自PEXELS，基于CC0协议
原始链接：http://www.woshipm.com/pd/842735.html
