Android 用style简化layout布局文件

我有一个页面上面有若干个button样式都是相同的 在屏幕居中 25号白色字

之前的代码如下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="fill_parent"  android:layout_height="fill_parent"  android:background="@color/background"> <ImageView android:id="@+id/home_iv1"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:paddingTop="15dip"  android:layout_centerHorizontal="true"  android:src="@drawable/home"  />  <Button  android:id="@+id/home_bt1"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_centerHorizontal="true"  android:layout_below="@id/home_iv1"  android:layout_marginTop="15dip"  android:background="@drawable/selector"  android:gravity="center"  android:text="@string/home_b1"  />  ........  <Button    android:id="@+id/home_bt5"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_centerHorizontal="true"  android:layout_below="@id/home_bt4"  android:layout_marginTop="15dip"  android:background="@drawable/selector"  android:gravity="center"  android:text="@string/home_b5"  /></RelativeLayout>

?

我们可以看到这五个按钮除了ID和text、还有below（因为用的相对布局，如果用线性布局这块也可以相同）其他的都一样，那我们能不能简化一下这些重复的代码呢？可以，用style。

先看看用style怎么设置这些重复的属性：

在values下新建style.xml

<?xml version="1.0" encoding="utf-8"?><resources><style name="homebtn" >  <item name="android:layout_width">wrap_content</item>  <item name="android:layout_height">wrap_content</item>  <item name="android:textSize">20sp</item>  <item name="android:textColor">#FFFFffff</item>  <item name="android:gravity">center</item>  <item name="android:layout_marginTop">15dip</item>  <item name="android:layout_centerHorizontal">true</item>  <item name="android:background">@drawable/selector</item></style></resources>

?在回到我们的布局文件在按钮中设置style="@style/homebtn"就可以了

<?xml version="1.0" encoding="utf-8"?><RelativeLayout  xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="fill_parent"  android:layout_height="fill_parent"  android:background="@color/background"> <ImageView android:id="@+id/home_iv1"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:paddingTop="15dip"  android:layout_centerHorizontal="true"  android:src="@drawable/home"  />  <Button  android:id="@+id/home_bt1"  style="@style/homebtn"  android:layout_below="@id/home_iv1"  android:text="@string/home_b1"  />  .......    <Button    android:id="@+id/home_bt5"  style="@style/homebtn"  android:layout_below="@id/home_bt4"  android:text="@string/home_b5"  /></RelativeLayout>

?

其实在style中可以定义多个样式给不同的组件使用，现在我们把ImageView也用样式定义一下吧：

<?xml version="1.0" encoding="utf-8"?><resources><style name="homebtn" >  <item name="android:layout_width">wrap_content</item>  <item name="android:layout_height">wrap_content</item>  <item name="android:textSize">20sp</item>  <item name="android:textColor">#FFFFffff</item>  <item name="android:gravity">center</item>  <item name="android:layout_marginTop">15dip</item>  <item name="android:layout_centerHorizontal">true</item>  <item name="android:background">@drawable/selector</item></style><style name="homeiv">  <item name="android:layout_width">wrap_content</item>  <item name="android:layout_height">wrap_content</item>  <item name="android:layout_marginTop">15dip</item>  <item name="android:layout_centerHorizontal">true</item></style></resources>

?

?好了介绍到这里也就完了。等。。等一下这里好像出现了和刚才的布局文件一样的问题，重复的代码！（我是不是有重复癖，看见重复就想消灭。。）

这里的重复能不能消灭呢，这也是可以的。在style下还有一个个有用的属性：

parent 可选，一些在自定义的style中没有指定的属性会继承parent style中的值。parent可以是android预定义的resource，也可以是自己定义的style。
现在看看使用parent之后的样子：

<?xml version="1.0" encoding="utf-8"?><resources><style name="homeiv">  <item name="android:layout_width">wrap_content</item>  <item name="android:layout_height">wrap_content</item>  <item name="android:layout_marginTop">15dip</item>  <item name="android:layout_centerHorizontal">true</item>  <item name="android:background">@drawable/home</item></style><style name="homebtn" parent="@style/homeiv">  <item name="android:textSize">20sp</item>  <item name="android:textColor">#FFFFffff</item>  <item name="android:gravity">center</item>  <item name="android:background">@drawable/selector</item></style></resources>

?

当然style最主要的作用不是用来精简代码，而是让开发者自定义更个性的效果，不过这个附加的作用也不错。