1. 程式人生 > >ViewStub動態載入佈局提高UI載入效能

ViewStub動態載入佈局提高UI載入效能

ViewStub 定位:

ViewStub 是一個不可見,size 大小為0 的一個View ,用於執行時 延遲inflate layout佈局的。
當ViewStub 變為可見,或者 呼叫了inflate() 方法,這個Layout資源會被載入。
然後ViewStub會將載入的View或者Views 替換他自己在父佈局中的位置
因此ViewStub 一直存在,直到呼叫了setVisibility或者inflate,此時 inflate 進來的view 新增到ViewStub的父佈局裡,並使用ViewStub 設定的佈局引數
同時可以通過ViewStub的inflatedId屬性來重新定義引用的layout id。


<ViewStub android:id="@+id/stub"
               android:inflatedId="@+id/subTree"
               android:layout="@layout/mySubTree"
               android:layout_width="120dip"
               android:layout_height="40dip" />
因此ViewStub 可以通過Id 查找出來
當inflate過Layout佈局資源"mySubTree"以後,ViewStub會將自己從其父佈局中移除掉。

通過Inflating載入的佈局資源"mySubTree"可以通過定義的inflatedId"subTree"   通過id 查詢到。

inflate的View 最終會分配寬度120dp 高度40dp。

推薦的 inflate  layout資源的方式如下所示:

 ViewStub stub = (ViewStub) findViewById(R.id.stub);
 View inflated = stub.inflate();
當inflate() 方法被呼叫,ViewStub 會被inflate 的view 所代替,並且返回inflate的View物件。

這樣,可以讓我們的應用 不必執行額外的一次findviewbyid() 而直接獲取到inflated的View。


setInflatedId(int)  :給inflate 的View 設定一個inflateId 。

setLayoutResource(int)給ViewStub 新增layout 資源,當ViewStub變成visible時去載入。

這裡是一個使用Demo:

package com.example.test;

import android.app.Activity;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewStub;
import android.widget.Button;
import android.widget.RatingBar;

/**
 * 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一次
 * 
 */
public class ViewStubActivity extends Activity implements OnClickListener {
    private ViewStub mViewStub;
    private Button mShowButton;
    private Button mHiddenButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_viewstub);
        findView();
        bindView();
    }

    private void findView() {
        mViewStub = (ViewStub) this.findViewById(R.id.stub);
        mShowButton = (Button) this.findViewById(R.id.button_show);
        mHiddenButton = (Button) this.findViewById(R.id.button_hidden);
    }

    private void bindView() {
        mShowButton.setOnClickListener(this);
        mHiddenButton.setOnClickListener(this);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
    boolean first=false;

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.button_show:
        	if(!first){
        		   View inflated = mViewStub.inflate();
                   RatingBar ratingBar = (RatingBar) inflated
                           .findViewById(R.id.ratingBar);
                   ratingBar.setRating(4);
                   first=true;
        	}else{
        		 mViewStub.setVisibility(View.VISIBLE);
        	}
         
            // mViewStub.setVisibility(View.VISIBLE);
            break;
        case R.id.button_hidden:
            mViewStub.setVisibility(View.GONE);
            break;
        default:
            break;
        }
    }

}
activity_viewstub.xml
<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <!-- 靜態載入佈局檔案 -->

    <include
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        layout="@layout/my_sub_tree" />

    <!-- 動態載入佈局檔案 -->

    <ViewStub
        android:id="@+id/stub"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inflatedId="@+id/subTree"
        android:layout="@layout/my_sub_tree" />

    <Button
        android:id="@+id/button_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="動態載入佈局" />

    <Button
        android:id="@+id/button_hidden"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="動態隱藏佈局" />

</LinearLayout>

my_sub_tree.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" >

    <RatingBar
        android:id="@+id/ratingBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>


所以,從現在開始 用ViewStub 代替 visibility ‘gone’ 來做延遲載入,優化我們的UI佈局吧。