屏相关知识介绍和屏幕适配

屏比例介绍

手机厂商追求高用户体验,屏幕宽高比越做越高。经常听见什么16:9,18:9之类的,这个怎么来的呢?

  • 1920*1080 传统手机 ratio_float = 16/9 = 1.778 ;
  • 2248*1080 (例如小米8) ratio_float = 18/9 = 2 ;
  • 2960*1440 (三星s8,s9) ratio_float = 18.5/9 = 2.056;

所谓全面屏的比例有如下:

17:9

19:10

18:9

18.5:9

原来一般主流手机1920*1080分辨率 16:9高宽比。如果没有单独去配置属性,会导致在超过17:9宽高比手机上,底部一大块黑底。

刘海屏适配

有两个方面的适配方案:

使用前端的H5适配

让壳子去适配(即Android的童鞋去搞定,比较建议这个-5分钟适配Android P和Android 8.0刘海屏,可能全网最全总结)

扩展

因为想避开刘海,就想获取状态栏高度,看要把整体内容下移多少,就接触到了沉浸屏这个概念。

状态栏和通知栏“半透明化”,当开发者让应用支持这个新特性的时候,状态栏和导航栏可以单独/同时变为渐变的半透明样式。

沉浸式状态栏”准确来说应该是“透明栏”,是安卓 4.4 新定义的设计规范。

简单来说就是在软件打开的时候通知栏和软件顶部颜色融为一体

在软件开发中,如果软件没有对状态栏做了沉浸式处理,状态栏自然是黑色。沉浸式状态栏一般由第三方软件来主动适配。

页面通顶(沉浸式)的情况下如何避开带刘海的屏幕的刘海遮挡

有两种方法可以获取系统状态栏高度:
- UA中有保存
字符串格式为"Html5Plus/1.0 (Immersed/18.0)",括号中的数字就是系统状态栏高度,可通过方式获取:

var immersed = 0;
var ms=(/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/gi).exec(navigator.userAgent);
if(ms&&ms.length>=3){
    immersed=parseFloat(ms[2]);
}

- 通过5+API获取
API:plus.navigator.getStatusbarHeight
参考5+规范http://www.html5plus.org/doc/zh_cn/navigator.html#plus.navigator.getStatusbarHeight

原文地址:https://www.cnblogs.com/yaoyao-sun/p/10319892.html

时间: 2024-10-10 17:57:47

屏相关知识介绍和屏幕适配的相关文章

铝电解电容相关知识介绍

铝电解电容相关知识介绍,布布扣,bubuko.com

【ALearning】第二章 Android工程相关知识介绍

本章主要初步介绍Android工程开发环境的搭建,以对Android项目整体的认识与了解.本章包括Android开发环境搭建.第一个Android项目Hello World与Android项目的文件目录结构介绍. Android开发环境搭建 Android开发环境的搭建方式有两种,分别是Eclipse/MyEclipse+ADT+Android SDK和Android Developer Tools.前者方式的开发环境搭建,参看[http://blog.sina.com.cn/s/blog_4e

Android知识梳理之屏幕适配全攻略

 引言: 我相信Android碎片化问题是让所有的Android开发者都比较头疼的问题.尤其是屏幕适配这一块儿.想要自己的app在不同的设备上面都有一个比较好的显示效果.就必须做好相应的屏幕适配.本文是结合网上的相关知识总结.官方文档结合自己的一些理解来进行阐述的.如有不恰当的地方,欢迎斧正.共同学习. 转载请标明出处:http://blog.csdn.net/unreliable_narrator/article/details/51315776 我们先来了解两个概念:屏幕尺寸和屏幕的分辨率:

大数据的一些相关知识介绍

什么是大数据 大数据(big data),指无法在一定时间范围内用常规软件工具进行捕捉.管理和处理的数据集合,是需要新处理模式才能具有更强的决策力.洞察发现力和流程优化能力的海量.高增长率和多样化的信息资产. 大数据的定义是4Vs:Volume.Velocity.Variety.Veracity.用中文简单描述就是大.快.多.真. Volume -- 数据量大 随着技术的发展,人们收集信息的能力越来越强,随之获取的数据量也呈爆炸式增长.例如百度每日处理的数据量达上百PB,总的数据量规模已经到达E

Docker Volumes相关知识介绍和应用

一.Volumes相关介绍 要了解Docker Volume,首先我们需要知道Docker的文件系统是如何工作的.Docker镜像是由多个文件系统(只读层)叠加而成.当我们启动一个容器的时候,Docker会加载只读镜像层并在其上(译者注:镜像栈顶部)添加一个读写层.如果运行中的容器修改了现有的一个已经存在的文件,那该文件将会从读写层下面的只读层复制到读写层,该文件的只读版本仍然存在,只是已经被读写层中该文件的副本所隐藏.当删除Docker容器,并通过该镜像重新启动时,之前的更改将会丢失.在Doc

Mina SSL Filter安全加密过滤器相关知识介绍

原文地址:Mina SSLFilter(Apahce Mina user guide Chapter11 SSL Filter) SslFilter过滤器是负责管理数据的加密和解密通过安全连接.每当你需要建立一个安全连接,或将现有的连接使它安全,你必须添加SslFilter过滤器链. 任何会话可以修改它的信息过滤器链,它允许使用协议像startTLS打开连接. 请注意,虽然这个名字包括SSL,SslFilter支持TLS.实际上,TLS已经支持取代SSL,但是由于历史原因,SSL仍然广泛使用.

运维入门相关知识介绍

运维入门 从最低的说起1.设备网线的线序接法,百兆和千兆网线,光纤线,思科路由,华为路由,交换机什么的,包括一些VLAN组建,交换机和路由器之间的学习,一般我建议学习到CCNP就够了,计算机硬件了解,一般你自己DIY过电脑,一般都清楚明白.了解服务器和普通PC的区别,服务器 分别是 1U 2U 4U,然后就是找托管的托管服务器,费用根据机房线路多少,带宽,地域而决定,注册域名,备案最好也懂. 2.数据链路层关乎就是MAC地址的走向,交换机学习,局域网的东西. 3.网络层了解中国互联网几大ISP,

jsp、Servlet相关知识介绍(转)

1.servlet生命周期 所谓生命周期,指的是servlet容器如何创建servlet实例.分配其资源.调用其方法.并销毁其实例的整个过程. 阶段一: 实例化(就是创建servlet对象,调用构造器) 在如下两种情况下会进行对象实例化. 第一种情况: 当请求到达容器时,容器查找该servlet对象是否存在,如果不存在,才会创建实例. 第二种情况: 容器在启动时,或者新部署了某个应用时,会检查web.xml当中,servlet是否有 load-on-starup配置.如果有,则会创建该servl

运维入门的相关知识介绍

1 设备 网线的线序接法,百兆和千兆网线,光纤线,思科路由,华为路由,交换机什么的,包括一些VLAN组建,交换机和路由器之间的学习,一般我建议学习到CCNP就够了,计算机硬件了解,一般你自己DIY过电脑,一般都     清楚明白.了解服务器和普通PC的区别,服务器 分别是 1U 2U 4U,然后就是找托管的托管服务器,费用根据机房线路多少,带宽,地域而决定,注册域名,备案最好也懂. 2 数据链路层 关乎就是MAC地址的走向,交换机学习,局域网的东西. 3 网络层 了解中国互联网几大ISP,电信,