Android Splash闪屏页秒开 Activity白屏、Activity黑屏问题

 

本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003

 

今天在处理项目中闪屏界面的时候,遇到程序第一次开启会出现白屏大约2秒左右,然后再执行闪屏,故找到该篇文章,问题解决:

本篇博客要剖析和解决的两个问题: 
1. APP启动时白屏/黑屏、Activity打开时白屏/黑屏。 
2. APP启动速度慢,如何实现点击ICON后APP秒开。APP启动加速。


APP启动时白屏/黑屏、Activity打开时白屏/黑屏

首先要说明的是无论是APP启动,还是startActivity都是Activity的启动,所以这归根结底是一个问题,看完本博客就明白了。

这是一个很多新手或者从事Android开发已经一年多的同学们可能遇到的疑问,究其原因是对Activity的启动机制和Activity的绘制机智不太了解。

绘制整个窗口需要按顺序执行以下几个步骤: 
1. 绘制背景。 
2. 绘制View本身的内容。 
3. 绘制子View。 
4. 绘制修饰内容(例如滚动条)。

这里是主要的四步,还有些其他对于今天内容不太重要省去没写。

闪屏原因剖析StartingWindow(Preview Window)

我们正常开发中会在ActivityonCreate()方法中调用setContentView(View)设置该Activity的显示布局,那么问题就来了,既然我们设置了布局,为什么启动的时候还会白屏或者黑屏而不是显示我set的布局呢?下面就带领大家一起来剖析一下原因。

当打开一个Activity时,如果这个Activity所属Application还没有在运行,系统会为这个Activity的创建一个进程(每开启一个进程都会有一个Application,所以ApplicationonCreate()可能会被调用多次),但进程的创建与初始化都需要时间,在这个动作完成之前,如果初始化的时间过长,屏幕上可能没有任何动静,用户会以为没有点到按钮。所以既不能停在原来的地方又没到显示新的界面,怎么办呢?这就有了StartingWindow(也称之为PreviewWindow)的出现,这样看起来就像Activity已经启动起来了,只是数据内容还没有初始化好。

StartingWindow一般出现在应用程序进程创建并初始化成功前,所以它是个临时窗口,对应的WindowTypeTYPE_APPLICATION_STARTING。目的是告诉用户,系统已经接受到操作,正在响应,在程序初始化完成后实现目的UI,同时移除这个窗口。

这个StartingWindow就是我们要讨论的白屏和黑屏的“元凶”,一般情况下我们会对ApplicationActivity设置Theme,系统会根据设置的Theme初始化StartingWindowWindow布局的顶层是DecorViewStartingWindow显示一个空DecorView,但是会给这个DecorView应用这个Activity指定的Theme,如果这个Activity没有指定Theme就用Application的(Application系统要求必须设置Theme)。

上述内容是后来更新,特别感谢高山流水29同学和爵小友的指正。

Theme中可以指定窗口的背景,ActivityICON,APP整体文字颜色等,如果说没有指定任何属性,就会用默认的属性,也就是上文中提到的空DecorView,所以我们的白屏和黑屏和空DecorView息息相关,我们给APP设置的Style就决定了是白屏还是黑屏。

1、如果选择了Black的系列的主题那么Activity跳转的时候就是黑屏:

@android:style/Theme.Black"
  • 1
  • 1

2、如果选择了Light的系列的主题那么Activity跳转的时候就是白屏:

@android:style/Theme.Light"
  • 1
  • 1

解决办法

通常的解决办法都是给Activity设置一个透明背景的主题:

<style name="SplashTheme" parent="AppTheme"><item name="android:windowFullscreen">true</item><item name="android:windowIsTranslucent">true</item>
</style>
  • 1
  • 2
  • 3
  • 4
  • 1
  • 2
  • 3
  • 4

如上设置后APP和Activity启动时,我们的StartingWindow会应用我们这个透明背景的主题,跳转时确实没有白屏和黑屏了,但是这样设置会产生如下后果:

