前言
有时候,UI的布局可能包含了复杂但又不一定使用的视图。如果只在需要的时候加载这些视图,而不是一进入页面就加载,那么我们就可以加快页面的启动速度并且减少内存的使用。Android系统提供了一个叫做ViewStub的控件来帮助我们实现延迟加载视图。
基本原理
ViewStub是一个不可见的、大小为零的 View,它可以用来延迟加载视图。ViewStub允许你指定一个要加载的布局资源。在需要的时候,你可以通过调用ViewStub的inflate()方法或者设置ViewStub为可见来加载指定的布局资源。一旦加载完毕,ViewStub就被加载的视图取代了。
ViewStub的一个缺点是,它目前不支持在要加载的布局中使用merge标签。
延迟加载视图
延迟加载视图的步骤如下:
- 将要延迟加载的视图定义在一个新的XML文件中。
- 为要延迟加载的视图定义一个ViewStub。
- 在需要时通过定义的ViewStub加载视图。
定义要延迟加载的视图
将要延迟加载的视图定义在一个新的XML文件中。示例代码如下所示:
<?xml version="1.0" encoding="utf-8"?>
<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