全面屏适配

全面屏

      全面屏是手机业界对于超高屏占比手机设计的一个宽泛的定义。从字面上解释就是，手机的正面全部都是屏幕，四个边框位置都是采用无边框设计，追求接近100%的屏占比。但受限于目前的技术，还不能做到手机正面屏占比100%的手机。现在业内所说的全面屏手机是指真实屏占比可以达到80%以上，拥有超窄边框设计的手机。      

       全面屏手机屏幕的宽高比例比较特殊，不再是以前的16:9了。比如三星的Galaxy S8屏幕分辨率是：2960×1440，对应的屏幕比例为:18.5:9。VIVO X20手机屏幕分辨率是2160x1080，对应的屏幕比例:18:9。对于这种奇葩的屏幕比例，APP开发者该如何去优化自己的应用，才能在这些手机上显示的更加完美呢？下面，从以下两个方面来探究APP完美适配全面屏手机的方法。

1.更大的屏幕高宽比例。

2.虚拟导航键。

更大的屏幕高宽比例

在AndroidManifest.xml声明max_aspect值

      由于全面屏手机的高宽比比之前大，如果不适配的话，Android默认为最大的宽高比是1.86，小于全面屏手机的宽高比，因此，在全面屏手机上打开部分App时，上下就会留有空间，显示为黑条。这样非常影响视觉体验，另外全面屏提供的额外空间也没有得以利用，因此，这样的应用需要做相关适配。

    针对此问题，Android官方提供了适配方案，即提高App所支持的最大屏幕纵横比，实现起来也比较简单，在AndroidManifest.xml中做如下配置即可：

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

      其中ratio_float为浮点数，官方建议为2.1或更大，因为18.5：9=2.055555555……，如果日后出现纵横比更大的手机，此值将需要设为更大。

      因此，建议开发者在自己App AndroidManifest的Application标签下面增加下面一段代码：

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

      另外，在AndroidManifest中针对Activity标签添加android:resizeableActivity = “true”，也可以实现全屏显示，但此设置只针对Activity生效，且增加了此属性该activity也会支持分屏显示。

      关于这方面的适配，更详细的内容可以参考google官方文档：Update your app to take advantage of the larger aspect ratio on new Android flagship devices

      max_aspect值也可以在Java代码中动态地设置，通过下面的方法即可实现：

public void setMaxAspect() {
        ApplicationInfo applicationInfo = null;
        try {
            applicationInfo = getPackageManager().getApplicationInfo(getPackageName(), PackageManager.GET_META_DATA);
        } catch (PackageManager.NameNotFoundException e) {
            e.printStackTrace();
        }
        if(applicationInfo == null){
            throw new IllegalArgumentException(" get application info = null, has no meta data! ");
        }
        applicationInfo.metaData.putString("android.max_aspect", "2.1");
    }

更换部分被拉伸的图片资源文件

      屏幕比例从16:9变成18:9，对于全屏铺满显示的图片，往往被会拉伸导致变形，比如下面的淘宝启动页图片，有一些被拉伸的样子。针对这种问题，开发者需要新增一些图片资源，以适应不同的屏幕比例。

      针对这种问题，我们以分辨率为2160X1080，像素密度为480dpi的VIVO X20Plus手机为例，可以在资源目录下面增加一个文件夹，drawable-h642dp-port-xxhdpi，并将GUI切好的分辨率为2160X1080资源图片放在这个目录下，系统就能自动使用这种图片，便不会出现拉伸的问题。关于h<N>dp的详细用法，google开发者文档也有详细介绍：https://developer.android.com/guide/practices/screens_support.html

布局文件的优化建议

      在布局文件中，我们一般是使用dp来作为单位，我们先来看下dp的定义：

-Density-independent pixel (dp)独立像素密度。标准是160dpi，即1dp对应1个pixel，计算公式如：
-px = dp * (dpi / 160)，屏幕密度越大，1dp对应 的像素点越多。
-上面的公式中有个dpi，dpi为DPI是Dots Per Inch（每英寸所打印的点数），也就是当设备的dpi为160的时候1px=1dp；

      使用dp来布局非常方便，但是，使用dp并不能够解决所有的适配问题：

-呈现效果仍旧会有差异，仅仅是相近而已,

-当设备的物理尺寸存在差异的时候，dp就显得无能为力了。为4.3寸屏幕准备的UI，运行在5.0寸的屏幕上，很可能在右侧和下侧存在大量的空白。而5.0寸的UI运行到4.3寸的设备上，很可能显示不下。

-总结下，dp能够让同一数值在不同的分辨率展示出大致相同的尺寸大小。但是当设备的尺寸差异较大的时候，显示效果就差强人意了。

      全面屏手机与相对于传统尺寸的手机相比，屏幕尺寸差异较大，因此使用dp来布局界面，在全面屏手机上展示效果并不好。

      有没有比dp更好的布局方案呢？

      有的，那就是百分比布局方案。

       比如，在LinearLayout中使用layout_weight来按照比例分配各个子view，这样，无论屏幕高度是多少，因为每一个子view在屏幕中占的比例都是相同的，所以在各种分辨率手机上看起来也是一样的。

       使用RelativeLayout或者FrameLayut来布局的话，推荐使用android-percent-support这个库，google官方有一个项目，专门介绍这种布局库，android-percent-support-lib-sample。

       在android studio中使用，只用在build.gradle中添加下面的依赖：

compile 'com.android.support:percent:23.0.1'

      这个库提供了两种布局供大家使用:PercentRelativeLayout、PercentFrameLayout，

      通过名字就可以看出，这是继承自FrameLayout和RelativeLayout两个容器类；支持的属性有：ayout_widthPercent、layout_heightPercent、 layout_marginPercent、layout_marginLeftPercent、 layout_marginTopPercent、layout_marginRightPercent、layout_marginBottomPercent、

layout_marginStartPercent、layout_marginEndPercent

       具体的使用方法本文就不详细介绍了，可以参考官方的sample: android-percent-support-lib-sample
或者这个博客：百分比布局支持库

       还有一个布局方式，比上面说的两种布局方法更加强大好用，那就是ConstraintLayout，大家发现没有，每次使用android studio创建一个默认工程的时候，默认给我们的布局就是使用ConstraintLayout，也就是说，google也在大力推行ConstraintLayout。Why？
因为ConstraintLayout有以下三大优势：

-可以极大地减少布局的嵌套，提升界面渲染性能

-可以使用可视化的方式来编写Android布局文件，非常方便

-跟上面介绍的几种布局对比，可以更方便地实现百分比布局，适配全面屏也毫无压力

所以，强烈推荐大家学习和使用ConstraintLayout。不会ConstraintLayout，那你就OUT了。