1、给SplashActivity设置后,用户点击我们APP图标后,需要等待2秒左右的时候才会显示contentView。造成了APP启动速度慢的假象,其实Activity已经启动了,只是background是透明的,这时候你点击桌面的其他地方是无效的。这样就和Google的初衷背道而驰了,所以还要继续往下看。 
2、给其他Activity设置后,会导致通过overridePendingTransition设置的启动关闭Activity的动画无效。需要在style中重新写如下几个动画:

<style name="AppTheme" parent="AppBaseTheme">
<item name="android:windowAnimationStyle">@style/Animation.Activity.Translucent.Style</item>
<item name="android:windowFullscreen">true...
<item name="android:windowIsTranslucent">true...
</style><style name="Animation.Activity.Style" parent="@android:style/Animation.Activity">
<item name="android:activityOpenEnterAnimation">...
<item name="android:activityOpenExitAnimation">...
<item name="android:activityCloseEnterAnimation">...
<item name="android:activityCloseExitAnimation">...
</style><style name="Animation.Activity.Translucent.Style" parent="@android:style/Animation.Translucent"> 
<item name="android:windowEnterAnimation">...
<item name="android:windowExitAnimation">...
</style>  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

3、Activity之间的跳转可能偶尔会看到桌面一闪而过(如果SplashActivity和其他Activity都设置了透明)。

小结:一般情况下是只会给SplashActivity设置一个透明背景的主题,其他Activity不会设置,经过实践,这种体验是最好的。但是如果要做到APP秒开还是不行的,和我们的文章开头所分析的原理相斥了。

秒开方案

那像妈妈去哪儿、美团、淘宝等APP是如何实现秒开的?其实看完上面的原理分析,这个基本上也就明白了。

还是从ActivityTheme下手,既然可以让Window白屏黑屏或者透明,那么是不是可以设置其他颜色或者图片来实现APP的秒开呢?答案是肯定的。

原理

我们之前设置了Window透明,实现了去掉白屏和黑屏,现在要弄一个颜色或者图片来代替白屏和黑屏,所以首先要把原来style中的透明属性去掉。然后给Window设置一个背景颜色或者图片。

实现步骤

1、首先在res/drawable下新建一个layer-list,名字随便取,比如splash.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><!-- 背景颜色 --><item android:drawable="@color/white" /><item><!-- 图片 --><bitmap
            android:gravity="center"android:src="@drawable/wel_page" /></item>
</layer-list>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

layer-list大家都会写吧,上面是背景颜色,下面是一张图,这张图可以是全屏的图,可以是一张小图。如果是全屏的图,那上面的颜色也可以不用设置,如果是小图,就要指定下颜色了,并且可以指定图片在位置。

2、给主题设置Window背景:

<style name="SplashTheme" parent="AppBaseTheme"><!-- 欢迎页背景引用刚才写好的 --><item name="android:windowBackground">@drawable/splash</item><item name="android:windowFullscreen">true</item><!-- <item name="android:windowIsTranslucent">true</item> --> <!-- 透明背景不要了 -->
</style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

上面的<item name="android:windowBackground">可以用我们上面的layer-list作为背景,当然也可以设置个全屏的图片。

3、在AndroidManifest.xml中定义SplashActivitythemeSplashTheme

<activity android:name=".SplashActivity"android:theme="@style/SplashTheme"><intent-filter><action android:name="android.intent.action.MAIN"/><category android:name="android.intent.category.LAUNCHER"/></intent-filter>
</activity>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

4、SplashActivity的实现,在onCreate()启动你的MainActivity即可,其他什么都别干:

public class SplashActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);startActivity(new Intent(this, MainActivity.class));finish();}
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

特别注意:为保证启动速度,SplashActivity不要调用setContentView()方法。因为Activity设置了layout,它在App完全初始化完成后才会显示,也会耗时。使用该启动画面实现也能兼容到上面说的白屏和黑屏的问题。跟上面的小结一样,其他Activity不要设置。

