前言
基本上每个开发安卓App的人都会遇到一个需求,那就是启动页 + 广告页的功能。
那么肯定就会有不少的一部分人会遇到这样的一个问题,就是启动App的时候,总会有那么一瞬间的白屏,如下:
改版前遇到性能差一点的安卓机,那么这个白屏会更加的明显。那么我们应该怎么样去挤掉启动页的这一瞬间的空白呢?
PS:
因为改动比较简单,我也没有专门去写一个DEMO,所以直接在当前的一个项目中去讲解,所以我会在我上一篇文章的一个基础之上进行演示。
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信息。
好了,今天关于启动页的白屏问题就讲到这里了。
希望对你有所帮助~~~
网友评论