ViewStub的使用

Main代码

package layoutdemo.example.administrator.layoutdemo;

import android.app.Activity;
import android.support.v4.app.INotificationSideChannel;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewStub;
import android.widget.Button;
import android.widget.TextView;
/*LinearLayout:线性布局，
RelativeLayout：相对布局
TableLayout：表格布局（使用GridView代替）
AbsoluteLayout：绝对布局（绝对坐标排列）
FrameLayout：帧布局（布局叠加使用）

Android布局原则2
1 将可复用的组件抽取出来通过include标签使用
2 ViewStub来加载不常用的组件
3 使用merge标签减少嵌套的使用

<include/>的使用:
作用:将共用的组件抽取出来单独放到一个xml文件中,然后使用include标签导入共有布局
效果：提高UI的制作效率和复用效率，页能保证制作的UI布局更加规整和易于维护
使用:
如:<include layout="@layout/common_title">
这样就会将我们自定义的common_title这xml文件中的内容显示在我们的布局中去
merge作用就是合并UI布局，降低UI布局的嵌套层次，例如：将一个相对布局xml文件的根节点Relativelayout修改成merge，那么如果将这个xml文件使用
在主界面布局文件中，这个相对布局文件会正常显示，但却不会有Relativelayout这个布局的嵌套层次，也就是说相当于这个相对布局直接变成了主界面布局中的组件。
使用ViewStub标签来加载一些不常用的布局

作用：Viewstub标签同include标签一样可以用来引入一个外部布局，不同的是，Viewstub引入的布局默认不会扩张，
既不会占用显示也不会占用位置，从而在解析layout时节省cpu和内存
ViewStub:其作用和include一致，都是可以引入公共布局。区别是：ViewStub默认是不会加载到CPU的，只有当用户触发某些事件才会使得ViewStub加载出来。而include是直接加载到CPU的。
*/
public class MainActivity extends Activity {
TextView textView;
    private Button button;
    private ViewStub stub;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        textView= (TextView) findViewById(R.id.text2);
        textView.setText("我改标题了");
        button= (Button) findViewById(R.id.button);
        stub= (ViewStub) findViewById(R.id.stub);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                stub.inflate();//显示隐藏布局
            }
        });
    }
}

activity_main.xml

<?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="layoutdemo.example.administrator.layoutdemo.MainActivity">
    <include layout="@layout/content_main"/>
    <TextView
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</RelativeLayout>

content_main.xml

<?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="wrap_content"
    android:background="@color/red"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"><!--padding为内边距-->
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="返回"
    android:id="@+id/text1"
    android:layout_alignParentLeft="true"
    android:textColor="#292728"
    android:textSize="14sp"
    android:layout_centerVertical="true"/>
    <TextView
        android:textColor="#292728"
        android:layout_centerInParent="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

        android:text="布局优化"
    android:id="@+id/text2"/>
    <TextView
    android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:layout_marginLeft="10dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
        android:text="功能"
    android:id="@+id/text3"/>
</RelativeLayout>

content_marge.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">
<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/progress"
    android:layout_gravity="center_horizontal"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="请稍候"
        android:layout_gravity="center"/>
</LinearLayout>

main.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">
    <include layout="@layout/content_main"/>
<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:textSize="20sp"/>
    <include layout="@layout/content_marge"/>

</FrameLayout>
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示隐藏内容"
        android:id="@+id/button"/>
    <ViewStub
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout="@layout/main2"
        android:id="@+id/stub"/>
</LinearLayout>

main2.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">
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="123"/>
</LinearLayout>