Android 用style简化layout布局文件

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

　　之前的代码如下：

　　Xml代码 收藏代码

　　1. < ?xml version="1.0" encoding="utf-8"?>

　　2. < RelativeLayout

　　3. xmlns:Android="http://schemas.android.com/apk/res/android"

　　4. android:layout_width="fill_parent"

　　5. android:layout_height="fill_parent"

　　6. android:background="@color/background">

　　7. < ImageView

　　8. android:id="@+id/home_iv1"

　　9. android:layout_width="wrap_content"

　　10. android:layout_height="wrap_content"

　　11. android:paddingTop="15dip"

　　12. android:layout_centerHorizontal="true"

　　13. android:src="@drawable/home"

　　14. />

　　15. < Button

　　16. android:id="@+id/home_bt1"

　　17. android:layout_width="wrap_content"

　　18. android:layout_height="wrap_content"

　　19. android:layout_centerHorizontal="true"

　　20. android:layout_below="@id/home_iv1"

　　21. android:layout_marginTop="15dip"

　　22. android:background="@drawable/selector"

　　23. android:gravity="center"

　　24. android:text="@string/home_b1"

　　25. />

　　26. ........

　　27. < Button

　　28. android:id="@+id/home_bt5"

　　29. android:layout_width="wrap_content"

　　30. android:layout_height="wrap_content"

　　31. android:layout_centerHorizontal="true"

　　32. android:layout_below="@id/home_bt4"

　　33. android:layout_marginTop="15dip"

　　34. android:background="@drawable/selector"

　　35. android:gravity="center"

　　36. android:text="@string/home_b5"

　　37. />

　　38. < /RelativeLayout>

　　< ?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代码 收藏代码

　　 < ?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>

　　< ?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代码 收藏代码

　　 < ?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>

　　< ?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代码 收藏代码

　　< ?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>

　　< ?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代码 收藏代码

　　< ?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>

　　< ?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最主要的作用不是用来精简代码，而是让开发者自定义更个性的效果，不过这个附加的作用也不错。