美文网首页
全面屏适配

全面屏适配

作者: cherishyan | 来源:发表于2017-10-13 10:37 被阅读613次

简单记录一下,预备知识来源:安卓屏幕完美适配方案——独家秘笈

先来点预备知识
  • 屏幕尺寸(in)

手机对角线的物理尺寸,单位 英寸(inch),一英寸大约2.54cm,常见的尺寸有4.7寸、5寸、5.5寸、6寸

  • 屏幕像素密度(dpi):

每英寸长度上像素点个数。例如每英寸内有160个像素点,则其像素密度为160dpi。

公式: 像素密度=像素/尺寸 (dpi=px/in)

  • 标准屏幕像素密度(mdpi):

每英寸长度上还有160个像素点,即称为标准屏幕像素密度(mdpi)。

  • 像素密度等级:

手机真实像素密度与标准屏幕像素密度(160dpi)的比值。官方给出的0.75、1、1.5、2、3、4,即对应120dpi、160dpi、240dpi、320dpi、480dpi、640dpi。

  • px与dp关系:

像素=dp * 像素密度等级,即px=dp * (dpi/160)

一张图非常清晰的展现了现在手机的分辨率集中在1080P左右:

现有的全面屏

现有的全面屏厂商主要是小米,LG,三星;1080P左右的手机高宽比一般是16:9,而全面屏手机的高宽比17:9,19:10,18.5:9等.

16:9 = 1.7778 (ratio_float)
18.5:9 = 2.056 (ratio_float)

Android 默认最大屏幕比是1.86,基本上全面屏手机都超过了这个值,默认情况下应用在全面屏上的展示是:

取自小米开发文档

head和bottom都会有留白

适配方案:

在AndroidManifest.xml中加入如下配置:

<meta-data android:name="android.max_aspect" android:value="ratio_float"/>

ratio_float 改成2.1或者更大即可,如:

<meta-data android:name="android.max_aspect" android:value="2.1"/>

Update your app to take advantage of the larger aspect ratio on new Android flagship devices

对于虚拟键的适配

参考: 全面屏及虚拟键适配说明

相关文章

  • iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案

    iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案 iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案

  • Android适配之版本适配

    这篇文章用来记录学习和开发时遇到的版本适配问题,持续更新 全面屏、刘海屏的适配:Android 9 支持最新的全面...

  • 全面屏适配

    简单记录一下,预备知识来源:安卓屏幕完美适配方案——独家秘笈 先来点预备知识 屏幕尺寸(in) 手机对角线的物理尺...

  • 全面屏适配

    官方方法 只需要在application中添加

  • 全面屏适配

    https://www.jianshu.com/p/20d24c31cf5f[https://www.jiansh...

  • iOS解决无法适配模拟器的问题

    最近要进行全面屏的适配,但是又没有全面屏手机,全面屏手机价格太高,申请一个全面屏测试机估计也没有希望,所以只能使用...

  • 2018-11-29

    iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案 - 掘金

  • Android全面屏适配

    Android全面屏适配 方案1: AndroidManifest.xml 文件添加属性: 应用适配建议采用me...

  • Android 全面屏适配

    全面屏 小米mix(18:9屏幕)的出现标志的Android手机进入全面屏时代,这个非主流的尺寸确实带来了更多的观...

  • WebView适配全面屏

    iOS11之后引入了安全区域的概念,对此的影响主要表现在scroview的子类,但是在适配安全区域的时候发现了一些...

网友评论

      本文标题:全面屏适配

      本文链接:https://www.haomeiwen.com/subject/fntzyxtx.html