android app启动页（闪屏页）白屏快速优化方案实践

2301_79655511

于 2024-04-30 21:06:43 发布

阅读量468

点赞数 18

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2301_79655511/article/details/138356875

版权

程序员专栏收录该内容

286 篇文章 0 订阅

订阅专栏

_@drawable/bg_splash_snow_改为你自己的背景图

启动页activity 的 onCreate 方法回调中，将window的背景图置空，代码如下：

class SplashActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
window.setBackgroundDrawable(null)
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_splash)
}
}

看下效果：

启动页示例2.gif

完事儿~~~下篇见

这就没了？？？？？

对，没错，代码就是这么简单。

不过对style里那三个属性不熟悉的朋友，可能心存疑问：这到底是个什么鬼。。。

那咱接下来就细细的捋一遍吧。

6.事前准备

创建一个启动页界面，布局里设置背景为一张图片，并放一个textview：

class SplashActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_splash)
}
}

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
xmlns:tools=“http://schemas.android.com/tools”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
android:background=“@drawable/bg_splash_snow”
tools:context=“.activity.SplashActivity”>

<androidx.appcompat.widget.AppCompatTextView
android:layout_width=“wrap_content”
android:layout_height=“wrap_content”
android:layout_marginTop=“100dp”
android:text=“@string/app_name”
android:textColor=“@color/white”
android:textSize=“22sp”
app:layout_constraintLeft_toLeftOf=“parent”
app:layout_constraintRight_toRightOf=“parent”
app:layout_constraintTop_toTopOf=“parent” />

</androidx.constraintlayout.widget.ConstraintLayout>

styles文件里新建一个 style ，parent 设置为 Theme.AppCompat.DayNight.NoActionBar 来取消标题栏：

AndroidManifest.xml里将该style设置给SplashActivity，方便我们后续对比效果：

华为手机上运行效果如下：

咦？这顶部状态栏跟底部导航栏也忒丑了点。。。。。。

那。。干掉吧。。。

在style里设置一下：

运行效果如下：

启动页示例.gif

哦豁 ~~ 处理好顶部状态栏跟底部导航栏后舒服多了，但是，这个白屏问题？？？

恩，明显的不像话。

7.通过【设置window背景】解决白屏问题

这个贼简单，只需要通过style的android:windowBackground属性给window设置一个背景，最终设置如下：

@drawable/bg_splash_snow 是我的一张背景图：

运行效果如下：

启动页示例2.gif

完事儿，收工~

“等等~”，有朋友（无中生友？）怕是要问了：那你这一个界面设置了两个背景图，岂不是有些冗余？

哎呀，那来吧，去掉一张吧，把布局文件的图干掉（tools:background表示只渲染预览布局，不参与实际运行）：

结果如下：

启动页示例2.gif

可以看到，运行结果跟之前跟一模一样。

眼尖的朋友又要问了：“连时间都一样？？？”

哈哈哈，我就是偷的上一张图。

当然了，这里显示的背景图就是window上的背景图，实际上这样是有问题的，比如我启动页要放个viewpager啥的，需要处理图片的一些展示逻辑可咋整，window背景又不能搞成viewpager？

那咱们换一个思路，window的背景图在用完后给他置空，继续显示启动页的布局视图行不行呢？来实践一下看看：

学习宝典

对我们开发者来说，一定要打好基础，随时准备战斗。不论寒冬是否到来，都要把自己的技术做精做深。虽然目前移动端的招聘量确实变少了，但中高端的职位还是很多的，这说明行业只是变得成熟规范起来了。竞争越激烈，产品质量与留存就变得更加重要，我们进入了技术赋能业务的时代。

不论遇到什么困难，都不应该成为我们放弃的理由！

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，对此我针对Android程序员，我这边给大家整理了一套学习宝典！包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

【Android核心高级技术PDF文档，BAT大厂面试真题解析】