使用<ViewStub>实现view的延迟加载

  除了把一个view作为共通UI，并通过<include>标签来进行引用之外，还可以使用<ViewStub>标签来实现对一个View的引用并实现延迟加载。<ViewStub>时一个非常轻量级的组件，它不仅不可视，而且大小为0。下面同样通过一个实例来演示下如何使用<ViewStub>。

     首先，创建一个布局，这个布局在初始化加载时不需要显示，只在某些情况下才显示出来，例如查看用户信息时，只有点击某个按钮时，用户信息才显示出来。我们写一个简单的布局如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.wtt.ceshi.MainActivity">

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is not use layout"
        android:textSize="18sp"
        android:layout_centerInParent="true"/>

</RelativeLayout>

  接下来，与使用<include>标签类似，在主布局中的<ViewStub>中的layout属性来引用上面的布局，代码如下所示。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Visible"
        android:onClick="btnVisible"
        android:id="@+id/button"/>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Inflate"
        android:onClick="btnInflate"
        android:id="@+id/button2"
        android:layout_below="@+id/button"
        android:layout_toEndOf="@+id/button" />

    <ViewStub
        android:id="@+id/not_often_use"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout="@layout/activity_main"/>
</RelativeLayout>

运行程序后 我们发现，<ViewStub>标签中引用的布局的确没有显示出来，那么如何重新加载显示的布局呢

首先，通过普通的findviewByID()方法找到<ViewStub>组件，这点与一般的组件基本相同，代码如下所示：

mViewStub= (ViewStub) findViewById(R.id.not_often_use);

接下来，有两种方式来重新显示这个View

1.通过调用ViewStub的setVisible()方法来显示这个View,代码如下所示

mViewStub.setVisibility(View.VISIBLE);

2.通过调用ViewStub的Inflate()方法来显示这个View，代码如下所示

View inflateView=mViewStub.inflate();

 这两种方式都可以让ViewStub重新展开，显示引用的布局，而唯一的区别是inflate()方法可以返回引用的布局，从而可以再通过View.findviewById()方法来找到对应的控件，代码如下所示

View inflateView=mViewStub.inflate();
TextView textView= (TextView) inflateView.findViewById(R.id.tv);
textView.setText("显示布局");

整个程序运行结果如图所示：

看到这里，有的人可能有疑问了<ViewStub>标签与设置View.GONE这种方式来隐藏一个View有什么区别呢？的确，它们的共同点都是初始化时不会显示，但是<ViewStub>标签只会在显示时，才去渲染整个布局，而View.GONE，在初始化的时候就已经添加在布局树上了，相比之下<ViewStub>标签的布局具有更高的效率。