android中include标签的使用

在一个项目中我们可能会需要用到相同的布局设计，如果都写在一个xml文件中，代码显得很冗余，并且可读性也很差，所以我们可以把相同布局的代码单独写成一个模块，然后用到的时候可以通过<include /> 标签来重用layout代码。

app_title.xml：

[xhtml] view plain copy

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <RelativeLayoutandroid:id="@+id/titleLayout"android:layout_width="fill_parent"android:layout_height="wrap_content"
3. android:background="@drawable/bt"xmlns:android="http://schemas.android.com/apk/res/android">
5. <TextViewandroid:text="@string/login"android:id="@+id/title"android:textSize="20px"android:textColor="@color/white"
6. android:layout_width="wrap_content"android:layout_centerInParent="true"android:layout_height="wrap_content"/>
7. <Buttonandroid:text="返回"android:id="@+id/refresh"android:layout_width="wrap_content"android:layout_height="wrap_content"
8. android:layout_alignParentRight="true"android:focusable="false"android:textColor="@color/white"
9. android:background="@drawable/okbutton"android:layout_marginRight="3px"/>
10. </RelativeLayout>

app_tradelogin.xml:

[xhtml] view plain copy

1. <?xmlversion="1.0"encoding="utf-8"?>
3. <!--android:layout_below与android:layout_above是必须设置的，否则界面不规则，不设置android:layout_above本界面没有滑动效果-->
5. <ScrollViewandroid:layout_below="@+id/titleLayout"android:layout_above="@+id/appbottom"android:layout_width="fill_parent"
6. android:layout_height="fill_parent"android:layout_centerInParent="true"xmlns:android="http://schemas.android.com/apk/res/android">
8. <LinearLayoutandroid:id="@+id/theWholeLinearLayout"android:orientation="vertical"android:layout_width="fill_parent"
9. android:layout_height="wrap_content"android:paddingLeft="10px"android:paddingTop="6px"android:paddingRight="10px">
10. <LinearLayoutandroid:id="@+id/linearLayoutLeft"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="wrap_content">
11. <TableLayoutandroid:id="@+id/widget43"android:layout_width="fill_parent"
12. android:layout_height="fill_parent"android:orientation="vertical"
13. xmlns:android="http://schemas.android.com/apk/res/android"android:stretchColumns="1">
14. <TableRow>
15. <!--引用定义好的TextView样式,如果这里的属性和样式里定义的属性重复，则这里会替换样式里定义的属性-->
16. <TextViewandroid:id="@+id/traderName"android:text="@string/traderName"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
17. <Spinnerandroid:id="@+id/traderNameS"android:layout_width="fill_parent"android:layout_height="wrap_content">
18. </Spinner>
19. </TableRow>
21. <TableRow>
22. <TextViewandroid:id="@+id/departName"android:text="@string/departName"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
23. <Spinnerandroid:id="@+id/departNameS"android:layout_width="fill_parent"android:layout_height="wrap_content"/>
24. </TableRow>
26. <TableRow>
27. <TextViewandroid:id="@+id/strComponyName"android:text="@string/accType"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
28. <Spinnerandroid:id="@+id/accTyte"android:layout_width="fill_parent"android:layout_height="wrap_content"/>
29. </TableRow>
31. <TableRow>
32. <TextViewandroid:id="@+id/strUserAcc"android:text="@string/userAcc"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
33. <EditTextandroid:id="@+id/accEditText"android:text=""android:numeric="decimal"style="@style/StyleEditText1"mce_style="@style/StyleEditText1"/>
34. </TableRow>
36. <TableRow>
37. <TextViewandroid:id="@+id/userPwd"android:text="@string/userPWD"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
38. <EditTextandroid:id="@+id/userPwdET"android:text=""android:password="true"style="@style/StyleEditText1"mce_style="@style/StyleEditText1"/>
39. </TableRow>
41. <TableRow>
42. <TextViewandroid:id="@+id/commPwd"android:text="@string/commPWD"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
43. <EditTextandroid:id="@+id/commPwdET"android:text=""android:password="true"style="@style/StyleEditText1"mce_style="@style/StyleEditText1"/>
44. </TableRow>
45. </TableLayout>
46. </LinearLayout>
48. <LinearLayoutandroid:orientation="vertical"android:layout_width="fill_parent"android:layout_height="wrap_content">
50. <LinearLayoutandroid:id="@+id/linearLayoutTab1"android:layout_height="wrap_content"
51. android:layout_width="fill_parent"android:orientation="horizontal">
53. <LinearLayoutandroid:id="@+id/linearLayoutTab2"android:layout_height="wrap_content"
54. android:layout_width="fill_parent"android:orientation="horizontal"android:layout_weight="1">
55. <CheckBoxandroid:id="@+id/recordAcc"android:layout_width="wrap_content"android:layout_height="wrap_content"/>
56. <TextViewandroid:id="@+id/commPwd"android:text="@string/saveUserAcc"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
57. </LinearLayout>
58. <LinearLayoutandroid:id="@+id/linearLayoutTab2"android:layout_height="wrap_content"
59. android:layout_width="fill_parent"android:orientation="horizontal"android:layout_weight="1">
61. <CheckBoxandroid:id="@+id/hideAcc"android:layout_width="wrap_content"android:layout_height="wrap_content"/>
62. <TextViewandroid:id="@+id/commPwd"android:text="@string/ycUserAcc"style="@style/StyleTextInfo1"mce_style="@style/StyleTextInfo1"/>
63. </LinearLayout>
64. </LinearLayout>
66. <LinearLayoutandroid:id="@+id/linearLayoutTab1"android:layout_height="wrap_content"
67. android:layout_width="fill_parent"android:orientation="horizontal">
69. <LinearLayoutandroid:layout_width="220px"android:layout_height="wrap_content"android:orientation="horizontal"
70. android:gravity="center">
72. <Buttonandroid:id="@+id/confirmexch"android:gravity="center"android:layout_width="wrap_content"
73. android:layout_height="50px"android:textSize="22dp"android:text="@string/login"android:layout_weight="1"
74. android:focusable="false"android:textColor="@color/white"android:background="@drawable/buttonl"/>
75. </LinearLayout>
77. <LinearLayoutandroid:id="@+id/linearLayoutTab"android:layout_height="wrap_content"
78. android:layout_width="fill_parent"android:gravity="center">
79. <ImageViewandroid:layout_width="wrap_content"android:layout_height="50px"android:id="@+id/myImage"/>
80. </LinearLayout>
81. </LinearLayout>
82. </LinearLayout>
83. </LinearLayout>
84. </ScrollView>

