Android布局的优化

mAndroid常用布局样式

使用量从高到低:

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();            }        });    }}