按需加载视图

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

如果您将来需要复杂的视图,可以通过为复杂且很少使用的视图定义 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 指定的 ID android:id 仅在 ViewStub 布局可见或膨胀之前有效。

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