Android中ViewStub組件使用

1. 概述：

 

    ViewStub組件和<include>標籤的作用類似，主要是爲了提高佈局的重用性，及佈局的模塊化。它們之間最大的差別是，ViewStub中的佈局不會隨着它所在佈局的渲染而渲染，而<include>標籤中的佈局會隨着它所在佈局的渲染而渲染，ViewStub中的佈局只有在你需要的時候纔會渲染到主界面中。

 

2. 效果圖：

 

   （1）在ButtonOne與ButtonTwo之間存在一個ViewStub佈局，如下圖：

 

   （2）單擊ButtonOne後渲染ViewStub中的佈局，如下圖：

3. 實現代碼：

 

    （1）res/layout/main.xml實現：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" android:orientation = "vertical" android:layout_width = "fill_parent" android:layout_height = "fill_parent" > <Button android:id = "@+id/show" android:text = "ButtonOne" android:layout_width = "wrap_content" android:layout_height = "wrap_content" /> <ViewStub android:id = "@+id/viewStub" android:layout = "@layout/green_layout" android:layout_width = "300dip" android:layout_height = "300dip" /> <Button android:layout_width = "wrap_content" android:layout_height = "wrap_content" android:text = "ButtonTwo" /> </LinearLayout>

 

    （2）main.xml中ViewStub組件裏的佈局實現：<?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:background = "@color/green"> </LinearLayout>

 

    （4）主Activity實現：package com.focus.fishme; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.ViewStub; import android.view.View.OnClickListener; import android.widget.Button; public class ViewStubActivity extends Activity { private ViewStub mViewStub; private Button mShow; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); mViewStub = (ViewStub) findViewById(R.id.viewStub); mShow = (Button) findViewById(R.id.show); mShow.setOnClickListener(new OnClickListener() { public void onClick(View view) { if (mViewStub != null) { mViewStub.inflate(); } } }); } }