专栏首页vivo互联网技术【涨姿势】适配18:9全面屏的5种正确姿势

【涨姿势】适配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屏幕适配指南的全部内容

我们将为您献上更多干货

本文分享自微信公众号 - vivo互联网技术(vivoVMIC),作者:vivo开发者

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-09-08

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

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

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

    杨振涛
  • 【干货】Elasticsearch索引性能优化 (2)

    本文翻译自QBox官方博客的“Elasticsearch索引性能优化”系列文章中的第二篇,版权归原作者所有。该系列文章共有三篇,其中第一篇已有同行翻译,参考链接...

    杨振涛
  • 【干货】Elasticsearch索引性能优化 (2)

    本文翻译自QBox官方博客的“Elasticsearch索引性能优化”系列文章中的第二篇,版权归原作者所有。该系列文章共有三篇,其中第一篇已有同行翻译,参考链接...

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

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

    杨振涛
  • win10下vs2015+python3+theano+keras+cuda8.0安装教程

    1. 安装vs2015及以下版本 将c++有关选项选中安装完毕 CUDA需要C++的编译器,Windows下可以使用Visual C++,我们可以直接下...

    李智
  • MHN中心服务器搭建与树莓派蜜罐部署

    MHN中心服务器搭建 ? 0x00 介绍 MHN(Modern Honey Network),是一个用于管理和收集蜜罐数据的中心服务器。通过MHN,可以实现快...

    ChaMd5安全团队
  • [带你学docker_连载2]docker编排管理工具Rancher

    1.平台部署方便。管理 docker 的平台本身也基于 docker 部署。只要你有 docker ,一句命令就完成平台的部署了。

    cctester
  • 互联网女皇的答案,数据驱动的企业,靠谱不靠谱?

    300多页PPT,涵盖互联网现状和趋势,产品和市场,眼花缭乱,作为有限冲浪的普通网民,也来凑个热闹,说几个和工作相关的点,主要是数据驱动的营销与运营方面的小启发...

    iCDO互联网数据官
  • Docker 常用命令收录 -- 持续更新

    Docker 常用命令收录 容器操作 docker build -t friendlyname . # 使用当前目录下的内容创建Dockerfile镜像文件 ...

    shaonbean
  • Ubuntu 18.04 Server 搭建tensorflow docker运行环境

    在安装驱动程序的过程中,会因为缺少gcc、g++、make等development tool而报错导致无法完成驱动程序安装(ERROR:Ubable to fi...

    吟风者

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动