android中用style简化布局文件

泡在网上的日子 / 文 发表于2014-05-16 00:05 次阅读 android,xml

   android开发相对于ios有一个很大的优势,那就是可以通过xml来写布局,而且布局可以很灵活,能适应多种屏幕。但是时间久点你会发现xml中有太多的重复代码了,我真是恨死了在每次增加一个控件的时候都要不情愿的写上

android:layout_width="wrap_content"
android:layout_height="wrap_content"

这两行, 如果我们有5个button控件都是16dip白色字体、背景为#0033FF、内容居中,那么我们必须在每个button上都加上这样几个属性:

android:textColor="#FFFFFF"
android:textSize="16dip"
android:background="#0033FF"
android:gravity="center"

   是不是很烦,是不是很sb!

   其实我们可以用将这些重复的属性的定义写在style文件中,如果某个控件需要16dip白色字体、背景为#0033FF的样式,只需将包含这些属性定义的style引用进来就可以了。

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

在values下新建style.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="white_blue_button" >
  <item name="android:layout_width">wrap_content</item>
  <item name="android:layout_height">wrap_content</item>
  <item name="android:textSize">16dip</item>
  <item name="android:textColor">#FFFFFF</item>
  <item name="android:gravity">center</item>
  <item name="android:background">#0033FF</item>
</style>
</resources>

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

<Button 
    style="@style/white_blue_button"
    android:text="白色字体的蓝色按钮"
 />

   上面的style.xml文件中我们只定义了一组名为white_blue_button的样式给白色字体的蓝色按钮使用,其实在style中还可以定义多个样式给不同的组件使用。下面的style文件中我们定义了一组样式给button,还定义了一组样式给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>

   这就是多个样式的例子,只需为不同的样式加上name就可以了。

   上面的例子中我们发现"homebtn"完全继承了"homeiv"中的属性,因此还可以进一步简化:

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

在homebtn中使用parent="@style/homeiv"来继承"homeiv"


   当然style最主要的作用不是用来精简代码,而是让开发者自定义更个性的效果,不过这个附加的作用也不错。拿button来说,一般我们会定义好几种风格的button,比如文章开头展示的那几种,最规范的办法是将这些风格的button在style中先定义好,然后应用到界面中去。



收藏 赞 (16) 踩 (3)
上一篇:给安卓初学者的一篇文章
开发安卓一年多了,比起很多人来,老实我说水平一般,而且还有点懒,因此并没有太多能拿出手炫耀的作品。但是应该绝大多数开发者都跟我一样吧,因此我觉得自己可以作为一名代表为初学者指明方向,当然也有可能让你误入歧途,哈哈。 每一个安卓开发者在最开始
下一篇:改变listview中item选中时文字的颜色
当listview的某个item选中时,默认有个选中的高亮显示,如果你要自定义选中时的高亮显示效果,可以在listview中设置属性 android:listSelector="@drawable/item_selector" 其中 item_selector 是在drawable目录下定义的一个xml文件,这种用于突出不同状态下