android之控件自定义(seekBar)

来源:互联网 发布:迅雷极速版精简优化版 编辑:程序博客网 时间:2024/06/05 22:30
Android中自定义SeekBar的背景颜色,进度条颜色,以及滑块的图片

在Android中的控件种类已经足够我们使用,但是有时候大家需要根据美工的设计来改变一些控件的颜色,式样,以及背景图片

最近正好有这方面的需要,用了很久时间,找到了改变基本颜色以及图片的方法

下面以SeekBar为例,为大家描述一下我的做法

首先在layout文件夹中的main.xml内容如下

<LINEARLAYOUT xmlns:android="http://schemas.android.com/apk/res/android"

androidrientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<SEEKBAR

android:layout_height="wrap_content" android:max="100"

android:progress="50" android:progressDrawable="@drawable/seekbar_img"

android:thumb="@drawable/thumb" />

很简单,只有一个SeekBar控件,注意它的 android:progressDrawable="@drawable/seekbar_img"

以及 android:thumb="@drawable/thumb"

它们分别对应的是 进度条的图片以及拖动滑块的图片,这里的图片也可以是我们自定义的drawable中的xml文件,可以理解成这两个属性应该如何显示的意思,而 @drawable/seekbar_img和@drawable/thumb它们分别对应着 drawable 文件夹中的文件seekbar_img.xml和thumb.xml,它们表示着如何去显示进度条与滑块

当初我想的是在网上找SeekBar的原始样式文件是如何定义,这样就可以照搬代码,修改一些我需要的图片以及颜色和大小就行了,于是就开始搜索,这里要用到的是Android的系统源码,具体下载办法网上很多,需要用到cygwin,大家可以参考 http://tech.it168.com/a2009/0529/579/000000579026.shtml

下好源代以后,可以在 C:\cygwin\home\android\frameworks\base\core\res\res\drawable 这个路径下找到很多图片与android的原始控件样式(即xml文件)

找一下,哈哈,好东西可不少,以后要改样式全靠它们了

我们可以在这是里面找到seek_thumb.xml,内容如下

<ITEM

android:state_window_focused="true"

androidrawable="@drawable/seek_thumb_pressed" />

<ITEM

android:state_window_focused="true"

androidrawable="@drawable/seek_thumb_selected" />

<ITEM

android:state_window_focused="true"

androidrawable="@drawable/seek_thumb_selected" />

它定义的是seekbar的滑块样式,内容很简单,大家应该看得懂,分别对应着按下,选中,以及获得焦点时滑块的图片

另外,我们还可以找到 progress_horizontal.xml,内容如下

<ITEM

android:drawable="@drawable/bg" />

thumb.xml

<ITEM

android:drawable="@drawable/bg4" />

这时运行程序,我的截图如下,丑了点,但是目的达到了

这是根据自己要求修改样式比较简单的做法

原创粉丝点击