App启动页面优化

栏目: Android · 发布时间: 7年前

  • 01.存在白屏问题
    • 1.1 问题描述
    • 1.2 问题分析
  • 02.解决白屏的办法
    • 2.1 解决方案分析
    • 2.2 第一种解决方案
    • 2.3 第二种解决方案
    • 2.4 注意要点
  • 03.Application启动速度优化
  • 04.启动页面屏蔽返回按键

好消息

  • 博客笔记大汇总【16年3月到至今】,包括 Java 基础及深入知识点,Android技术博客,Python学习笔记等等,还包括平时开发中遇到的bug汇总,当然也在工作之余收集了大量的面试题,长期更新维护并且修正,持续完善……开源的文件是markdown格式的!同时也开源了生活博客,从12年起,积累共计50篇[近30万字],转载请注明出处,谢谢!
  • 链接地址: github.com/yangchong21…
  • 如果觉得好,可以star一下,谢谢!当然也欢迎提出建议,万事起于忽微,量变引起质变!
  • 轮播图封装库: github.com/yangchong21…
  • 轻量级版本更新弹窗: github.com/yangchong21…
  • 通知栏封装库: github.com/yangchong21…

01.存在白屏问题

1.1 问题描述

  • 出现问题描述
    • android app启动页面黑屏的问题,android开发app启动时若没有做特殊处理的话,会出现一瞬间的白屏现象。
    • 即使你启动页界面就加载一个布局,不做其他耗时处理,貌似也会出现一瞬间的白屏问题。注意,有些地方也称黑屏,主要是看你给app设置的style样式。
    • 当从桌面 Launcher 的小图标点击冷启动一个 App 的时候,程序需要进行一些基本的初始化操作,例如在Application 或者SplashActivity中做了很多耗时操作,例如初始化第三方SDK等,当手机性能不好,配置不高时,该现象尤其明显。

1.2 问题分析

  • 为什么存在这个问题
    • 当系统启动一个APP时,zygote进程会首先创建一个新的进程去运行这个APP,但是进程的创建是需要时间的,在创建完成之前,界面是呈现假死状态,于是系统根据你的manifest文件设置的主题颜色的不同来展示一个白屏或者黑屏。而这个黑(白)屏正式的称呼应该是Preview Window,即预览窗口。
    • 实际上就是是activity默认的主题中的android:windowBackground为白色或者黑色导致的。
    • 总结来说启动顺序就是:app启动——Preview Window(也称为预览窗口)——启动页

02.解决白屏的办法

2.1 解决方案分析

  • Android在选择展示黑屏或者白屏的时候,是根据你设定的主题而不同的,也就是说,虽然你的代码没有被执行,你的配置文件却被提前读取了,用来作为展示Preview Window界面的依据。所以,解决方案的切入口就是整个APP的manifest文件,更确切的说应该是主题配置文件。
  • 设置配置文件style样式中的windowBackground这个属性来显示一张背景图还有一个效果就是启动应用程序会感觉非常快,而且与加载MainActivity的contentView是异步的。

2.2 第一种解决方案

  • 解决办法:给当前启动页添加一个有背景的style样式
    • 设置style样式如下
    <style name="SplashTheme" parent="AppTheme">
        <item name="android:windowBackground">@mipmap/splash</item>
        <item name="android:statusBarColor" tools:ignore="NewApi">@color/white</item>
        <item name="android:windowIsTranslucent">true</item>
    </style>
    复制代码
    • 注意,在清单文件中
    <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>
    复制代码
  • 经过处理之后App启动时就不会出现一瞬间白屏的效果
    • 将主题设置到启动的Activity的主题中,windowBackground就是即将展示的preview window。其中splash可以是一整张图片,它也可以是一个能解析出图片资源的XML文件。
  • 该方案注意要点
    • 给Preview Window设置的背景图如果不做处理,图片就会一直存在于内存中,所以,当我们进入到欢迎页的时候,不要忘了把背景图设置为空
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        //将window的背景图设置为空
        getWindow().setBackgroundDrawable(null);
        super.onCreate(savedInstanceState);
    }
    复制代码
  • 这样操作如何屏幕适配呢?
    • 这样通过样式style设置SplashActivity加载图,不能像imageView那样可以设置缩放功能,因此可以采用.9图片。
    • 以前有开发者采用我的这个建议,直接设置图,没有做适配,也无伤大雅,具体要看UI要求呢!

2.3 第二种解决方案

  • 禁止加载Preview Window,具体做法如下:
    <style name="SplashTheme" parent="@style/Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowDisablePreview">true</item>
    </style>
    复制代码
    • 设定为启动的Activity的主题,即可禁止Preview Window,当然,也有人通过把preview window设置为全透明,也达成了类似的效果。个人感觉这种方法没有第一种好!
  • windowDisablePreview的作用
    • 通过设置android:windowDisablePreview属性,禁用窗口的预览动画,在SplashActivity显示之前,系统永远不会使用窗口的主题来显示它的预览,这也保证了不会出现白屏或者黑屏。但是,与设置android:windowIsTranslucent属性一样,如果在SplashActivity启动的时候,有过多复杂的操作,就会出现在手机中点击了应用程序的图标,但过n秒才会打开应用程序不好的卡顿体验效果。
  • 该方案是否有缺点?
    • 这种方法有个小缺点,就是点击后短暂的那几百毫秒没有反应,就好像“假死”了一样,过了一会儿才跳出我们应用程序的第一个Activity,如果你不想让你的 App 有这个短暂“假死”时间,建议使用第一种方法。

2.4 注意要点

  • 不管是那种方式,都可以解决问题。注意的是有些手机标题栏和状态栏也会影响这两图层的,造成抖动效果,为了避免这种情况需要处理状态栏问题。这里可以直接引用我封装的状态栏库,有兴趣可以了解下,直接拿来用: github.com/yangchong21…

03.Application启动速度优化

  • 提高app的启动速度,加快Application的执行时间也是一个很重要的方面,这里我暂时总结了几条原则:
    • 尽量不将一些业务逻辑放于Application中;
    • Application尽量不以静态变量的方式保存应用数据;
    • 若App的大小不是特别大无需使用dex分包方案;
    • 在Application中关于文件,数据库等耗时的操作尽量放到IntentService线程中处理
    • 不要做有关于循环的操作

04.启动页面屏蔽返回按键

  • 一般App中都会在启动页面执行一些初始化配置等,所以这时候启动页加载时不希望用户通过按下返回按键退出App,因而可以在启动页中屏蔽返回按键,这里简单的介绍一下具体的实现:
    /**
     * Activity屏蔽物理返回按钮
     *
     * @param keyCode
     * @param event
     * @return
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
    复制代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

CSS3 Solutions

CSS3 Solutions

Marco Casario / Apress / 2012-8-13 / GBP 35.50

CSS3 brings a mass of changes, additions, and improvements to CSS across a range of new modules. Web designers and developers now have a whole host of new techniques up their sleeves, from working wit......一起来看看 《CSS3 Solutions》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

MD5 加密
MD5 加密

MD5 加密工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具