Android Splash 页秒开,带你重新认识 Activity 白屏,Activity 黑屏

11,001 阅读5分钟

版权声明:转载必须注明本文转自严振杰的博客: blog.csdn.net/yanzhenjie1…

本篇博客要剖析和解决的两个问题:
1. APP启动时白屏/黑屏、Activity打开时白屏/黑屏。
2. APP启动速度慢,如果实现点击ICON后APP秒开。APP启动加速。

APP启动时白屏/黑屏、Activity打开时白屏/黑屏

首先要说明的是无论是APP启动,还是startActivity都是Activity的启动,所以这归根结底是一个问题,看完本博客就明白了。

这是一个很多新手或者从事Android开发已经一年多的同学们可能遇到的疑问,究其原因是对Activity的启动机制和Activity的绘制机智不太了解。

绘制整个窗口需要按顺序执行以下几个步骤:
1. 绘制背景。
2. 绘制View本身的内容。
3. 绘制子View。
4. 绘制修饰内容(例如滚动条)。



这里是主要的四步,还有些其他对于今天内容不太重要省去没写。

原因剖析

我们正常开发中会在ActivityonCreate()方法中调用setContentView(View)设置该Activity的显示布局,setContentView(View)方法的源码如下:

public void setContentView(int layoutResID) {  
    getWindow().setContentView(view);
    initWindowDecorActionBar();
}  

那么问题就来了,既然我们设置了布局,为什么启动的时候还会白屏或者黑屏而不是显示我set的布局呢?下面就带领大家一起来剖析一下原因。

从上面我们得知我们的layout都是setContentView(View)到一个getWindow()上,看了getWindow()方法后发现就是return mWindow一个Window对象,所以一切要从Activity的attach()方法说起,打开Activity的源码,翻到attach()方法内,看到这一句:

mWindow = new PhoneWindow(this);

其实现在基本就明白了,我们知道Window都是有background的,所以我们的白屏和黑屏和Window息息相关,我们给APP设置的Style就决定了是白屏还是黑屏。

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

@android:style/Theme.Black"

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

@android:style/Theme.Light"

解决办法

  1. 通常的解决办法都是给Activity设置一个透明背景的主题:

    <item name="android:windowFullscreen">true</item>
    <item name="android:windowIsTranslucent">true</item>
</code></pre>

<p>如上设置后APP启动和Activity跳转时确实没有白屏和黑屏了,但是这样设置会产生如下后果: <br>
1. 给SplashActivity设置后,用户点击我们APP图标后,需要等待2秒左右的时候才会显示contentView。造成了APP启动速度慢的假象,其实Activity已经启动了,只是background是透明的,这时候你点击桌面的其他地方是无效的。 <br>
2. 给其他Activity设置后,会导致通过<code>overridePendingTransition</code>设置的启动关闭Activity的动画无效。需要在style中重新写如下几个动画:<br><br></p>



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


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


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

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

<p>小结:一般情况下是只会给<code>SplashActivity</code>设置一个透明背景的主题,其他<code>Activity</code>不会设置,经过实践,这种体验是最好的。但是如果要做到APP秒开还是不行的。</p>



<h2>APP秒开方案</h2>

<p>很多人问我像<a href="http://www.moresing.com/?from=www.yanzhenjie.com">妈妈去哪儿</a>、美团等APP是如何实现秒开的?其实看完上面的方法,这个基本上也就明白了。</p>

<p>还是从主题style下手,既然可以让<code>Window</code>白屏黑屏或者透明,那么是不是可以设置其他颜色或者图片来实现APP的秒开呢?答案是肯定的。</p>



<h3>原理</h3>

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



<h3>实现步骤</h3>

<p>1、首先在res/drawable下新建一个<code>layer-list</code>,名字随便取,比如<code>splash.xml</code>:</p>



<pre><code><?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"/>
    
</code></pre>

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

<p>2、给主题设置<code>Window</code>背景:</p>



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

<p>3、在AndroidManifest.xml中定义<code>SplashActivity</code>的<code>theme</code>为<code>SplashTheme</code>:</p>



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

<p>4、SplashActivity的实现,在<code>onCreate()</code>启动你的<code>MainActivity</code>即可,其他什么都别干:</p>



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

<p>特别注意:为保证启动速度,<code>SplashActivity</code>不要调用<code>setContentView()</code>方法。因为<code>Activity</code>设置了<code>layout</code>,它在<code>App</code>完全初始化完成后才会显示,也会耗时。使用该启动画面实现也能兼容到上面说的白屏和黑屏的问题。跟上面的小结一样,其他<code>Activity</code>不要设置。</p>

<p><strong>特别更新</strong>:博客刚发不久,有人跟我吐槽说,<code>SplashActivity</code>中需要做一个初始化的操作,被我放哪里了?可能是因为在上面第四点中说了个直接启动<code>MainActivity</code>其他什么都不别干,这里可以把<code>MainActivity</code>换成别的<code>InitializeActivity</code>,初始化、引导页的判断可以放在这里,这里都操作完了再启动<code>MainActivity</code> 、<code>CoreActivity</code>等即可。</p>

<p>当然大多数必要的初始化可以放在<code>Application</code>中(建议再启动一个子线程),因为你的进程说不定什么时候就被系统回收了,这时候直接启动时是启动被系统回收的时候正处于<code>Resume</code>状态的那个<code>Activity</code>,那你的初始化的<code>`Activity</code>就不会被执行了。</p>



<blockquote>
  <p>版权声明:转载必须注明本文转自严振杰的博客: <a href="http://blog.csdn.net/yanzhenjie1003">http://blog.csdn.net/yanzhenjie1003</a></p>
</blockquote></div>
        
   
</div>