花样android Progressbar http://www.eoeandroid.com/thread-1081-1-1.html
http://www.cnblogs.com/xirihanlin/archive/2010/06/14/1758145.html
xml布局文件需加入如下的进度条构件:
<ProgressBar
android:id="@+id/loadProgressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminateDrawable="@drawable/progressbar" />
其中的indeterminteDrawable属性就是用来设置进度条颜色等属性的,其内容如下:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="360" >
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="8"
android:useLevel="false" >
<gradient
android:centerColor="#FFFFFF"
android:centerY="0.50"
android:endColor="#FFFF00"
android:startColor="#000000"
android:type="sweep"
android:useLevel="false" />
</shape>
</rotate>
参考:http://dev.10086.cn/cmdn/bbs/viewthread.php?tid=18469
http://tienfook.blog.163.com/blog/static/1666620112010528637217/
http://www.ihoton.com/androidandroid-progressbar-color.html
三种方式实现自定义圆形页面加载中效果的进度条:
来自:http://407827531.iteye.com/blog/1067025
默认情况下Indeterminate Progressbar是白色的,如果容器的背景也是白色的,这样就根本看不到Progressbar了。
幸好Android自带了一些反转样式,你可以采用其中一个合适的:
<ProgressBar style="@android:style/Widget.ProgressBar.Inverse"/>
<ProgressBar style="@android:style/Widget.ProgressBar.Large.Inverse"/>
<ProgressBar style="@android:style/Widget.ProgressBar.Small.Inverse"/>
进度条:
<ProgressBar
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<ProgressBar
android:id="@+id/circleProgressBar"
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
mce_style="?android:attr/progressBarStyleLarge" />
一、通过动画实现
定义res/anim/loading.xml如下:
<?xml version="1.0" encoding="UTF-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false" >
<item
android:drawable="@drawable/loading_01"
android:duration="150"/>
<item
android:drawable="@drawable/loading_02"
android:duration="150"/>
<item
android:drawable="@drawable/loading_03"
android:duration="150"/>
<item
android:drawable="@drawable/loading_04"
android:duration="150"/>
<item
android:drawable="@drawable/loading_05"
android:duration="150"/>
<item
android:drawable="@drawable/loading_06"
android:duration="150"/>
<item
android:drawable="@drawable/loading_07"
android:duration="150"/>
</animation-list>
在layout文件中引用如下:
<ProgressBar
android:id="@+id/loading_process_dialog_progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminate="false"
android:indeterminateDrawable="@anim/loading" />
二、通过自定义颜色实现
定义res/drawable/dialog_style_xml_color.xml如下:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="360" >
<shape
android:innerRadiusRatio="3"
android:shape="ring"
android:thicknessRatio="8"
android:useLevel="false" >
<gradient
android:centerColor="#FFDC35"
android:centerY="0.50"
android:endColor="#CE0000"
android:startColor="#FFFFFF"
android:type="sweep"
android:useLevel="false" />
</shape>
</rotate>
在layout文件中引用如下:
<ProgressBar
android:id="@+id/loading_process_dialog_progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminate="false"
android:indeterminateDrawable="@drawable/dialog_style_xml_color" />
三、使用一张图片进行自定义
定义res/drawable/dialog_style_xml_icon.xml如下:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<rotate
android:drawable="@drawable/dialog_progress_round"
android:fromDegrees="0.0"
android:pivotX="50.0%"
android:pivotY="50.0%"
android:toDegrees="360.0" />
</item>
</layer-list>
在layout文件中引用如下:
<ProgressBar
android:id="@+id/loading_process_dialog_progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminate="false"
android:indeterminateDrawable="@drawable/dialog_style_xml_icon" />
或者
<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="#ff9d9e9d"
android:centerColor="#ff5a5d5a"
android:centerY="0.75"
android:endColor="#ff747674"
android:angle="270"
/>
</shape>
</item>
<item android:id="@android:id/secondaryProgress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient android:startColor="#80ffd300"
android:centerColor="#80ffb600"
android:centerY="0.75"
android:endColor="#a0ffcb00"
android:angle="270"
/>
</shape>
</clip>
</item>
<item android:id="@android:id/progress">
<clip>
<shape>
<corners android:radius="5dip" />
<gradient android:startColor="@color/progress_start"
android:endColor="@color/progress_end"
android:angle="270" />
</shape>
</clip>
</item>
</layer-list>
代码中设置:
mProgress = (ProgressBar) findViewById(R.id.progress_bar);
Drawable d = this.getResources().getDrawable(R.drawable.my_progress);
mProgress.setProgressDrawable(d);
分享到:
相关推荐
本文实例讲述了Android ProgressBar圆形进度条颜色设置方法。分享给大家供大家参考,具体如下: 你是不是还在为设置进度条的颜色而烦恼呢……别着急,且看如下如何解决。 ProgressBar分圆形进度条和水平进度条 我...
// 设置画笔颜色 canvas.drawColor(Color.TRANSPARENT); // 白色背景 paint.setStrokeWidth(progressStrokeWidth); // 线宽 paint.setStyle(Style.STROKE); oval.left = marxArcStorkeWidth / 2; // 左上角x ...
CircularProgressView一个可以调节颜色和线条粗细的环形进度条控件
RoundProgressBar 一个自定义的圆形可颜色渐变的ProgressBar
上面的样式只是实现了颜色渐变,但它旋转和呈现的方式仍然是一个圆形的ProgressBar。 2 . 这个ProgressBar实现了颜色渐变,我们就需要用到gradient,这个也比较简单,只要我们配置开始,中间,结束颜色即可实现 ...
本文实例讲述了Android编程基于自定义View实现绚丽的圆形进度条功能。分享给大家供大家参考,具体如下: 本文包含两个组件,首先上效果图: 1.ProgressBarView1(支持拖动): 2.ProgressBarView2(不同进度值显示...
Android 打造形形色色的进度条,带进度显示的水平进度条和带进度的圆形进度条,可自由定制样式(颜色、字体、大小、形状等)
圆形进度条 适用于 Android 的高度可定制的圆形 ProgressBar: 可定制: 文本 尺寸 颜色 内圈 宽度 颜色 Α 外圆 宽度 颜色 Α 进步 起始角度 方向 最小 最大限度
本文实例讲述了Android编程自定义进度条颜色的方法。分享给大家供大家参考,具体如下: 先看效果图: 老是提些各种需求问题,我觉得系统默认的颜色挺好的,但是Pk不过,谁叫我们不是需求人员呢,改吧! 这个没法了...
效果图如下,本例中设置了第一级进度条和第二级进度条。 样式资源:progressbar_bg.xml,放在drawable文件夹下: <?xml version=1.0 encoding=utf-8?> <layer-list xmlns:android=...
AnimProgressViewAndroid 自定义控件,圆形进度条,progressbar效果见下图:How To Use1. Add it in your root build.gradle at the end of repositories:allprojects {repositories {...maven { url '...
这是一个自定义的圆形的progerssbar ,内容较为丰富。在progressbar中显示五个文本,分别为上部文本,下部文本,中部文本,左部文本,右部文本。在属性中可以自己修改进度条所有文本框文字的大小,颜色,文字内容。...
采用一张图片作为ProgressBar的背景图片(一般采用颜色比较浅的)。另一张是进度条的图片(一般采用颜色比较深的图片)。进度在滚动时:进度图片逐步显示,背景图片逐步隐藏,达到上面的效果。 4.灵感来自Android控件...
这是一款很完美的可改变颜色的圆环形进度条Progress,源码HoloCircularProgressBar,实现圆环形进度条Progress,而且还可以设置进度条的颜色的效果等,进度条上还有一个效果。 HoloCircularProgressBar is a Custom...
第二步、自定义ProgressBar实现带数字的进度条 0、项目结构 如上图所示:library项目为自定义的带数字的进度条NumberProgressBar的具体实现,demo项目为示例项目以工程依赖的方式引用library项目,然后使用自定义...
渐变色进度条(Progress)效果源码,渐变色的 ProgressBar, 最近的一份需求需要用到这样的一个功能,就渐变色的进度条, 网上找了文档, 简单的实现了一下的,效果android源码频道提供下载。
进度条(ProgressBar) 81 拖动条(SeekBar) 83 评分组件(RatingBar) 86 GridView、Gallery和ImageSwitcher 88 GridView 88 Gallery和ImageSwitcher 91 ListView 94 一、普通的ListView 94 可以单选和多选的ListView 95...