app_bottom.xml:

[xhtml] view plain copy

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutandroid:id="@+id/appbottom"android:orientation="vertical"android:layout_width="fill_parent"
3. android:layout_height="wrap_content"android:layout_alignParentBottom="true"
4. xmlns:android="http://schemas.android.com/apk/res/android">
6. <LinearLayoutandroid:orientation="horizontal"android:layout_width="fill_parent"
7. android:layout_height="wrap_content"android:background="@drawable/light">
8. <ImageViewandroid:id="@+id/about"android:layout_width="30px"android:layout_height="wrap_content"android:src="@drawable/ttt"
9. android:layout_alignParentLeft="true"/>
10. <TextViewandroid:id="@+id/light"android:layout_width="fill_parent"android:layout_height="wrap_content"android:textColor="@color/black"/>
11. </LinearLayout>
13. <LinearLayoutandroid:orientation="horizontal"android:layout_width="fill_parent"
14. android:layout_height="wrap_content"android:background="@drawable/mainmenu">
15. <Buttonandroid:id="@+id/quotButton"android:layout_weight="1"android:layout_width="52px"android:layout_height="wrap_content"
16. android:textColor="@color/white"android:text=""android:background="@drawable/button1"/>
18. <Buttonandroid:id="@+id/entrustButton"android:layout_weight="1"android:layout_width="52px"android:layout_height="wrap_content"
19. android:textColor="@color/white"android:text=""android:background="@drawable/button1"/>
20. <Buttonandroid:id="@+id/queryButton"android:layout_weight="1"android:layout_width="52px"android:layout_height="wrap_content"
21. android:textColor="@color/white"android:text=""android:background="@drawable/button1"/>
23. <Buttonandroid:id="@+id/yinZhengButton"android:layout_weight="1"android:layout_width="52px"android:layout_height="wrap_content"
24. android:textColor="@color/white"android:text=""android:background="@drawable/button1"/>
26. <Buttonandroid:id="@+id/recordButton"android:layout_weight="1"android:layout_width="52px"android:layout_height="wrap_content"
27. android:textColor="@color/white"android:text=""android:background="@drawable/button1"/>
29. <Buttonandroid:id="@+id/logoutButton"android:layout_weight="1"android:layout_width="52px"android:layout_height="wrap_content"
30. android:textColor="@color/white"android:text=""android:background="@drawable/button1"/>
31. </LinearLayout>
32. </LinearLayout>

tradelogin_portrait.xml:

[xhtml] view plain copy

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <RelativeLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"style="@style/StyleLayoutMain"mce_style="@style/StyleLayoutMain"
3. xmlns:android="http://schemas.android.com/apk/res/android">
5. <!--include标签内不能设置RelativeLayout属性，如android:layout_alignParentBottom,因为不起作用-->
6. <!--include标签内设置id属性后(android:id)，其引用的布局layout内的id属性就不起作用了，怀疑是其引用的layout外层包裹了一层include标签
7. 或者是覆盖了其内的属性id-->
8. <!--如果没有include标签，所有布局代码都写在一个xml文件中，界面会显得很冗余，可读性很差。而且界面加载的时候是按照顺序加载的，前面的布局不能
9. 调用其后面的布局id。而采用include后，一个include中可以引用其后的include中的布局id属性-->
10. <includeandroid:id="@id/titleLayout"layout="@layout/app_title"/>
12. <includelayout="@layout/app_tradelogin"/>
14. <includelayout="@layout/app_bottom"/>
16. </RelativeLayout>

效果如下：