三十四、【Android Splash闪屏页秒开 Activity白屏、Activity黑屏问题 】

2,037 阅读5分钟

今天在测试应用的时候发现,在进入闪屏页之前,会有1-2秒的白屏或者黑屏(颜色与设置的主题有关)。

一、本文章主要解决:
  1. APP启动时白屏/黑屏、Activity打开时白屏/黑屏。
  2. APP启动速度慢,如何实现点击ICON后APP秒开。APP启动加速。
二、了解绘制整个窗口:
  1. 绘制背景。
  2. 绘制View本身的内容。
  3. 绘制子View。
  4. 绘制修饰内容(例如滚动条)。

闪屏原因剖析StartingWindow(Preview Window)

三、常见的做法:

我们正常开发中会在Activity的onCreate()方法中调用setContentView(View)设置该Activity的显示布局。

当打开一个Activity时,如果这个Activity所属Application还没有在运行,系统会为这个Activity的创建一个进程(每开启一个进程都会有一个Application,所以Application的onCreate()可能会被调用多次),但进程的创建与初始化都需要时间,在这个动作完成之前,如果初始化的时间过长,屏幕上可能没有任何动静,用户会以为没有点到按钮。所以既不能停在原来的地方又没到显示新的界面,怎么办呢?这就有了StartingWindow(也称之为PreviewWindow)的出现,这样看起来就像Activity已经启动起来了,只是数据内容还没有初始化好。

StartingWindow一般出现在应用程序进程创建并初始化成功前,所以它是个临时窗口,对应的WindowTypeTYPE_APPLICATION_STARTING。目的是告诉用户,系统已经接受到操作,正在响应,在程序初始化完成后实现目的UI,同时移除这个窗口。

StartingWindow就是我们要讨论的白屏和黑屏的“元凶”,一般情况下我们会对ApplicationActivity设置Theme,系统会根据设置的Theme初始化StartingWindowWindow布局的顶层是DecorViewStartingWindow显示一个空DecorView,但是会给这个DecorView应用这个Activity指定的Theme,如果这个Activity没有指定Theme就用Application的(Application系统要求必须设置Theme)。

四、解决办法

1.闪屏页Activity设置透明的主题

<style name="SplashTheme" parent="AppTheme">
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowIsTranslucent">true</item>
</style>

如上设置后APPActivity启动时,我们的StartingWindow会应用我们这个透明背景的主题,跳转时确实没有白屏和黑屏了,但是这样设置会产生如下后果: 1.1、给SplashActivity设置后,用户点击我们APP图标后,需要等待2秒左右的时候才会显示contentView。造成了APP启动速度慢的假象,其实Activity已经启动了,只是background是透明的,这时候你点击桌面的其他地方是无效的。这样就和Google的初衷背道而驰了,所以还要继续往下看。 1.2、给其他Activity设置后,会导致通过overridePendingTransition设置的启动关闭Activity的动画无效。需要在style中重新写如下几个动画:

<style name="AppTheme" parent="AppBaseTheme">
<item name="android:windowAnimationStyle">@style/Animation.Activity.Translucent.Style</item>
<item name="android:windowFullscreen">true...
<item name="android:windowIsTranslucent">true...
</style>

<style name="Animation.Activity.Style" parent="@android:style/Animation.Activity">
<item name="android:activityOpenEnterAnimation">...
<item name="android:activityOpenExitAnimation">...
<item name="android:activityCloseEnterAnimation">...
<item name="android:activityCloseExitAnimation">...
</style>

<style name="Animation.Activity.Translucent.Style" parent="@android:style/Animation.Translucent"> 
<item name="android:windowEnterAnimation">...
<item name="android:windowExitAnimation">...
</style>

1.3、Activity之间的跳转可能偶尔会看到桌面一闪而过(如果SplashActivity和其他Activity都设置了透明)。

小结:一般情况下是只会给SplashActivity设置一个透明背景的主题,其他Activity不会设置,经过实践,这种体验是最好的。但是如果要做到APP秒开还是不行的,和我们的文章开头所分析的原理相斥了。

2.实现秒开的效果 我们之前设置了Window透明,实现了去掉白屏和黑屏,现在要弄一个颜色或者图片来代替白屏和黑屏,所以首先要把原来style 中的透明属性去掉。然后给Window设置一个背景颜色或者图片。

实现步骤 2.1、首先在res/drawable下新建一个layer-list,名字随便取,比如splash.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 背景颜色 -->
    <item android:drawable="@color/white" />

    <item>
        <!-- 图片 -->
        <bitmap
            android:gravity="center"
            android:src="@drawable/wel_page" />
    </item>
</layer-list>

layer-list大家都会写吧,上面是背景颜色,下面是一张图,这张图可以是全屏的图,可以是一张小图。如果是全屏的图,那上面的颜色也可以不用设置,如果是小图,就要指定下颜色了,并且可以指定图片在位置。

2.2 给window设置背景

<style name="SplashTheme" parent="AppBaseTheme">
    <!-- 欢迎页背景引用刚才写好的 -->
    <item name="android:windowBackground">@drawable/splash</item>
    <item name="android:windowFullscreen">true</item>
    <!-- <item name="android:windowIsTranslucent">true</item> --> <!-- 透明背景不要了 -->
</style>

上面的<item name="android:windowBackground">可以用我们上面的layer-list作为背景,当然也可以设置个全屏的图片。

2.3、在AndroidManifest.xml中定义SplashActivitythemeSplashTheme

<activity android:name=".SplashActivity"
    android:theme="@style/SplashTheme">
        <intent-filter>
            <action android:name="android.intent.action.MAIN"/>
            <category android:name="android.intent.category.LAUNCHER"/>
        </intent-filter>
</activity>

2.4、SplashActivity的实现,在onCreate()启动你的MainActivity即可,其他什么都别干:

public class SplashActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        startActivity(new Intent(this, MainActivity.class));
        finish();
    }
}