特别更新:博客刚发不久,有人跟我吐槽说,SplashActivity中需要做一个初始化的操作,被我放哪里了?可能是因为在上面第四点中说了个直接启动MainActivity其他什么都不别干,这里可以把MainActivity换成别的InitializeActivity,初始化、引导页的判断可以放在这里,这里都操作完了再启动MainActivity 、CoreActivity等即可。

当然大多数必要的初始化可以放在Application中(建议再启动一个子线程),因为你的进程说不定什么时候就被系统回收了,这时候直接启动时是启动被系统回收的时候正处于Resume状态的那个Activity,那你的初始化的`Activity就不会被执行了。

参考: 
http://cyrilmottier.com/2013/01/23/android-app-launching-made-gorgeous/ 
https://www.bignerdranch.com/blog/splash-screens-the-right-way/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/414841.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端学习(2707):重读vue电商网站27之通过axios请求拦截器添加 token

通过axios请求拦截器添加 token&#xff0c;保证拥有获取数据的权限。 原因是&#xff0c;后台那边除开登录的 api&#xff0c;其它都需要进行授权 。 因此&#xff0c;我们可以利用 axios 中interceptors属性&#xff0c;其中有一个成员 request&#xff0c;此时我们可以通过…

mac osx 下 浏览器 开启 java

工作环境mac osx 浏览器 chrome:63.0.3239.132 (Official Build) (64-bit)firefox: 57.0.4 (64 位)safari:Version 11.0.1 (13604.3.5) 堡垒机的部分设置&#xff0c;需在单独的web后台&#xff0c;该后台依赖java&#xff0c;和之前 超微 Supermicro 的 web 管理类似&#xff…

Android 使用控件自定义背景实例

实例1 <?xml version"1.0" encoding"UTF-8"?> <!-- 底部圆角 白色背景 灰色边框 长方体 --> <layer-list xmlns:tools"http://schemas.android.com/tools"xmlns:android"http://schemas.android.com/apk/res/android&quo…

mac mongodb bson 导入

1、官网下载对应工具 https://www.mongodb.com/try/download/bi-connector 2、将文件解压&#xff0c;放置到bin目录中。 3、运行命令进行数据恢复 mongorestore -d db_name 文件夹目录 mongorestore -d yangdb /Users/caowei/Downloads/yang-admin-main/db/yang-admin4、…

前端学习(2708):重读vue电商网站28之通过axios请求拦截器添加 token

通过axios请求拦截器添加 token&#xff0c;保证拥有获取数据的权限。 原因是&#xff0c;后台那边除开登录的 api&#xff0c;其它都需要进行授权 。 因此&#xff0c;我们可以利用 axios 中interceptors属性&#xff0c;其中有一个成员 request&#xff0c;此时我们可以通过…

ABAP表生成Java实体Bean

项目中需要将HR模块中的表数据同步到Java系统中&#xff0c;向外围系统提供分发与查询服务&#xff0c;涉及到的表有两百多张&#xff0c;字段好几千上万个&#xff0c;如果手工一张张这些ABAP表在Java系统数据库中创建一遍的话&#xff0c;工作量将非常大&#xff0c;而且容易…

vite打包分析插件rollup-plugin-visualizer

1、安装插件 pnpm install rollup-plugin-visualizer2、在vite.confg.ts引入插件并使用 引入 import { visualizer } from rollup-plugin-visualizer;使用 const plugins [vue(), vueSetupExtend(), vueJsx(), visualizer()]3、打包后&#xff0c;会产生一个stats.html文件…

前端学习(2709):重读vue电商网站29之左侧菜单栏

关于这一块的话&#xff0c;由于后台数据已经写好&#xff0c;我们只需要通过双层 for 循环即可渲染我们的菜单栏&#xff0c;注意点&#xff1a; :index 只能绑定字符串&#xff0c;因此将后台请求过来的 id值与空字符串进行拼接达到此效果&#xff0c;解决了点击某个菜单栏导…

Android应用中去掉标题栏方法总结(Eclipse+Android Studio)

Eclipse 1.在程序代码中实现 需要注意的是: this.requestWindowFeature(Window.FEATURE_NO_TITLE); 这段代码一定要放在setContentView();方法前面&#xff0c;否则不会生效! 这个方法只会在引用过的布局才会生效&#xff0c;比如这个activity_main引用了&#xff0c;就不会…

IntelliJ IDEA配置PROFILES切换环境变量

一.修改POM文件 追加一下内容 <profiles><!-- dev 开发环境 --><profile><id>dev</id><activation><activeByDefault>true</activeByDefault></activation><properties><profileActive>dev</profileAc…

前端学习(2711):重读vue电商网站31之左侧菜单栏图标设计

保持一个子菜单的展开 直接在侧边栏区域添加上述属性即可

潍职e校帮APP功能简介

2017年04月17日&#xff0c;团队第一款产品>>>e校帮已正式上线了。当前最新版本为V1.2.1&#xff0c;大家可以在e校帮官网进行下载&#xff0c;http://exiaobang.top &#xff0c;或者在搜狗手机助手/搜狗输入法/酷安/应用宝等进行下载。 e校帮简介&#xff1a; e校帮…

mac电脑允许mysql其他电脑连接

需求&#xff1a;用其他电脑&#xff0c;连接mac上的mysql&#xff0c;出现报错 1130 - Host xxx is not allowed to connect to this MySQL server 解决方案&#xff1a; 1、连接上mysql mysql -uroot -p然后输入密码&#xff0c;密码不会回显 2.增加授权 GRANT ALL ON *.…

00_python安装与配置(mac)

参考地址&#xff1a;http://blog.csdn.net/int93/article/details/78811801 1、查看本机默认安装环境 通过uname -a 查看系统位数&#xff0c;x86_64代表64位使用python命令查看系统默认版本 OSX默认安装2.7.10&#xff0c;系统很多lib都是基于python2.7,因此还是不要卸载2、下…

自定义EditText输入框

转载地址&#xff1a;http ://blog.csdn.net/lyfzxf/article/details/53513502 很喜欢简书App的登陆框风格 。 自定义ImgEditText 继承与EditText。主要重写部分方法即可。 import android.content.Context; import android.graphics.Rect; import android.graphics.drawable.…

MyEclipse创建struts.xml

为了后期编写配置文件时&#xff0c;MyEclipse工具能给出提示&#xff0c;需要将dtd文件在MyEclipse工具加以配置。 找到XML中的XML Catalog,然后选择【add】 其中Key和Specify alternative web address可以到dtd文件中进行Copy 为MyEclipse加好dtd的配置之后&#xff0c;我们就…

Java中getPath,getAbsolutePath和getCanonicalPath区别

方法说明getPath以构造路径作为返回值getAbsolutePath以当前路径构造路径作为返回值getCanonicalPath以全路径作为返回值&#xff08;如果构造路径包含.或…&#xff0c;会进行处理&#xff09; 需要理解一下Canonical单词含义 测试示例 public static void main(String[] arg…

工作220:git clone的时候地址需要改成自己的用户名

git在clone地址的时候用户名 要写成自己 才能clone

Android 检查版本更新 Server后台下载

问题来了&#xff0c;平时开发应用也许你会遇到这种场景&#xff1a;应用启动检查服务器版本&#xff0c;若大于当前版本&#xff0c;则要从网络上下载APK文件&#xff0c;并在Activity上展示进度条。 版本更新&#xff0c;无非是下载apk文件&#xff0c;安装apk。 //其中用到…

error: style attribute '@android:attr/windowEnterAnimation' not found

是的在导入一个依赖的时候又报错了&#xff0c;除了上面这个下面还有几句类似的&#xff0c;解决方法很简单 在gradle.properties这个文件中添加如下一行代码即可&#xff1a; android.enableAapt2false 1这条语句关闭了Aapt2编译。