android开发布局优化之ViewStub

使用ViewStub可以延迟加载一个布局文件，提高显示速率。刚开始接触到，记录下来。

关于viewstub的使用，我们可以在不同的布局中使用，比如可以根据设备的大小动态决定显示哪个界面。

viewstub和include比较像，都是在一个布局文件中嵌入另外一个布局文件，然而viewstub是可以说是延迟加载，它只会在你手动指定加载的时候才会加载这个布局文件，而include则会立即加载。

在布局中使用ViewStub标签来引入文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="com.example.viewstub.MainActivity" > <TextView
 android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" /> <Button
 android:id="@+id/toggle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="onClick" android:text="显示/隐藏" /> <ViewStub
 android:id="@+id/vs" android:layout_width="match_parent" android:layout_height="match_parent" android:inflatedId="@+id/inflated_id" android:layout="@layout/view_stub_layout" />

</LinearLayout>
  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
 

view_stub_layout.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="match_parent" android:orientation="vertical" >
<TextView android:id="@+id/tv" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="vs中的tv" /> </LinearLayout>
  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
 

这是布局文件，那么怎么在程序运行时加载这个布局呢？

public class MainActivity extends ActionBarActivity { private ViewStub stub; private boolean isShow = true; private TextView tv; /* (non-Javadoc) * @see android.support.v7.app.ActionBarActivity#onCreate(android.os.Bundle) */ @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //布局的加载有两种方式，一种是stub.inflate(); //另一种是stub.setVisibility(View.VISIBLE); stub = (ViewStub) this.findViewById(R.id.vs);
// stub.inflate(); stub.setVisibility(View.VISIBLE); //实例化之后就可以拿到stub布局的根节点，然后可以对之进行操作 View root = this.findViewById(R.id.inflated_id); //注意要先实例化stub，然后才可以拿到tv tv = (TextView) root.findViewById(R.id.tv); root.setBackgroundColor(Color.BLUE); } public void onClick(View v){ switch (v.getId()) { case R.id.toggle: if (isShow) { stub.setVisibility(View.GONE); }else{ stub.setVisibility(View.VISIBLE); tv.setText("---"); } isShow = !isShow; break; default: break; } }
}

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
 

文章来源: wangsong.blog.csdn.net，作者：_江南一点雨，版权归原作者所有，如需转载，请联系作者。

原文链接：wangsong.blog.csdn.net/article/details/47133029