ViewStub是一个轻量级的视图控件,而实际开发中在合适的场景中使用,可以提高渲染速度,占用的内存更少,从而提高App的UI性能。
理解ViewStub这个控件,首先要清楚它的几条属性和应用条件:
1、ViewStub本身在布局资源中是不可见的,要完成在视图中“占位”的任务,宽高都是0,要通过inflate方法或者setVisible方法来显示出来,即在xml布局加载过程中是不占用资源的,它是动态布局一种策略;
2、ViewStub通过inflate实例化视图,只能inflate一次;
3、ViewStub针对的事layout布局,不是某一个具体的view;
下面看一个具体的demo:
activity中的布局文件:
<ViewStub
android:id="@+id/viewstub"
android:layout_below="@id/mlist"
android:layout_marginTop="20dp"
android:layout_centerHorizontal="true"
android:layout="@layout/view_stub"
android:inflatedId="@+id/inflatedid_viewstub"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
id属性是viewstub的id,可以通过findViewById找到该资源控件,inflatedId是root view id,即viewstub调用inflate之后,不能再次调用,会报错,因为viewstub已经从视图层级中被移除,但是可以通过inflatedId取得viewstub的布局,继续来控制隐藏viewstub,也就是inflatedId的布局和viewstub的布局保持一致。
view_stub.xml如下
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/image_name"
android:layout_gravity="center"
android:src="@drawable/xiaofeng"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:layout_gravity="center"
android:textSize="18sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
看下activity的部分代码:
mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
if (position == 0) {
Toast.makeText(MainActivity.this, "position is :" + position, Toast.LENGTH_SHORT).show();
//方式一
// mStub.setVisibility(View.VISIBLE);
if (!isInflated) {
//方式二
mStub.inflate();
isInflated = true;
isfisrt =true;
}
/*替代布局,必须是调用setVisibility或者inflate之后才不为空*/
LinearLayout imageView = (LinearLayout) findViewById(R.id.inflatedid_viewstub);
if (imageView == null) {
return;
}
if (imageView.getVisibility() == View.VISIBLE && !isfisrt) {
imageView.setVisibility(View.GONE);
} else {
if (!isfisrt) {
imageView.setVisibility(View.VISIBLE);
}
}
isfisrt = false;
}
}
});
代码实现了反复点击listview的item一项来显示/隐藏viewstub所指向的布局。由于用了viewstub的inflate方法,如果用方式一可以简化很多代码。