在APP的開(kāi)發(fā)過(guò)程中我們往往會(huì)遇到?jīng)]有數(shù)據(jù)或者沒(méi)有網(wǎng)絡(luò)情況時(shí)使用一個(gè)布局view提示當(dāng)前數(shù)據(jù)加載的情況 ，就如下圖所示##
沒(méi)有數(shù)據(jù)時(shí)得顯示占位圖
有數(shù)據(jù)時(shí)正常顯示圖
我們可以用平常使用的布局來(lái)寫(xiě)也可以實(shí)現(xiàn)，但是這對(duì)于我們布局的加載會(huì)存在一定的壓力，所以我們使用ViewStub來(lái)加載。
那么什么是ViewStub呢？
ViewStub是一個(gè)輕量級(jí)的View，沒(méi)有尺寸，它不繪制任何東西，因此繪制或者移除時(shí)更省時(shí)。(ViewStub不可見(jiàn)，大小為0)
當(dāng)然，這是我用簡(jiǎn)短的話語(yǔ)描述的，你也可也參照官方文檔了解更多使用方法點(diǎn)擊進(jìn)入ViewStub使用官網(wǎng)
我不想浪費(fèi)更多時(shí)間去順著文檔翻譯一遍（有興趣的自己去研讀，官網(wǎng)鏈接需要翻墻進(jìn)入），目的只有一個(gè)快速寫(xiě)入項(xiàng)目中
首先看看布局文件吧！
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<ImageView
android:id="@+id/empty_icon"
android:layout_centerInParent="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/img_kong"/>
<TextView
android:id="@+id/empty_text"
android:layout_marginTop="10dp"
android:layout_centerInParent="true"
android:layout_below="@+id/empty_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/hint_line"
android:text="當(dāng)前暫無(wú)數(shù)據(jù)"/>
</RelativeLayout>
在使用的布局文件中通過(guò)ViewStub引入上面的布局
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:fitsSystemWindows="true"
android:background="@color/white"
android:orientation="vertical" >
<include
android:id="@+id/include"
layout="@layout/title_bar" />
<TextView
android:id="@+id/tv_kid_online"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:gravity="center_vertical"
android:layout_marginLeft="10dp"
android:text=""
android:textColor="@color/content_hint_text"
android:textSize="14sp" />
<ListView
android:divider="@color/white"
android:cacheColorHint="@color/white"
android:dividerHeight="0dp"
android:listSelector="@android:color/transparent"
android:id="@+id/lv_kid_online"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_centerHorizontal="true" >
</ListView>
<ViewStub
android:id="@+id/emptyView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:inflatedId="@+id/view_id_after_inflate"
android:layout="@layout/view_empty" />
</LinearLayout>
下面是在activity中區(qū)初始化，以及通常的使用方法
private ViewStub stubView;
private View emptyView;
stubView = (ViewStub) findViewById(R.id.emptyView);
在activity中使用如下方法
//顯示數(shù)據(jù)空的效果
private void showErrorView() {
if (emptyView == null) {
//ViewStub 只能加載一次
emptyView = stubView.inflate();
TextView text = (TextView) findViewById(R.id.empty_text);
text.setText("當(dāng)前園所沒(méi)有設(shè)置攝像頭，請(qǐng)聯(lián)系園所設(shè)置");
}
emptyView.setVisibility(View.VISIBLE);
listView.setVisibility(View.GONE);
}
//隱藏?cái)?shù)據(jù)空的效果
private void hintErrorView() {
if (emptyView == null) {
emptyView = stubView.inflate();
}
emptyView.setVisibility(View.GONE);
listView.setVisibility(View.VISIBLE);
}
