您的位置：首页 > Web前端 > CSS

改变 ProgressBar 样式颜色

2012-09-04 19:08 148 查看

几天我的教程里给出了一个作业，改变 ProgressBar 样式颜色。在这里分享一下源码。改变ProgressBar 的样式颜色，可以改变其背景颜色，也可以设置不同的图片。先上两个效果图：

（进度条是 自定义图片）

（进度条是 自定义颜色）

一.修改背景为图片。

1.我自己制作了两张图片（如下图），并将它们放到工程的 /res/drawable 目录下。

（背景图片 prgs_bg.png）

（进度图片 prgs_progress.png）

2.同时在 /res/drawable 目录下新建一个 barbgimg.xml 文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >



<item

android:id="@android:id/background"

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



<item

android:id="@android:id/progress"

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

</layer-list>
3.在布局文件中定义 ProgressBar 时，添加 android:progressDrawable="@drawable/barbgimg" 属性。

二.修改背景为其它颜色。

1. 在 /res/drawable 目录下，添加 barcolor.xml 文件，内容如下：

<?xml version="1.0" encoding="UTF-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">



<item android:id="@android:id/background" >

<shape>

<corners

android:radius="5dip" />

<gradient

android:startColor="#000000"

android:endColor="#000000" />

</shape>

</item>



<item android:id="@android:id/progress" >

<clip>

<shape>

<corners

android:radius="5dip" />

<gradient

android:startColor="#ffffff"

android:endColor="#ffffff" />

</shape>

</clip>

</item>

</layer-list>

2.在布局文件中定义 ProgressBar 时，添加 android:progressDrawable="@drawable/barcolor" 属性。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航