首页 > 代码库 > Android 样式布局

Android 样式布局

一、样式布局

  首先,先看下面这段样式布局代码,这里称在xml控件上添加属性为内联(仅限于本篇博文这样称呼)

<Button    android:id="@+id/crime_date"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_marginLeft="16dp"    android:layout_marginRight="16dp"/><CheckBox    android:id="@+id/crime_solved"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_marginLeft="16dp"    android:layout_marginRight="16dp"    android:text="@string/solved_btn"/><Button    android:id="@+id/choose_btn"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_marginLeft="16dp"    android:layout_marginRight="16dp"    android:text="@string/choose_name"/><Button    android:id="@+id/contact_btn"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_marginLeft="16dp"    android:layout_marginRight="16dp"    android:text="@string/contacter_name"/>

  在上面这段XML布局代码,可以看出,各个按钮的样式完全一样,添加某个属性给控件就有多次。假如,有更多的控件使用相同的而已,要做N次重复的工作。Android提供了各种样式UI,可用于解决重复性的工作。样式资源类似于CSS样式。样式也可以具有层级结构:子样式拥有父式样同样的属性及属性值,可以覆盖它们,也可以添加新的属性。

  类似字符资源,样式定义在XML文件的<Resources>酬标签内,并存放在res/values目录中。另外,资源文件取什么名并不重要,但根据约定,样式通常定义在style.xml文件中。在Android项目中,已经默认创建了这个文件。

  Style.xml文件:

1 <resources>2     <style name="Crime_btn_style1">3         <item name="android:layout_width">wrap_content</item>4         <item name="android:layout_height">wrap_content</item>5         <item name="android:layout_marginLeft">16dp</item>6         <item name="android:layout_marginRight">16dp</item>7     </style>8 </resources>

  layout/fragment_crime.xml文件,将控件的属性以style样式名引入的方式在外联(仅限于本篇博文这样称呼)

 1 <Button 2     android:id="@+id/crime_date" 3     style="@style/Crime_btn_style1"/> 4  5 <CheckBox 6     android:id="@+id/crime_solved" 7     android:text="@string/solved_btn" 8     style="@style/Crime_btn_style1"/> 9 10 <Button11     android:id="@+id/choose_btn"12     android:text="@string/choose_name"13     style="@style/Crime_btn_style1"/>14 15 <Button16     android:id="@+id/contact_btn"17     android:text="@string/contacter_name"18     style="@style/Crime_btn_style1"/>

 PS:需要注意的是,在内联属性外联属性冲突时,以内联属性为准,也可以说,内联属性优于外联属性方式。

二、include与merge

  include使用资源ID引入而已文件。

  layout/button_row.xml

1 <TableRow2 xmlns:android="http:/schemas.android.com/apk/res/android">3     <Button style="@style/Crime_btn_style1">4     <Button style="@style/Crime_btn_style1">5     <Button style="@style/Crime_btn_style1">6 </TableRow>

  layout/fragment_crime.xml

1 <include2     android:layout_weight="1"3     layout="@layout/button_row" />4 <include5     android:layout_weight="1"6     layout="@layout/button_row" />7 <include8     android:layout_weight="1"9     layout="@layout/button_row" />

以上代码表明,include将引入资源ID为button_row文件内容。

PS:include标签只能引用layout布局文件,也就是只能引用layout目录下的布局文件。

Android 样式布局