安卓性能优化之界面UI优化——ViewStub

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方法，如果用方式一可以简化很多代码。