Android性能优化之延迟加载视图

前言

有时候，UI的布局可能包含了复杂但又不一定使用的视图。如果只在需要的时候加载这些视图，而不是一进入页面就加载，那么我们就可以加快页面的启动速度并且减少内存的使用。Android系统提供了一个叫做ViewStub的控件来帮助我们实现延迟加载视图。

基本原理

ViewStub是一个不可见的、大小为零的 View，它可以用来延迟加载视图。ViewStub允许你指定一个要加载的布局资源。在需要的时候，你可以通过调用ViewStub的inflate()方法或者设置ViewStub为可见来加载指定的布局资源。一旦加载完毕，ViewStub就被加载的视图取代了。

ViewStub的一个缺点是，它目前不支持在要加载的布局中使用merge标签。

延迟加载视图

延迟加载视图的步骤如下：

1. 将要延迟加载的视图定义在一个新的XML文件中。
2. 为要延迟加载的视图定义一个ViewStub。
3. 在需要时通过定义的ViewStub加载视图。

定义要延迟加载的视图

将要延迟加载的视图定义在一个新的XML文件中。示例代码如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="@dimen/main_tv_greeting_margin_left"
        android:text="@string/main_greeting" />
LinearLayout>

定义一个ViewStub

在原本要定义延迟加载的视图的布局位置处定义一个ViewStub。示例代码如下所示：

<ViewStub
    android:id="@+id/vs_greeting"
    android:inflatedId="@+id/ll_greeting"
    android:layout="@layout/layout_greeting"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

其中，android:layout 属性指定了要延迟加载的布局资源。

在需要时加载视图

当你想要加载ViewStub中指定的布局时，你可以调用ViewStub的inflate()方法或者setVisibility(View.VISIBLE)方法。示例代码如下所示：

View vGreeting = ((ViewStub) findViewById(R.id.vs_greeting)).inflate();
// 或者
findViewById(R.id.vs_greeting).setVisibility(View.VISIBLE);

这两种方法的区别是：inflate()方法会返回加载的视图。如果你需要与加载的布局进行交互，你就不需要再调用findViewById()方法了。

注意： 一旦指定的布局加载完毕，ViewStub就不再是视图层次结构的一部分了，它被加载的视图取代了。

总结

对于布局中的那些复杂但又不一定使用的视图，我们可以使用ViewStub只在需要的时候加载这些视图，而不是一进入页面就加载，这样我们就可以加快页面的启动速度并且减少内存的使用。

参考

• https://developer.android.com/training/improving-layouts/loading-ondemand.html
• https://developer.android.com/reference/android/view/ViewStub.html