解决Splash白屏黑屏问题

当系统启动一个App时,zygote进程会首先创建一个新的进程去运行这个App,但是进程的创建是需要时间的,在创建完成之前,界面是呈现假死状态的,这极大地降低了用户体验,Android需要及时做出反馈去避免这段迷之尴尬。于是系统根据你的Manifest文件设置的主题颜色的不同来展示一个白屏(黑屏)。而这个白屏(黑屏)正式的称呼就是Preview Window,即预览窗口。这篇文章主要剖析App冷启动时的两个问题:

  • App启动时白屏(黑屏)
  • App启动速度慢,如何点击秒开


    启动黑屏白屏

APP启动时白屏(黑屏)

Activity如何绘制

首先要说明的是无论App启动,还是startActivity都是Activity的启动,所以这归根结底是一个问题,究其原因是对Activity的启动机制不太了解。Activity启动时绘制整个窗口需要按顺序执行以下几个步骤:

  1. 绘制背景
  2. 绘制View本身的内容
  3. 绘制子View
  4. 绘制修饰内容(例如滚动条)

闪屏原因剖析Preview Window

我们正常开发中会在Activity的onCreate()方法中调用setContentView(View)设置该Activity的显示布局,那么问题就来了,既然我们设置了布局,为什么启动的时候还会白屏或者黑屏而不是显示我set的布局呢?下面就带领大家一起来剖析一下原因。

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

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

这个StartingWindow就是我们要讨论的白屏(黑屏)的\color{red}{元凶},一般情况下我们会对Application和Activity设置theme,系统会根据设置的theme初始化StartingWindow。Window布局的顶层是DecorView,StartingWindow显示一个空DecorView,但是会给这个DecorView应用这个Activity指定的theme,如果这个Activity没有指定theme就用Application的。

在theme中可以指定窗口的背景、Activity的Icon、App整体文字颜色等,如果说没有指定任何属性,就会用默认的属性,也就是上文中提到的空DecorView,所以我们的白屏(黑屏)和空DecorView息息相关,我们给Application设置的Style就决定了是白屏还是黑屏。

1、如果选择了Black系列的主题那么Activity跳转的时候就是黑屏:

@android:style/Theme.Black

2、如果选择了Light系列的主题那么Activity跳转的时候就是白屏:

@android:style/Theme.Light

3、常见Theme主题

android:theme="@android:style/Theme.Dialog"                // Activity显示为对话框模式
android:theme="@android:style/Theme.NoTitleBar"            // 不显示应用程序标题栏=
android:theme="@android:style/Theme.NoTitleBar.Fullscreen" // 不显示应用程序标题栏,并全屏
android:theme="Theme.Light "                               // 背景为白色
android:theme="Theme.Light.NoTitleBar"                     // 白色背景并无标题栏
android:theme="Theme.Light.NoTitleBar.Fullscreen"          // 白色背景,无标题栏,全屏
android:theme="Theme.Black"                                // 背景黑色
android:theme="Theme.Black.NoTitleBar"                     // 黑色背景并无标题栏
android:theme="Theme.Black.NoTitleBar.Fullscreen"          // 黑色背景,无标题栏,全屏
android:theme="Theme.Wallpaper"                            // 用系统桌面为应用程序背景
android:theme="Theme.Wallpaper.NoTitleBar"                 // 用系统桌面为应用程序背景,且无标题栏
android:theme="Theme.Wallpaper.NoTitleBar.Fullscreen"      // 用系统桌面为应用程序背景,无标题栏,全屏
android:theme="Theme.Translucent"                          // 透明背景
android:theme="Theme.Translucent.NoTitleBar"               // 透明背景并无标题
android:theme="Theme.Translucent.NoTitleBar.Fullscreen"    // 透明背景并无标题,全屏
android:theme="Theme.Panel "                               // 面板风格显示
android:theme="Theme.Light.Panel"                          // 平板风格显示

解决办法

\color{red}{通常的解决办法都是给Activity设置一个透明背景的主题:}

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

如上设置后App和Activity启动时,我们的StartingWindow会应用我们这个透明背景的主题,跳转时确实没有白屏和黑屏了,但是这样设置会产生如下后果:

  • 给SplashActivity设置透明Theme后,用户点击我们App图标后,需要等待2秒左右的时候才会显示contentView。造成了App启动速度慢的假象,其实Activity已经启动了,只是background是透明的,这时候你点击桌面的其他地方是无效的。
  • 给其他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>
  • Activity之间的跳转可能偶尔会看到桌面一闪而过(如果SplashActivity和其他Activity都设置了透明)。

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

秒开方案

还是要从 ActivityTheme 下手,既然可以让 Window 白屏(黑屏)或者透明,那么是不是可以设置其它颜色或者图片来实现App的秒开呢?答案是肯定的。

实现原理

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

实现步骤

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/splash_logo_page" />
    </item>
</layer-list>

2、给主题设置Window背景:

<style name="SplashTheme" parent="AppBaseTheme">
    <!-- Splash页设置背景,当然页可以直接用全屏图片 -->
    <item name="android:windowBackground">@drawable/splash</item>
    <item name="android:windowFullscreen">true</item>
    <!-- <item name="android:windowIsTranslucent">true</item> --> <!-- 透明背景不要了 -->
</style>

3、在AndroidManifest.xml中定义SplashActivity的theme为SplashTheme:

<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>

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();
    }
}

特别注意:

  • 为保证启动速度,SplashActivity不要调用setContentView()方法。因为Activity设置了layout,它在App完全初始化完成后才会显示,也会耗时。使用该启动画面实现也能兼容到上面说的白屏和黑屏的问题。跟上面的小结一样,其他Activity不要设置
  • 如果Splash有闪屏或者广告投放之类的业务,可以setContentView()并做相关逻辑,切忌耗时操作
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350