android UI 优化之<viewstub>实现View的延迟加载

有时候在显示一个非常复杂的界面并且有时候不需要一次全部加载所有组件的时候，就可以用实现View的延迟加载.有的人会说，用Gone或者INVISIBLE不就可以了吗？这里要强调的是，无论是GONE还是INVISIBLE，虽然它们都没有将组件显示出来，但是在已经加载了，同样造成消耗在同一时间内的大量消耗，不利于性能和效率的提升。
代码应用：相关的要点在代码中

1. 控件资源：

<?xml version="1.0" encoding="utf-8"?>
<ImageView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@mipmap/ic_launcher"
    android:id="@+id/img"
    >

</ImageView>

1. 主布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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: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="com.example.syd.viewstub.MainActivity">

    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="visble"
        android:id="@+id/vis"
        android:layout_below="@+id/tv"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="inflate"
        android:id="@+id/inflate"
        android:layout_below="@+id/vis"
        />
    <!--layout 指定资源-->
    <ViewStub
        android:id="@+id/viewStub"
        android:layout="@layout/viewstubres"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/inflate"
        />

</RelativeLayout>

1. 相关操作：

package com.example.syd.viewstub;

import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewStub;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    ViewStub viewStub;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //像普通组件一样通过findViewById找到
        viewStub= (ViewStub) findViewById(R.id.viewStub);
        /*有两种方式显示view*/
        /*方法1：setVisibility*/
        findViewById(R.id.vis).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewStub.setVisibility(View.VISIBLE);

            }
        });
        /*方法2：inflate*/
        findViewById(R.id.inflate).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                View inflateview =viewStub.inflate();
                /**setVisibility 无法做到的*/
                ImageView imageView= (ImageView) inflateview.findViewById(R.id.img);
                //imageView.setBackgroundColor(Color.BLUE);
               // imageView.setVisibility(View.GONE);
            }
        });
        /**二者的区别：
         * inflate（）方法可以返回引用的布局，从而可以通过findViewById找到对应的控件
         * 进而对其进行各种操作，就像上面给imgview设置背景颜色一样
         * */
        /**注意：！！！！！！！！！
         *
         * 不管通过哪种方式，Viewstub一旦被显示，ViewStub就不存在了，（被置空）
         * 所以显示之后只靠viewstub是无法再次操作
         * 取而代之的是被inflate的Layout(ViewStub只能用来Inflate一个布局文件，而不是某个具体的View，当然也可以把View写在某个布局文件中。)
         *并将这个layout的ID设置为VIewstub中通过android：inflateid属性指定的ID，所以inflate只能调用一次
         *某些布局属性要加在ViewStub而不是实际的布局上面，才会起作用，比如上面用的android:layout_margin*系列属性，
         * 如果加在ImageView上面，则不会起作用，需要放在它的ViewStub上面才会起作用。而ViewStub的属性在inflate()后会都传给相应的布局。
         * */

    }
}