Android 应用启动界面自定义

在新的Material Design规范中，讲到了 Launch Screens（启动界面），这里的启动界面不是大家常见的 Splash Screen，本文介绍如何在 Android 应用中实现一个自定义的启动界面。

大家都知道，当你从桌面上点击一个应用到执行该 Activity 的 onCreate() 函数是需要一定的时间的，尤其是该应用从来也没使用过的情况下，该时间会比较长。Android 系统为了让用户感觉这段时间比较短，对应用的启动过程做了一个优化。 具体情况如下：

用户从 Home 启动一个应用，系统先解析该应用启动 Activity 所使用的主题(Theme，在Manifest 文件中定义的)，并根据里面定义的基本元素来绘制一个初始界面，比如根据主题中定义的状态栏颜色和窗口背景（ android:windowBackground）。当系统加载完该程序的所有资源并执行启动 Activity 的 onCreate 函数之后，就把初始界面替换为该 Activity 的实际界面。

比如在一个应用中定义了窗口背景为白色、状态栏为粉红色，那么在启动的时候，系统先显示一个初始界面如下：

注意上图并没有显示 ActionBar，这说明该应用使用了自定义的 Toolbar， 在Theme 中设置了没有 ActionBar，所以这个初始界面也就没有 ActionBar了。

当系统加载完该应用的资源并执行完启动 Activity 的 onCreate 函数之后，就会显示主界面如下：

值得注意的是， theme 中的 android:windowBackground 可以使用图片资源或者其他 Drawable 资源，而不仅仅是颜色值。这样的话，就可以根据您的应用需要来实现各种的启动初始界面了。例如下面的启动界面也就很容易实现了：

最简单的方式，就是把上面的背景图作为一张大图，设置到 android:windowBackground 中，但是这样做会有一个问题，不同的 手机屏幕大小会导致该图片被拉伸，导致公司的logo变形，这可不是我们希望的。 那么可以使用如下的方式来定义这个背景图：

<layer-listxmlns:android="http://schemas.android.com/apk/res/android"android:opacity="opaque">
  <!-- 背景颜色，在上图中该颜色为黑色 -->
  <itemandroid:drawable="@android:color/black"/>
  <!-- 黑色背景上的其他图片元素，比如 一个居中显示的 logo 图标-->
  <item>
    <bitmap
      android:src="@drawable/product_logo_144dp"
      android:gravity="center"/>
  </item>
   <!-- 右上角的图标元素 -->
    <item>
        <bitmapandroid:src="@drawable/top_right"android:gravity="top|right"/>
    </item>
 <!-- 最下面的文字，注意这里有个 bottom 设置 -->
    <itemandroid:bottom=”@dimen/product_text_bottom”>
        <bitmapandroid:src="@drawable/bottom_text"android:gravity="bottom"/>
    </item>
</layer-list>

注意上面的 android:opacity=”opaque” 属性，这个是为了防止在启动的时候出现背景的闪烁。

在您的启动 Activity 的自定义 主题中设置  android:windowBackground 的值为 上面定义的 layer-list ，然后在 AndroidManifest.xml  中设置启动 Activity 的主题为该自定义主题，例如 android:theme=”@style/AppTheme.Launcher”。注意: 要设置到启动的 Activity 上而不要设置该主题到 Application 上，这样就导致所有 Activity 都具有该效果了。

当 Activity 启动后要切换正常的主题只需要在 onCreate 函数中调用 setTheme 函数即可（注意：需要在 super.onCreate 函数之前调用），例如：

publicclass MyMainActivity extendsAppCompatActivity{
 @Override
  protectedvoid onCreate(Bundle savedInstanceState) {
    // 必须在 super.onCreate 之前调用
    setTheme(R.style.MyTheme);
    super.onCreate(savedInstanceState);
    // ...
  }
}

使用这种方式实现的 启动界面类似于效果上类似于传统的 Splash 界面，但是有很多好处：

1. 没有额外的 Splash Activity，我看到过很多开发者为了实现 设计师要求的 Splash 界面，单独使用一个 Activity 来显示 Splash 界面，并且等待一段时间（比如 5秒）后再 finish 该界面。

2. 没有额外的性能损耗，这是利用系统特性来实现一个启动界面，并不需要单独实现一个 Activity 来消耗系统的资源。

3. 没有额外的过度绘制。在 onCreate 函数中重新设置为正常的 theme，可以把自定义的启动背景图给删除掉，避免主题背景和自定义 View 背景造成的过度绘制。 你也可以通过  getWindow().setBackgroundDrawable(null); 来清除该自定义启动背景。

4. 启动速度更快。由于没有额外的 Splash Activity，启动速度当然很快。给用户带来愉悦的体验。