Android 冷启动状态下Splash界面拉伸问题解决

问题现象

为了防止在app启动时出现黑屏或者白屏问题。需要选择冷启动处理。实现方式如下：

在styles文件中添加自定义主题：

<style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
     <item name="android:background">@drawable/bg_welcome_default</item>
     <item name="android:windowNoTitle">true</item>
     <item name="android:windowFullscreen">true</item>
     <item name="windowActionBar">false</item>
     <item name="windowNoTitle">true</item>
</style>

在Manifest文件中使用主题：

 <application
        android:allowBackup="true"
        android:label="@string/app_name"
        android:supportsRtl="true">
        <activity
            android:theme="@style/ThemeSplash"
            android:name=".SplashActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

 

在app中的bg_welcome_default图片的大小有三个640 * 960，750 * 1334，1242 * 2208。

在相匹配宽高比的手机可以正常显示，会在类似小米9（1080 * 2340）会出现拉伸情况。（注意：在这里不能使用宽高比为1080 * 2340 的替换 1242 * 2208 的图片。因为相同像素密度下宽高比为1242 * 2208 的手机也会存在拉伸，这样替换不能解决根本问题。）

问题原因

在使用图片作为全屏图片时屏幕的宽高比和图片的宽高比不匹配。

解决方法

图标使用单独切图，背景自定义绘制，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape >
            <solid android:color="@color/white"/>
        </shape>
    </item>
    <item android:left="10dip" android:top="10dip">
        <bitmap android:src="@drawable/bg_welcome"
            android:gravity="center"/>
    </item>
</layer-list>

引申问题

经过上面方法的处理，Splash界面拉伸问题已经解决，但是还有一个小问题，就是小米9的statusBar没有被图片填充。经过道长排查，自定义主题代码可以使用如下代码：

    <style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/bg_welcome_default</item>
        <item name="android:statusBarColor">@android:color/transparent</item>

        <!--<item name="android:windowNoTitle">true</item>-->
        <!--<item name="android:windowFullscreen">true</item>-->
        <!--<item name="windowActionBar">false</item>-->
        <!--<item name="windowNoTitle">true</item>-->

    </style>

注意：这个主题是放在v21\styles.xml中，和上面的代码不冲突。

到这里，冷启动状态下Splash界面拉伸问题基本就解决了。