【涨姿势】适配18:9全面屏的5种正确姿势

时间在变化

时间在变化

视野随之变化

不断突破 扩张 宽广

当视野变大

一滴水、也将乘风破浪

当视野变野

世界尽在眼前

你想看到更多

一个时代席卷而来

屏幕适配指南

vivo将推出全面屏智能手机vivo X20——大爆发的余韵仍在，有关vivo X20的猜测也是甚嚣尘上。网上流传我们新机的屏幕比例是18：9，小编忍不住就露出了微笑，恭喜你猜对了。

因此，我们特意针对有关18：9屏幕适配的5个常见问题，制作了一份指南，帮助开发者保住产品颜值，让用户使用体验更好！大事情嘛，就要一起搞！

以下为适配过程中常见的5个问题

问题一

界面显示黑边情况需要适配18:9屏。

下图为错误示例：

问题二

某些应用设置了全屏显示的，可能UI界面会被拉伸变形，需要更换图片或者界面内容，或者采用点9图片。

下图为错误示例：

问题三

OpenGL绘制类应用需要重新点检

A■ 某些设计的时候没有考虑到居中显示的问题，整个界面会有偏移，这里需要根据居中显示进行调整

B■ 某些应用设计上没有考虑到18:9的情况，绘制区域超出边界没有裁剪，在18:9的情况下有多出来的情况，需要app进行裁剪适配。

问题四

实际不适配会出现的情况：APP没有对虚拟导航栏进行设置颜色，会导致虚拟导航栏颜色与APP界面颜色不统一不美观。

如下图底部虚拟导航栏颜色黑色，与应用界面颜色（白色）不匹配。

问题五

应用需对非滚动的布局进行点检，某些UI需要调整。由于屏幕对比常规的高度变高，布局写死位置的某些需要调整，建议布局采用相对位置。

以上5个问题为适配中常见问题，开发者在虚拟机上进行屏幕适配时，请多多留意。进行适配时，分辨率可设置为：

1440*720px或2160*1080px

点击视频观看手机屏幕的变迁

THE ALL

以上即为18:9屏幕适配指南的全部内容

我们将为您献上更多干货

敬请期待