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

2019-03-19 15:20:14 浏览数 (1)

时间在变化

时间在变化

视野随之变化

不断突破 扩张 宽广

当视野变大

一滴水、也将乘风破浪

当视野变野

世界尽在眼前

你想看到更多

一个时代席卷而来

屏幕适配指南

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屏幕适配指南的全部内容

我们将为您献上更多干货

敬请期待

0 人点赞