Android 启动白屏优化及公告闪图秒加载

背景

APP中启动广告图，由于去掉了缓存，每次显示的时候会先显示兜底图，然后再去加载服务端配置好的新图，渲染过程比较丑，需要进行优化

问题难点

1.启动图没考虑到全屏样式，然后再启动程序入口MainActivity中又设置了去处状态栏和设置全屏的样式，导致两边样式不统一。
2.启动的广告图，加载需要耗时，并且依赖于接口（PS：一般做缓存就可以了，但是需求方需要广告的实时性，缓存方案就pass掉了）
3.Glide加载兜底图和样式图不匹配

实现思路

首先，要明白，白屏的样式主题在那里设置，入口--》AndroidManifest---〉你的主程序入口，如下代码：

        <activity
            android:name=".activity.MainActivity"
            android:label="@string/app_name"
            android:launchMode="singleTop"
            android:screenOrientation="portrait"
            android:exported="true"
            android:theme="@style/AppStartThemeBg"
            android:windowSoftInputMode="stateUnchanged|adjustPan">
 

其中theme 就是你的白屏优化主题，一般而已，你只要设置了一张兜底图，并且十分贴近你的应用启动的图片，那么就不会让人产生顿挫感。

   <style name="AppStartThemeBg" parent="Theme.AppCompat.Light.NoActionBar">
       <!-- 防止首页启动白屏 add by miao 2016年12月1日 -->
       <!--<item name="android:windowTranslucentStatus">true</item>-->
       <item name="android:windowBackground">@drawable/app_start_bg</item>
       <item name="android:windowNoTitle">true</item>
       <item name="colorPrimaryDark">@color/white</item>
   </style>    

其中要留意状态栏属性，如果你不设置的话，不同的机型的状态栏，他有可能颜色不一样，一般设置为和启动图一样的颜色，此处，我设置为白色，是因为我启动图背景颜色是白色的。设置完这一步，启动图，就是全屏启动。那么问题1是怎么出现的呢？原因是，在MainActivity中，onCreate之前，设置了相应的主题，该主题和你启动图的主题样式不匹配，然后就会照成，启动图即将结束的时候，被改变了样式，造成bug。此处：我们就统一一下入口MainActivity的样式和启动图样式即可。

问题二：一般启动图过后，都会有广告图，这是企业为了运营产品而设的。依据运营的需求，如果对广告没有时效性，比如我这次打开，缓存下一次的广告，这种能接受的话，那么，速度上会有很大的提高。但是，对于有实效性的，比如，我就是要他实时展示，用户本来打开APP的机会就不怎么多。这种，我们只能稍微牺牲一下性能了。针对该场景，可以如下设计：

正常打开：

接口数据---》loadSplash ---〉缓存本次data---》加载广告图

异常打开：

handler 3s 等待接口数据失败---〉loadSplash ----》读取上次缓存---〉加载广告图｜进入MainActivity

相信大家对流程应该没问题，那么ok，进入问题三。Glide，我需要他加载完再展示到ImageView里呀。如何实现？废话不多说，直接贴代码：

       Glide.with(context).asBitmap().load(url).into(new SimpleTarget<Bitmap>() {
           @Override
           public void onResourceReady(@androidx.annotation.NonNull Bitmap resource, @Nullable Transition<? super Bitmap> transition) {
               imageView.setImageBitmap(resource);
           }

           @Override
           public void onLoadFailed(Drawable errorDrawable) {
               super.onLoadFailed(errorDrawable);
           }
       });

作用是：下载完成后，把图片显示在你广告图上，由于glide有三级缓存机制，因此，最好是提前在接口返回的时候，进行预加载，然后进入到广告启动的流程中的时候就可以直接复用上一次的bitmap，不会浪费相应的时间。因此思路如下：

接口数据--->开始预加载广告图---》loadSplash---〉加载广告图并且无兜底图

到这一步，启动优化就已经完成了，记录一下。