按需加载视图

有时您的布局需要很少使用的复杂视图。无论是项目详细信息、进度指示器还是撤消消息,您都可以通过仅在需要时加载视图来减少内存使用并加快渲染速度。

如果您将来需要在应用中使用复杂的视图,可以通过为复杂且很少使用的视图定义一个ViewStub来延迟加载资源。

定义 ViewStub

ViewStub 是一个轻量级的视图,没有尺寸,不绘制任何内容也不参与布局。因此,它需要很少的资源来膨胀并保留在视图层次结构中。每个ViewStub都包含android:layout属性以指定要膨胀的布局。

假设您有一个要在应用的用户体验后期加载的布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:src="@drawable/logo"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</FrameLayout>

您可以使用以下ViewStub推迟加载。要使其显示或加载任何内容,您必须使其显示引用的布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ViewStub
    android:id="@+id/stub_import"
    android:inflatedId="@+id/panel_import"
    android:layout="@layout/heavy_layout_we_want_to_postpone"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom" />
</FrameLayout>

加载 ViewStub 布局

上一节中的代码片段会生成类似于图 1 的内容

An image of a empty screen
图 1. 屏幕的初始状态:ViewStub 隐藏了繁重的布局。

当您想要加载ViewStub指定的布局时,可以通过调用setVisibility(View.VISIBLE)将其设置为可见,或者调用inflate()

以下代码片段模拟了延迟加载。屏幕在ActivityonCreate() 中照常加载,然后显示heavy_layout_we_want_to_postpone 布局

Kotlin

override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  setContentView(R.layout.activity_old_xml)

  Handler(Looper.getMainLooper())
      .postDelayed({
          findViewById<View>(R.id.stub_import).visibility = View.VISIBLE
          
          // Or val importPanel: View = findViewById<ViewStub>(R.id.stub_import).inflate()
      }, 2000)
}

Java

@Override
void onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_old_xml);

  Handler(Looper.getMainLooper())
      .postDelayed({
          findViewById<View>(R.id.stub_import).visibility = View.VISIBLE
          
          // Or val importPanel: View = findViewById<ViewStub>(R.id.stub_import).inflate()
      }, 2000);
}
图 2. 繁重的布局可见。

一旦可见或膨胀,ViewStub 元素将不再是视图层次结构的一部分。它被膨胀的布局替换,该布局的根视图的 ID 由ViewStubandroid:inflatedId 属性指定。为ViewStub 指定的 IDandroid:id 仅在ViewStub 布局可见或膨胀之前有效。

有关此主题的更多信息,请参阅博文使用存根优化