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>

示例四

在attrs.xml里面定义完成了,在styles.xml也添加了,现在你去编译应该不会有什么错误了。问题是,怎么让TestView知道这些信息。这两个条目是我们自己定义的,所以我们也得自己去添加一些代码让TestView了解到这些信息。以下的示例五,展示了怎么从资源总找到我们添加进去的两个条目的值。

view plaincopy to clipboardprint?

public TestView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

TypedArray a =

context.obtainStyledAttributes(

attrs, R.styleable.TestView, defStyle, 0);

int n = a.getIndexCount();

for (int i = 0; i < n; i++) {

int attr = a.getIndex(i);

switch (attr) {

case R.styleable.TestView_circleColor:

mCircleColor = a.getColor(attr, Color.RED);

break;

case R.styleable.TestView_circleRadius:

mCircleRadius = a.getFloat(attr, 40f);

break;

}

}

}

示例五

TestView获取到圆圈的颜色和半径信息后,就可以用这些信息去画开发者想要的圆圈了。关于如何画这个带颜色的圆圈,不是我们这里要描述的内容,请参看附件代码。

(三)设置默认风格

在第一部份讲到,如果开发者想要应用你所定制的风格给你定制的TestView,开发者用style=”@style/Widget.TestView”这种方式。如果开发者在他的应用里就用了一次TestView,我想这也没什么大不了的。但是如果开发者用到TestView的地方很多,这种方式就有点麻烦了,万一有时候还要修改这个风格,那就更糟糕了。下面是一个简单的方法,就是把你所定制的风格放到一个你自己定制的主题中去。关于创建一个主题,在OPhone的文档里面已经有了。细心的读者可能发现在示例四中,除了圆圈信息还有另外一个条目(testViewStyle),它的作用就是用在这里。在开发这定制的主题中,把这个条目的值设置为我们定制的风格(示例六),还记得风格的名字叫:Widget.TestView 吧?现在我们所定制的风格就是对这个TestView的默认风格了。

view plaincopy to clipboardprint?

<resources>

<style name=”Theme.OMS” parent=”android:Theme”>

<item name=”testViewStyle”>@style/Widget.TestView</item>

</style>

</resources>

示例六

然后就是应用所定制的主题到设计的应用,简单的一点的方式就是在AndroidManifest.xml中添加语句 android:theme=”@style/Theme.OMS”>。现在你就可以看到你所定制的风格的效果了。赶紧去编译运行一下。

本文首先描述了如何简单的定制风格,这种简单定制可以满足一部分要求,但是不能深度定制。如果要深度定制,就必须要开发者自己定义条目,并解析条目。最后介绍如何使用户定制的风格成为某个View的默认风格。

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

时间: 2024-10-10 14:48:03

Android开发学习之 定制界面风格的相关文章

Android开发:怎样定制界面风格

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

Android开发学习---使用XmlPullParser解析xml文件

Android中解析XML的方式主要有三种:sax,dom和pull关于其内容可参考:http://blog.csdn.net/liuhe688/article/details/6415593 本文将主要介绍pull解析器解析xml文件,环境为ubuntu 12.04+ intelij 13.1 + android sdk 2.1 一.创建一个XML项目,步骤如下: 二.解析一个xml文件: assets/person.xml <?xml version="1.0" encodi

【Android开发学习笔记】【第三课】Activity和Intent

首先来看一个Activity当中启动另一个Activity,直接上代码说吧: (1)首先要多个Activity,那么首先在res-layout下新建一个 Other.xml,用来充当第二个Activity的布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&qu

android开发学习之路——连连看之游戏逻辑(五)

GameService组件则是整个游戏逻辑实现的核心,而且GameService是一个可以复用的业务逻辑类. (一)定义GameService组件接口 根据前面程序对GameService组件的依赖,程序需要GameService组件包含如下方法.   ·start():初始化游戏状态,开始游戏的方法.     ·Piece[][] getPieces():返回表示游戏状态的Piece[][]数组.     ·boolean hasPieces():判断Pieces[][]数组中是否还剩Piec

Android开发学习---android下的数据持久化,保存数据到rom文件,android_data目录下文件访问的权限控制

一.需求 做一个类似QQ登录似的app,将数据写到ROM文件里,并对数据进行回显. 二.截图 登录界面: 文件浏览器,查看文件的保存路径:/data/data/com.amos.datasave/files/LoginTest.txt------/data/data/(包名)/files/(文件名) 导出的文件内容: 三.实现代码 新建一个Android 工程.这里我选择的是2.1即API 7,进行开发的,其它都是默认下一步下一步即可. /datasave/res/layout/activity

Android开发学习之路-RecyclerView滑动删除和拖动排序

Android开发学习之路-RecyclerView使用初探 Android开发学习之路-RecyclerView的Item自定义动画及DefaultItemAnimator源码分析 Android开发学习之路-下拉刷新怎么做? 本篇是接着上面三篇之后的一个对RecyclerView的介绍,这里多说两句,如果你还在使用ListView的话,可以放弃掉ListView了.RecyclerView自动帮我们缓存Item视图(ViewHolder),允许我们自定义各种动作的动画和分割线,允许我们对It

【Android开发学习】【第二课】Activity学习(1)

什么是Activity,就是我们所看到的 需要理解以下四句话: 1.一个Activity就是一个类,并且这个类需要集成Activity: 2.需要重写OnCreat方法 3.每个Activity都需要在AndroidManifest.xml中进行配置 xml中加入了<intent-filter>说明应用程序启动时先运行这个Activity 4.为Activity添加必要的控件,就可以生成我们想要的界面 在res的layout下的xml就是布局文件 例如这样的: 代码: 效果: [Android

最实用的Android开发学习路线分享

Android开发学习路线分享.Android发展主导移动互联发展进程,在热门行业来说,Android开发堪称火爆,但是,虽然Android有着自身种种优势,但对开发者的专业性要求也是极高,这种要求随着Android进一步发展慢慢体现!下面针对Android培训开发设定了一条Android开发最佳学习路线: 学习基础开发语言 学习基础开发语言是针对零基础学员学习Android开发课程设定的,当然了Android开发环境配置是最为根本的,需要根据环境需要,配置android开发环境.在配置好And

Android开发学习之路--网络编程之xml、json

一般网络数据通过http来get,post,那么其中的数据不可能杂乱无章,比如我要post一段数据,肯定是要有一定的格式,协议的.常用的就是xml和json了.在此先要搭建个简单的服务器吧,首先呢下载xampp,然后安装之类的就不再多讲了,参考http://cnbin.github.io/blog/2015/06/05/mac-an-zhuang-he-shi-yong-xampp/.安装好后,启动xampp,之后在浏览器输入localhost或者127.0.0.1就可以看到如下所示了: 这个就