AndroidAndroid areaAndroid知识

挤掉安卓启动页的最后一点空白

2017-08-07  本文已影响208人  街头客

前言

基本上每个开发安卓App的人都会遇到一个需求,那就是启动页 + 广告页的功能。

那么肯定就会有不少的一部分人会遇到这样的一个问题,就是启动App的时候,总会有那么一瞬间的白屏,如下:

改版前

遇到性能差一点的安卓机,那么这个白屏会更加的明显。那么我们应该怎么样去挤掉启动页的这一瞬间的空白呢?

PS:

因为改动比较简单,我也没有专门去写一个DEMO,所以直接在当前的一个项目中去讲解,所以我会在我上一篇文章的一个基础之上进行演示。

链接:安卓少见的gradle多渠道打包

1,styles.xml文件添加主题

首先第一步是在styles.xml文件中,添加我们所需要的主题,这个主题会应用在启动页,如下:

<style name="Theme.Start_ucom" parent="android:Theme">
    <item name="android:windowBackground">@drawable/start_page_ucom</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowFullscreen">?android:windowNoTitle</item>
</style>

<style name="Theme.Start_yxj" parent="android:Theme">
    <item name="android:windowBackground">@drawable/start_page_yxj</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowFullscreen">?android:windowNoTitle</item>
</style>

<style name="Theme.Start_xxy" parent="android:Theme">
    <item name="android:windowBackground">@drawable/start_page_xxy</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowFullscreen">?android:windowNoTitle</item>
</style>

PS:

1,我上一篇文章写过多渠道打包,所以有时候我们需要针对每一个渠道单独做一个启动页 + 广告页,所以我在styles.xml文件中为每个渠道包专门定义了各自的一个启动主题;

2,android:windowBackground,是指启动页Activity时,指定展示的背景图;

3,其它两个属性,意思是全屏展示。

2,在app.gradle中的小改动

在上一篇的多渠道打包中,有在app.gradle中定义了每个渠道包的配置信息,那么这次添加启动页的主题后,做了一小点改动,改动后的配置信息如下:

// gradlew assemble 多渠道打包 2017/7/24 14:09
productFlavors {
    yxj {
        manifestPlaceholders = [APP_NAME: "@string/app_name",
                                APP_START_PAGE: "@style/Theme.Start_yxj",
                                APP_CHANNEL: "yxj",
                                APP_ICON: "@drawable/ic_launcher"]
    }

    ucom {
        manifestPlaceholders = [APP_NAME: "@string/app_name_ucom",
                                APP_START_PAGE: "@style/Theme.Start_ucom",
                                APP_CHANNEL: "ucom",
                                APP_ICON: "@drawable/ic_launcher_ucom"]
    }

    xxy {
        manifestPlaceholders = [APP_NAME: "@string/app_name_xxy",
                                APP_START_PAGE: "@style/Theme.Start_xxy",
                                APP_CHANNEL: "xxy",
                                APP_ICON: "@drawable/ic_launcher_xxy"]
    }
}

PS:

添加APP_START_PAGE的属性,分别指定各自需要启动的主题。

3,改动AndroidManifest.xml

在清单文件AndroidManifest.xml文件中,针对启动页添加如下改动:

<activity
    android:name=".activity.StartActivity"
    android:theme="${APP_START_PAGE}"
    android:label="${APP_NAME}"
    android:screenOrientation="portrait">
    <intent-filter>
        <action android:name="android.intent.action.MAIN"/>

        <category android:name="android.intent.category.LAUNCHER"/>
    </intent-filter>
</activity>

PS:

android:theme="${APP_START_PAGE}",动态指定启动页的主题,根据App的渠道号动态分配。

4,改动后的效果

经过上面3个步骤的改动,那么改动后的演示效果如下:

改版后

结尾

经过上面的几个步骤的配置,我们可以很简单的刷掉启动时,透露出来的一瞬间的白屏。

当然,如果在启动页还需要加入广告页,在这里就不详细讲了,但在这里可以提供一个思路,就是进入启动页时,动态访问后台服务器,拉取广告信息,可以先缓存需要展示的gif或者静态图,下一次进入时读取广告信息,进行展示。

这里需要注意一点的就是,展示的广告布局一定要设置一个白色背景色,当广告信息需要展示的时候,才可以挡住之前在主题中设置的windowBackground信息。

好了,今天关于启动页的白屏问题就讲到这里了。

希望对你有所帮助~~~

上一篇下一篇

猜你喜欢

热点阅读