全面屏适配以及启动页适配（采用制做.9图的方式）

时间 2019-11-06

标签全面适配以及启动采用制做方式繁體版

原文原文链接

前言

关于全面屏

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

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

1、声明最大屏幕高宽比（解决黑边问题）布局

2、启动页适配优化

3、虚拟导航键（Navigation Bar）优化spa

这里简单介绍下声明最大屏幕高宽比、启动页适配。.net

1、声明最大屏幕高宽比（解决黑边问题）

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

注意：targetSdkVersion==24（Android7.0）及以上默认支持了分屏模式，即Manifest文件中配置Activity的android:resizeableActivity默认属性为true，在这种状况下并不须要配置android.max_aspect比例值便可自动适配全面屏。若是因为某些缘由（UI适配等）禁止了分屏模式，这个时候就要注意了！须要用到上面的代码，不然将出现上下黑条的显示效果，奇丑无比！3d

因此，对于下面的状况须要考虑适配！code

targetSdkVersion < 24
targetSdkVersion >= 24，可是禁用了分屏模式

　　目前有两种解决方案：

方案一、提升App所支持的最大屏幕纵横比（设置android.max_aspect比例值）

　　在应用配置文件AndroidManifest.xml中显式声明支持的最大屏幕高宽比（maximum aspect ratio）。其中 ratio_float 为高宽比：
　　传统屏幕：ratio_float = 16/9 = 1.778 ；
　　三星S8屏幕：ratio_float = 18.5/9 = 2.056。

　　红米6pro屏幕：ratio_float = 19/9 = 2.111。
　　鉴于目前全面屏屏幕比例，将ratio_float设置为2.2便可适配一众全面屏手机。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.cn.cctvnews">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/TranslucentTheme">
       
        <!--适配19:9全面屏黑边问题：https://blog.csdn.net/darkeet/article/details/80049913-->
        <!--https://blog.csdn.net/weelyy/article/details/79284332-->
        <meta-data android:name="android.max_aspect" android:value="2.2"/>

        <!-- 首页界面 -->
        <activity
            android:name=".activity.MainActivity"
            android:screenOrientation="portrait">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>

方案二、支持分屏模式（设置resizeableActivity属性值）

在targetSdkVersion==24（Android 7.0）以上Google默认支持了分屏模式，即Manifest文件中配置Activity的android:resizeableActivity默认属性为true。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.why.project.androidstartingwindowdemo">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme" android:resizeableActivity="true">
        <!--首页-->
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>

                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>

</manifest>