ViewStub動態載入佈局提高UI載入效能
阿新 • • 發佈:2019-01-09
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佈局吧。