美文网首页
Android APP启动黑屏及解决方案

Android APP启动黑屏及解决方案

作者: cain07 | 来源:发表于2020-05-06 16:23 被阅读0次

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

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

    解决方案
    既然决定解决这个问题,那么从哪里入手呢,Android在选择展示黑屏或者白屏的时候,是根据你设定的主题而不同的,也就是说,虽然你的代码没有被执行,你的配置文件却被提前读取了,用来作为展示Preview Window界面的依据。
    所以,我们的解决方案的切入口就是整个APP的manifest文件,更确切的说应该是主题配置文件。

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

    style.xml
    <style name="APPTheme" parent="@android:style/Theme.Holo.NoActionBar">
    <item name="android:windowDisablePreview">true</item>
    </style>
    复制代码将APPTheme设定为启动的Activity的主题,即可禁止Preview Window,当然,也有人通过把preview window设置为全透明,也达成了类似的效果。
    结果就是,当你点击APP时,界面会无响应一段时间,然后进入APP。

    方案二 自定义Preview Window
    具体方法如下:

    style.xlm
    <style name="APPTheme" parent="@android:style/Theme.Holo.NoActionBar">
    <item name="android:windowBackground">@drawable/splash_icon</item>
    </style>
    复制代码同样将主题设置到启动的Activity的主题中,windowBackground就是即将展示的preview window。其中splash_icon可以是一整张图片,网上很多小伙伴也都是这么做的。其实它也可以是一个能解析出图片资源的XML文件,好像只有layer-list这种能做得到,因为它能够将多个drawable叠加起来展示。
    splash_icon.xml

    <?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/qq"/>
    </item>
    </layer-list>
    复制代码这样设置之后,当你点击APP,会立马进入你配置的界面,然后启动欢迎页

    在这里我们需要明确一点的是,preview window只能是静态图,它本身是不展示动画的,我们这里的动画,其实是在进入欢迎页之后的展示的。明确了这一点之后,整个动画效果的实现思路其实就已经摆在我们眼前了,那就是当界面从 Preview Window 跳转到 欢迎页 的时候,欢迎页必须首先展示一个和Preview Window一模一样的界面,让人看起来好像界面还没切换一样,然后再慢慢切换到欢迎页。

    相关文章

      网友评论

          本文标题:Android APP启动黑屏及解决方案

          本文链接:https://www.haomeiwen.com/subject/sopwghtx.html