Android布局的优化

Android常用布局样式

使用量从高到低:

1. RelativeLayout(相对布局)
2. LinearLayout(线性布局)
3. FrameLayout(帧布局)
4. TableLayout(表格布局)
5. AbsoluteLayout(绝对布局)

---

布局原则:

1. 尽量多使用LinearLayout(线性布局)和RelativeLayout(相对布局),不要使用AbsoluteLayout(绝对布局)

2. 在布局层次一样的情况下，建议使用LinearLayout代替RelativeLayout，因为LinearLayout性能要稍高一点

3. 将可复用的组件抽取出来并通过include标签使用

4. 使用ViewStub标签来加载一些不常用的布局

5. 使用merge标签减少布局的嵌套层次

---

include标签的使用

作用：将公用的组件抽取出来单独放到一个xml文件中，然后使用include标签导入公用布局
效果：提高UI的制作的复用效率，也能保证制作的UI布局更加规范和已维护

<include
     layout="@layout/common_progressbar"//这是引用的layout文件
/>

---

merge标签的使用

作用：合并UI布局，使用该标签能降低UI布局的嵌套层次
case 1：布局根节点是FrameLayout且不需要设置background或padding等属性，可以用merge代替
case 2：某布局作为子布局被其他布局include时，使用merge当该布局的顶节点，这样在被引入顶节点会自动被忽略

mergeTest01.xml

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ProgressBar 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        />

    <TextView 
        android:text="请稍后"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        />
</merge>

-

main.xml

    <include
        layout="@layout/mergeTest01" />

---

ViewStub标签的使用

**作用：**Viewstub标签同include标签一样可以用来引入外部布局，不同的是，Viewstub引入的布局默认不会扩张，既不会占用显示也不会占用位置，从而在解析layout时节省CPU和内存

main.xml

<ViewStub 
        android:id="@+id/stub"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout="@layout/test02"
        />

-

test02.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:text="隐藏内容"
        />
</LinearLayout>

-

main.java 操作Viewstub

package com.example.android_layout;


import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewStub;
import android.widget.Button;


public class MainActivity extends Activity {


    private Button button;
    private ViewStub stub;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //include标签所加载的layout空间，也可以在这里findbyid
        button =(Button) findViewById(R.id.button111);
        stub = (ViewStub) findViewById(R.id.stub);
        button.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                //显示Viewstub里的布局View
                stub.inflate();
            }
        });
    }


}