解决部分android手机页面跳转的黑白屏、闪屏、显示桌面背景问题
关于修改后的方案效果图问题思路及解决办法最终方案关于
今天在查看登录页面美观度的时候意外发现手上的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
,对应界面如下图:
我还特意为此去学习了下如何使图片并排显示。
其中第一个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="/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);//转场动画