android布局优化之<include>标签的使用

1,<include>标签有什么用?

用来重用layout代码.

2,<include>标签该怎么用?

a,新建layout_common_title.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="50dp"    android:background="#00f"    xmlns:tools="http://schemas.android.com/tools">    <TextView        android:id="@+id/tv_back"        android:layout_width="50dp"        android:layout_height="50dp"         android:background="@drawable/back"/>    <TextView        tools:text="标题"        android:textSize="18sp"        android:textColor="@android:color/white"        android:layout_width="wrap_content"        android:layout_height="match_parent"         android:gravity="center"        android:layout_centerInParent="true"        android:id="@+id/tv_title"/>    <TextView        android:id="@+id/tv_forward"        android:layout_width="50dp"        android:layout_height="50dp"        android:layout_alignParentRight="true"        android:background="@drawable/forward"/></RelativeLayout>

b,在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"    tools:context="com.example.wangzhichao.demo.MainActivity">    <include        android:id="@+id/main_common_title"        layout="@layout/layout_common_title" /></RelativeLayout>

c,在MainActivity.java中

public class MainActivity extends Activity {    private TextView mTvTitle;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mTvTitle = (TextView) findViewById(R.id.tv_title);        mTvTitle.setText("标题");    }}

d,运行效果

3,<include>标签使用时该注意些什么?

a,在<include>标签下设置的id,会把重用的那个layout的id屏蔽掉

a.1,在layout_common_title.xml中的根节点添加id

<?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="50dp"    android:background="#00f"    android:id="@+id/relativelayout_inside"    xmlns:tools="http://schemas.android.com/tools"> <!-省略掉一些代码-></RelativeLayout>

a.2,在MainActivity.java中

public class MainActivity extends Activity {    private TextView mTvTitle;    private RelativeLayout mMainCommonTitle;    private RelativeLayout mRelativeLayoutInside;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mTvTitle = (TextView) findViewById(R.id.tv_title);        mTvTitle.setText("标题");        mMainCommonTitle = (RelativeLayout) findViewById(R.id.main_common_title);        mRelativeLayoutInside = (RelativeLayout) findViewById(R.id.relativelayout_inside);        Log.d("MainActivity", "mMainCommonTitle:" + mMainCommonTitle);        Log.d("MainActivity", "mRelativeLayoutInside:" + mRelativeLayoutInside);    }}

查看日志如下:

06-09 00:53:50.020 6587-6587/? D/MainActivity: mMainCommonTitle:android.widget.RelativeLayout{c15bc58 V.E..... ......ID 0,0-0,0 #7f0b0056 app:id/main_common_title}
06-09 00:53:50.020 6587-6587/? D/MainActivity: mRelativeLayoutInside:null

解决办法:1,根容器id与include id设置相同2,若id不同,那么只设置一个就好了

b.在<include>标签下设置其他属性值的问题

b.1,在使用include标签时，除了使用layout属性加载布局文件时，一般不需要设置其他属性了,也就是使用layout属性就够了.

b.2,有时为了布局的需要，仍要使用诸如layout_margin等除id之外的其他属性，这时就要注意，为了使这些其他属性起作用，必须同时设置include标签的宽高属性.而且只能设置layout_xxx的属性,设置其他属性是不会起作用的.例如,

 <include        android:id="@+id/main_common_title"        layout="@layout/layout_common_title"        android:layout_width="match_parent"        android:layout_height="100dp"        android:layout_alignParentBottom="true" />

运行截图,位置和高度都发生了变化.

b.3,include标签的宽高属性值会覆盖根节点设置的宽高属性值.

解决办法:在<include>标签下设置其他属性,是对layout的根节点属性的重新设置.因为通过layout属性引用的layout都是一样的,而通过设置其他属性才能产生一些变化,这就是不变中的变.

c.<include>标签有个缺点,就是可能产生多余的层级,比如,被复用布局是一个垂直的LinearLayout布局,当以include标签插入到另一个垂直的LinearLayout布局中时，结果就是一个垂直的LinearLayout里包含一个垂直的LinearLayout,这个嵌套的布局并没有实际意义,只会让UI性能变差.这时就可以使用merge标签.

参考资料:

1,http://blog.csdn.net/u011277123/article/details/52774428

2,http://blog.csdn.net/shuqiaoniu/article/details/46013771