大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > Android技巧 > Android开发学习之 定制界面风格

Android开发学习之 定制界面风格(1)

关键词:界面风格Android  阅读(1042) 赞(15)

[摘要]本文是对Android开发学习之 定制界面风格的讲解,对学习Android编程技术有所帮助,与大家分享。

  统一的用户界面是可以使得应用程序更友好。要做到用户界面的统一,我们就必须用到风格(style)和主题(theme)。OPhone系统提供了很多系统默认的风格和主题,但是很多情况下,这些不能满足我们的需要。例如我们不可能总是希望背景色是系统规定的,我们也不希望字体大小一成不变。当然我们可以在每个空间里面进行修改,但是如果放到风格里面去做,可以更容易的做到用户界面统一。如果有朋友还不清楚什么是风格什么是主题,你可以在Andoird的Dev Guide文档里面找到详细的解释,这篇文章要描述的是开发者怎么定制自己的风格和主题,以满足开发者的要求,使得用户界面更容易实现。

在这篇文章中,我们用一个简单的例子来逐步展示如何定制风格。主要用到一个定制的类TextView。我们通过修改设定给TestView的风格,让你一步步的了解如何定制风格的。

(一)简单定制及应用风格

开发者在查询OPhone的Dev Guide文档时,可能已经发现文档介绍了一种简单的风格定制。这种简单的风格定制,可以满足很多用户的需要。比如你仅仅希望修改View的背景颜色,或者字体大小等。你所能修改的所有条目(item)都是系统已经定义过的,开发者可以改变条目的值,来来达到不同的效果。示例一就是这样一个简单定制。在values目录下创建styles.xml,然后把风格的名字定义为Widget.TestView。设置背景颜色为白色。

view plaincopy to clipboardprint?

<resources>

<style name=”Widget.TestView” parent=”android:Widget”>

<item name=”android:background”>#FFFFFFFF</item>

</style>

</resources><span style=”font-style: italic; font-size: 10.5pt; font-family: ‘Times New Roman’;”><br></span>

示例一

示例一展示了如何定制风格,要把定制的风格应用到示例中的TestView,还需要在layout/testtheme.xml文件使用TestView时,指定这个风格。做完这个步骤,然后运行示例程序就可以看到白色背景效果。示例二中,
你可以看到语句style=”@style/Widget.TestView”,就是起这个作用的。

view plaincopy to clipboardprint?

<com.android.mytest.TestView

style=”@style/Widget.TestView”

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”/>

示例二

(二)定制风格条目

如果开发者想要进一步开发,他可能发现仅仅继承并修改系统定义好的条目不能满足他的需要。比如开发者想让定制的TestView上可以显示一个带颜色的圆圈,显然系统定义的条目没有关于圆圈的信息。那怎么来实现?用前面介绍的简单定制就不能满足开发者的需要了。

简单起见,这里我们假设TestView需要了解到圆圈的颜色和半径就可以绘制一个圆圈。可能有人会异议说,我们在TestView的代码里面直接写上不就可以了嘛,实现起来是没有问题。但是一旦用户修改就必须得修改代码,就有可能出错。如果我们把这些信息可以放到自己定制的风格里面,就简单多了。如果用户想修改颜色或者大小,只需要修改定义风格xml文件的信息,不需要修改代码。

好了,决定要添加圆圈信息了,首先在styles.xml里面,添加circleColor和circleRadius两个条目,并设置他们相应的值,示例三展示了如何添加这两个条目。是不是这样就万事大吉了那?如果你现在去编译,肯定会得到这两个条目不存在的错误信息。为什么呢?我们想一下,系统没有定义这两个条目,我们仅仅使用了这两个条目,也没有定义它们,当然不知道两个条目是什么东西了。

如果要让系统知道有这两个条目,我们首先要定义它们。在values目录下创建一个attrs.xml文件。然后添加圆圈的半径和颜色。
在attrs.xml里面可以定义很多类型的条目(item),例如integer, float, color, reference, string等。在这里只定义了两种一个是用color来定义颜色,一种是用float来定义半径。这些类型信息告诉OPhone的资源(Resource)系统如何去解读这些字段,
具体参看示例四。

view plaincopy to clipboardprint?

<resources>

<style name=”Widget.TestView” parent=”android:Widget”>

<item name=”android:background”>#FFFFFFFF</item>

<item name=”circleColor”>#FFFF0000</item>

<item name=”circleRadius”>60</item>

</style>

</resources>

示例三

view plaincopy to clipboardprint?

<resources>

<!– These are the attributes that make up customized theme. –>

<declare-styleable name=”TestView”>

<!– Default TestView style. –>

<attr name=”testViewStyle” format=”reference” />

<!– Color to use for the background of the Circle –>

<attr name=”circleColor” format=”color” />

<attr name=”circleRadius” format=”float”/>

</declare-styleable>

</resources>

示例四

«上一页12下一页»


相关评论