时间在变化
时间在变化
视野随之变化
不断突破 扩张 宽广
当视野变大
一滴水、也将乘风破浪
当视野变野
世界尽在眼前
你想看到更多
一个时代席卷而来
屏幕适配指南
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屏幕适配指南的全部内容
我们将为您献上更多干货