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-list xmlns:android="http://schemas.android.com/apk/res/android" android:opacity="opaque">
<!-- 背景颜色,在上图中该颜色为黑色 -->
<item android:drawable="@android:color/black"/>
<!-- 黑色背景上的其他图片元素,比如 一个居中显示的 logo 图标-->
<item>
<bitmap
android:src="@drawable/product_logo_144dp"
android:gravity="center"/>
</item>
<!-- 右上角的图标元素 -->
<item >
<bitmap android:src="@drawable/top_right" android:gravity="top|right"/>
</item>
<!-- 最下面的文字,注意这里有个 bottom 设置 -->
<item android:bottom=”@dimen/product_text_bottom”>
<bitmap android: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 函数之前调用),例如:
public class MyMainActivity extends AppCompatActivity{
@Override
protected void 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,启动速度当然很快。给用户带来愉悦的体验。