关闭

带你重新认识:Android Splash页秒开 Activity白屏 Activity黑屏

标签: SplashAndroid秒开APP启动加速安卓启动黑屏安卓启动白屏
39972人阅读 评论(60) 收藏 举报
分类:

带你重新认识:Android Splash页秒开 Activity白屏 Activity黑屏

版权声明:转载必须注明本文转自严振杰的博客: http://blog.csdn.net/yanzhenjie1003

本篇博客要剖析和解决的两个问题:
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"

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

@android:style/Theme.Light"

解决办法

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

<style name="SplashTheme" parent="AppTheme">
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowIsTranslucent">true</item>
</style>

如上设置后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>  

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>

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>

上面的<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>

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

public class SplashActivity extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        startActivity(new Intent(this, MainActivity.class));
        finish();
    }
}

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

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

当然大多数必要的初始化可以放在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://blog.csdn.net/yanzhenjie1003

44
8
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

android开发:正确的开发一个Splash页面

虽然是一个小小的splash页面,可能有人说在里面写个线程一段时间结束就好了哈。 为啥我要写一篇文章介绍一下呢?如下解释:我在之前看到的一些splash页面的代码看到了很多有问题的写法。运行的不完美...
  • s297165331
  • s297165331
  • 2016-08-06 20:57
  • 3450

Android性能优化之提高App启动速度和Splash页面设计

1 App的启动1.1 启动方式通常来说,在安卓中应用的启动方式分为两种:冷启动和热启动。(1)冷启动:当启动应用时,后台没有该应用的进程,这时系统会重新创建一个新的进程分配给该应用,这个启动方式就是...
  • chenliguan
  • chenliguan
  • 2017-01-03 19:54
  • 3418

Android性能优化之Splash页应该这样设计

目前SplashActivity的设计目前市场上的应用在启动时基本上都会先启动一个SplashActivity,作为一个欢迎界面,为什么这样设计呢? 个人总结有三个优点:1、可以给用户更好的体验比如...
  • u010687392
  • u010687392
  • 2016-01-17 00:18
  • 8963

Android实战技术:Splash的实现

什么是Splash Splash也就是应用程序启动之前先启动一个画面,上面简单的介绍应用程序的厂商,厂商的LOGO,名称和版本等信息,多为一张图片,显示几秒钟后会自动消息,然后显示出应用程序的主体页...
  • hitlion2008
  • hitlion2008
  • 2012-09-11 21:56
  • 28293

关于Android主题splash全屏和主页面的沉浸式状态栏

最近做项目需要经常修改Android主题,对于每个Activity都进行自定义主题设置,下面讲一下对于主题的一些使用心得。 1. 全屏显示activity 由于studio中继承AppCompa...
  • Tracy_ZXD
  • Tracy_ZXD
  • 2017-02-27 14:40
  • 1352

【Android Studio】制作启动画面Splash Screen

转自:http://blog.csdn.net/yinzhitongqing/article/details/50134029 使用单独的Activity制作启动画面 1、首先正常新建项目,启动...
  • gaofang2009
  • gaofang2009
  • 2017-04-24 14:50
  • 2536

Android 必知必会-Android Splash 页秒开之细节处理

如果移动端访问不佳,请访问 –> Github版背景今天阅读了两篇 Android Splash 页秒开的文章,就上手试了试,效果确实不错,不过在使用过程中发现个小的问题,应用是发现在 Android...
  • ys743276112
  • ys743276112
  • 2016-08-16 17:28
  • 2549

高仿膜拜单车安卓APP--Mobike 之Splash欢迎界面SplashActivity

膜拜单车安卓APP,Splash
  • yiwen01
  • yiwen01
  • 2017-05-19 22:01
  • 584

Android引导页Splash设计

Android_Splash引导页就是在应用第一次安装时用来介绍应用的部分功能的动画页面,让用户大致的了解这个应用有啥功能。当用户首次安装时会有引导页面,用户下次启动的时候,就会直接进入主页面。 Sp...
  • Zuo_0625
  • Zuo_0625
  • 2016-05-07 14:27
  • 1527

Android性能优化之Splash页面设计

目前SplashActivity的设计目前市场上的应用在启动时基本上都会先启动一个SplashActivity,作为一个欢迎界面,为什么这样设计呢? 个人总结有三个优点:1、可以给用户更好的体验比...
  • yaohui_
  • yaohui_
  • 2016-08-31 13:54
  • 508
    个人资料
    • 访问:1606472次
    • 积分:6522
    • 等级:
    • 排名:第4285名
    • 原创:52篇
    • 转载:0篇
    • 译文:1篇
    • 评论:1274条
    我的微信公众号
    欢迎关注我的公众号,不定期为您推送优选博文,生活趣事!
    关注我的微信公众号

    关注我的微博
    友情链接


    我的Github

    QQ交流群 547839514

    博客专栏