全面屏適配以及啓動頁適配（採用製做.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>