ViewStub的使用

                        ViewStub的使用

ViewStub，惰性装载控件。ViewStub是一个无形的、零大小的视图，可以在程序运行的过程中，通过懒加载的模式inflate进布局资源中。当一个ViewStub的inflate()方法被调用或者被设为显示时，这个ViewStub使用设定的View才会被加载，并替换当前ViewStub的位置。因此，ViewStub存在于视图层次，直到setVisibility(int)或inflate()方法被调用，否则是不加载控件的，所以消耗的资源小。通常也叫它为“懒惰的include”。 

    ViewStub的好处是，在某些场景中，并不一定需要把所有的内容都展示出来，可以隐藏一些View视图，待用户需要展示的时候再加载到当前的Layout中，这个时候就可以用到ViewStub这个控件了，这样可以减少资源的消耗，使最初的加载速度变快。 

    在ViewStub中，需要用到的属性也就两个，Android也为其提供了相应的getter/setter方法： 

android:inflateId：重写ViewStub的父布局控件的Id。

android:layout：设置ViewStub被inflate的布局控件Id。 

对于ViewStub而言，它需要监听的事件就只有一个，被加载的时候触发的事件

VIewStub.OnInflateListener，在这个事件中，需要实现一个onInflate()方法，以下是这个方法的签名： 

onInflate(ViewStub stub, View inflated); 

在VIewStub.OnInflateListener事件的onInflate()方法中，stub为当前待膨胀的ViewStub控件，inflated参数为当前被膨胀的View视图，可以在其中对其进行一些额外的操作。 

在使用ViewStub的过程中，有一点需要特别注意。对于一个ViewStun而言，当setVisibility(int)或inflate()方法被调用之后，这个ViewStub在布局中将被使用指定的View替换，所以inflate过一遍的ViewStub，如果被隐藏之后再次想要显示，将不能使用inflate()方法，但是可以再次使用setVisibility(int)方法设置为可见，这就是这两个方法的区别。而inflate()被调用之后，返回的是父布局控件对象。

ViewStub的使用示例

MainACtivity.Java:

/** 

 * Demo描述: 利用ViewStub显示和隐藏布局 

 * ViewStub的引入: 

 * 在开发的时候,有些布局是要根据条件而动态显示,达到一个布局两用的效果, 

 * 运用View.VISIBLE和View.GONE去改变布局的可见性. 

 * 这样的做法显然是没什么多大的问题,优点逻辑清晰,控制灵活,但缺点就是耗费资源 

 * 在setContentView()或者用inflate加载布局文件时无论View是否 

 * 被设置为View.GONE和View.VISIBLE,都会创建对象,占用一定程度上的内存,所以在考虑优化程序的时候， 

 * 尽量避免资源浪费，降低程序的资源占有量，提高响应速度，提升软件的用户体验 

 *  

 * 推荐的做法是使用android.view.ViewStub. 

 * ViewStub是一个轻量级的View,它一个看不见的,不占布局位置,占用资源非常小的控件. 

 * ViewStub是一个隐藏的,不占用内存空间的视图对象,它可以在运行时延迟加载布局资源文件当 ViewStub可见,或者调用 

 * inflate()函数时,才会加载这个布局资源文件 注意的问题: ViewStub只能用来Inflate一个布局文件,而不是某个具体的View 

 *  

 * 遇到的问题:  

 * 报错 ViewStub must have a non-null ViewGroup viewParent  

 * 原因: 

 * 官方文档:viewstub不能反复inflate,只能inflate一次 

 */  

[java]  view plain  copy

 print ?

1. <strong><span style="font-size:18px;">public class MainActivity extends Activity {    
2.     private Button mButton_show;    
3.     private Button mButton_hidden;    
4.     private ViewStub mViewStub;    
5.     private View mView=null;    
6.     private boolean isInflate=true;    
7.     @Override    
8.     public void onCreate(Bundle savedInstanceState) {    
9.         super.onCreate(savedInstanceState);    
10.         setContentView(R.layout.main);    
11.         init();    
12.     }    
13.     private void init(){    
14.         mButton_show=(Button) findViewById(R.id.button_show);    
15.         mButton_show.setOnClickListener(new ButttonClickListenerImpl());    
16.         mButton_hidden=(Button) findViewById(R.id.button_hidden);    
17.         mButton_hidden.setOnClickListener(new ButttonClickListenerImpl());    
18.         mViewStub=(ViewStub) findViewById(R.id.viewStub);    
19.     }    
20.     
21.     private class ButttonClickListenerImpl implements OnClickListener {    
22.         public void onClick(View v) {    
23.             switch (v.getId()) {    
24.             case R.id.button_show:    
25.                 if (isInflate) {    
26.                     mView=mViewStub.inflate();    
27.                     isInflate=false;    
28.                 }else {    
29.                     mView.setVisibility(View.VISIBLE);    
30.                 }    
31.                 TextView textView=    
32.                 (TextView) mView.findViewById(R.id.viewStub_TextView);    
33.                 textView.setText("time="+System.currentTimeMillis());    
34.                 break;    
35.             case R.id.button_hidden:    
36.                 mViewStub.setVisibility(View.GONE);    
37.                 break;    
38.             default:    
39.                 break;    
40.             }    
41.         }   
42.     }    
43. }    
44.    
45. main.xml如下:  
46. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
47.     xmlns:tools="http://schemas.android.com/tools"    
48.     android:layout_width="match_parent"    
49.     android:layout_height="match_parent"     
50.     android:orientation="vertical"   >    
51.    <LinearLayout    
52.     android:layout_width="wrap_content"    
53.     android:layout_height="wrap_content"   >    
54.      <ViewStub     
55.          android:id="@+id/viewStub"    
56.          android:layout_width="wrap_content"    
57.          android:layout_height="wrap_content"     
58.          android:layout="@layout/testviewstublayout"   />    
59.    </LinearLayout>    
60.    <Button     
61.        android:id="@+id/button_show"    
62.        android:layout_width="wrap_content"    
63.        android:layout_height="wrap_content"     
64.        android:text="加载ViewStub"  />    
65.    <Button     
66.        android:id="@+id/button_hidden"    
67.        android:layout_width="wrap_content"    
68.        android:layout_height="wrap_content"     
69.        android:text="隐藏ViewStub"  />    
70. </LinearLayout>    
71. testviewstublayout.xml.xml如下:   
72. <?xml version="1.0" encoding="utf-8"?>    
73. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
74.     android:layout_width="match_parent"    
75.     android:layout_height="match_parent"    
76.     android:orientation="vertical" >    
77.     <TextView     
78.         android:id="@+id/viewStub_TextView"    
79.         android:layout_width="wrap_content"    
80.         android:layout_height="wrap_content"    
81.         android:text="test test test" />    
82. </LinearLayout>  </span><span style="font-size: 14px;">  
83. </span></strong>