Android启动页黑屏及最优解决方案

前言

相信做过Android的朋友都知道,当一个APP启动时,界面会首先展示一个白屏或者黑屏,然后再进入欢迎页,稍作停留最后进入APP主页。那么这个黑屏或者白屏到底是怎么一回事呢?它的最好的解决方案应该是怎样的呢?

历史原因

当系统启动一个APP时,zygote进程会首先创建一个新的进程去运行这个APP,但是进程的创建是需要时间的,在创建完成之前,界面是呈现假死状态的,这就很尴尬了,因为用户会以为没有点到APP而再次点击,这极大的降低用户体验,Android需要及时做出反馈去避免这段迷之尴尬。于是系统根据你的manifest文件设置的主题颜色的不同来展示一个白屏或者黑屏。而这个黑(白)屏正式的称呼应该是Preview Window,即预览窗口。

简言之,Preview Window其实是为了提高用户体验而有意设定的。

解决方案

Android在选择展示黑屏或者白屏的时候,是根据设定的主题而不同的,也就是说,虽然进程代码没有被执行,但是配置文件却被提前读取,用来作为展示Preview Window界面的依据。

所以,我们的解决方案的切入口就是整个APP的manifest文件,更确切的说应该是主题配置文件。

方案一:开历史倒车

这个方案就是禁止加载Preview Window,具体做法如下:

style.xml

1
2
3
<style name="AppTheme" parent="@android:style/Theme.Holo.NoActionBar">
<item name="android:windowDisablePreview">true</item>
</style>

将AppTheme设定为启动的Activity的主题,即可禁止Preview Window,当然,也有人通过把Preview Window设置为全透明,也达成了类似的效果。

结果就是,当点击APP时,界面会无响应一段时间,然后进入APP。

不推荐这么做,因为Android想方设法提升的用户体验一下子被打回解放前。

方案二:自定义Preview Window

具体方法如下:

style.xml

1
2
3
4
<style name="APPTheme" parent="@android:style/Theme.Holo.NoActionBar">
<item name="android:windowBackground">@drawable/splash_bg</item>
<item name="android:windowNoTitle">true</item>
</style>

同样将主题设置到启动的Activity的主题中,windowBackground就是即将展示的Preview Window。其中splash_bg可以是一整张图片。其实也可以是一个能解析出图片资源的XML文件,好像只有layer-list这种能做得到,因为它能够将多个drawable叠加起来展示。

splash_bg.xml

1
2
3
4
5
6
7
8
9
10
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
android:opacity="opaque">
<item android:drawable="@color/white"/>
<item>
<bitmap
android:gravity="center"
android:src="@drawable/appblog"/>
</item>
</layer-list>

设置之后,当点击APP,会立马进入配置的界面,然后启动欢迎页。将Preview Window设置为xml文件可以帮助我们更准确的实现动画。

方案三:自定义Preview Window增强版

Demo: https://github.com/ladingwu/Splash

Preview Window只能是静态图,本身是不展示动画的,我们这里的动画,其实是在进入欢迎页之后的展示的。当界面从Preview Window跳转到欢迎页的时候,欢迎页必须首先展示一个和Preview Window一模一样的界面,让人看起来好像界面还没切换一样,然后再慢慢切换到欢迎页。

再来看看为什么设置xml的方式可以帮助我们更准确的实现动画,就是因为要保证Preview Window和欢迎页最开始展示的界面保持绝对一致,只有通过xml的布局才是达到这种效果。

注意事项

给Preview Window设置的背景图如果不做处理,图片就会一直存在于内存中,所以,当我们进入到欢迎页时,不要忘记把背景图设置为空:

SplashActivity.java

1
2
3
4
5
6
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
//将window的背景图设置为空
getWindow().setBackgroundDrawable(null);
super.onCreate(savedInstanceState);
}

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :