关于
今天在查看登录页面美观度的时候意外发现手上的oppo手机在页面跳转的时候会有明显的显示桌面背景的问题,先看一下有问题的页面跳转(此篇文章也会作为简易音乐博客系列之一):
修改后的方案效果图
通过gif可以看到有一瞬间的手机背景的展示问题,当然了,黑白屏的问题在本文一开始就解决了:
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowIsTranslucent">true</item>
<!--Android 5.x开始需要把颜色设置透明,否则导航栏会呈现系统默认的浅灰色-->
<item name="android:statusBarColor" tools:ignore="NewApi">#00000000</item>
</style>
<style name="ThemeSplash" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowTranslucentNavigation" tools:ignore="NewApi">true</item>
<!--解决部分手机隐藏状态栏顶部出现小黑条的问题-->
<item name="android:windowLayoutInDisplayCutoutMode" tools:ignore="NewApi">shortEdges</item>
<!--解决白屏问题-->
<item name="android:windowBackground">@color/colorAccent</item>
<item name="android:windowFullscreen">true</item>
<!--Android 5.x开始需要把颜色设置透明,否则导航栏会呈现系统默认的浅灰色-->
<item name="android:statusBarColor" tools:ignore="NewApi">#00000000</item>
</style>
问题思路及解决办法
上图gif里面总共三个页面,SplashActivity.java
、LoginSelectActivity.java
、LoginActivity.java
,对应界面如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/73b9c3557617c267542e1dc6fa544ce5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/77897af16fc2547e47ac76db18e5ce95.png)
![](https://i-blog.csdnimg.cn/blog_migrate/cf6c832360cec6ad9cc19770f13bd409.png)
我还特意为此去学习了下如何使图片并排显示。
其中第一个SplashActivity.java
是启动页面,对应上面的ThemeSplash样式,跳转LoginSelectActivity.java
页面代码如下:
//ARouter路由
ARouter.getInstance()
.build(Config.ROUTE_LOGINSELECT)//跳转到选择按钮页面
.withFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK|Intent.FLAG_ACTIVITY_NEW_TASK)
.navigation(SplashActivity.this);
finish();
想着是不是因为跳转的时候清空了栈,导致页面是从桌面启动的,去掉Intent.FLAG_ACTIVITY_CLEAR_TASK
标签:
//ARouter路由
ARouter.getInstance()
.build(Config.ROUTE_LOGINSELECT)//跳转到选择按钮页面
.withFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
.navigation(SplashActivity.this);
finish();
修改了之后还是显示了桌面背景,继续修改,想着给AppTheme添加一个不透明的背景呢,修改如下:
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowIsTranslucent">true</item>
<!--解决页面跳转的状态栏白屏问题-->
<item name="android:windowBackground">@color/colorAccent</item>
<!--Android 5.x开始需要把颜色设置透明,否则导航栏会呈现系统默认的浅灰色-->
<item name="android:statusBarColor" tools:ignore="NewApi">#00000000</item>
</style>
修改跳转代码:
ARouter.getInstance()
.build(Config.ROUTE_LOGINSELECT)//跳转到选择按钮页面
.withFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK|Intent.FLAG_ACTIVITY_NEW_TASK)
.navigation(SplashActivity.this);
//去掉finish();方法 因为跳转过程中销毁了前一个页面,导致页面显示了透明背景即显示了手机桌面背景
最终方案
贴下最终完整代码吧,首先是样式styles.xml:
<resources xmlns:tools="http://schemas.android.com/tools">
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowIsTranslucent">true</item>
<!--解决页面跳转的状态栏白屏问题-->
<item name="android:windowBackground">@color/colorAccent</item>
<!--Android 5.x开始需要把颜色设置透明,否则导航栏会呈现系统默认的浅灰色-->
<item name="android:statusBarColor" tools:ignore="NewApi">#00000000</item>
</style>
<!--启动页样式-->
<style name="ThemeSplash" parent="AppTheme">
<item name="android:windowTranslucentNavigation" tools:ignore="NewApi">true</item>
<!--解决部分手机隐藏状态栏顶部出现小黑条的问题-->
<item name="android:windowLayoutInDisplayCutoutMode" tools:ignore="NewApi">shortEdges</item>
<item name="android:windowFullscreen">true</item>
</style>
</resources>
SplashActivity的跳转:
ARouter.getInstance()
.build(Config.ROUTE_LOGINSELECT)//跳转到选择按钮页面
.withFlags(Intent.FLAG_ACTIVITY_NEW_TASK)
.navigation(SplashActivity.this);
overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);//转场动画