安卓开发之自定义ProgressBar简单完成颜色渐变功能进度条

我们在使用电脑或者手机时,经常会遇到进度条,比如下图:

开发之自定义ProgressBar简单完成颜色渐变功能进度条-progressbar进度条">

今天我来演示一下,如何做出简单并且漂亮的颜色渐变进度条。

首先我先新建了一个系统默认样式的进度条,代码如下:

运行后显示如下:

大家可以看出,并不是很好看,那么下面开始进行自定义进度条的编写吧!

首先为ProgressBar设置一个drawable,代码如下:

这个代码在哪呢,请回到上面新建系统默认样式进度条时,其中一个属性为  style=”@android:style/Widget.Holo.ProgressBar.Horizontal”这条设置了进度条的style为Widget.Holo.ProgressBar.Horizontal,我们点进去看一下代码,如下图:

,我们看到一条属性为progressDrawable,继续跟上,发现代码如下:

,其中有三个ID,分别为background,secondaryProgress和progress,其中background为进度条的背景,secondaryProgress不清楚何功能,据说是在网上看在线视频的时候,缓冲进度显示的那个灰色的进度条,这里不管,progress为进度条的样子。

我们新建一个名为progress的layer-listXML文件,我们把IDprogress的内容拷贝到progress中,增删其中代码如下:

,主要属性 : 颜色为橙色到橙红色之间的渐变,圆角360dp表示左右两边为半圆.在ProgressBar中引用为:

:运行结果如下:

颜色渐变效果出现了,是不是挺好看的,这只是我自己加的颜色,如果有设计师提供精美图片,那么,还会更美丽。我们在他外面加层RelativeLayout,并设置一个shape,增加美观度,shape名字为shape_progressbar,

shape代码如下:

总代码如下

 

效果如下:

至此,自定义progressbar颜色渐变功能完成!

时间: 2024-12-24 01:16:56

安卓开发之自定义ProgressBar简单完成颜色渐变功能进度条的相关文章

雕虫小计-颜色渐变的进度条

在Windows2000开始或关闭的时候,有一条颜色渐变的进度条,很是好看.我们可以用简单的方法制作类似的进度条.用图片移动的方法可以很方便的实现这一功能. 首先用PhotoShop制作图片.新建一张长为300宽为20的空白图片,选择"直线渐变工具",在选择框里打开渐变编辑器,选择渐变色的时候须注意一点,必须选择最左边的颜色和最右边的颜色相同的渐变色,这里我们选择"橙.黄.橙渐变":拉颜色的时候一定得从图片的最左边平衡(按住Shift)地拉到图片的最右边,否则两端的

利用VB2005制作颜色渐变的进度条

现在Windows环境下的应用程序经常要用到进度条,用以指示出一些复杂进程的运行状态.目前我们在窗体设计时,使用的都是单色进度条.本文讲述在WindowsXP环境下,使用VB2005制作一个漂亮的颜色 渐变的进度条组件. 一.技术细节 这种进度条的显示相当于使用许多颜色相近的" 画笔"在窗体上绘制方框.这些"画笔"就相当于一个画笔数组.首先要建立颜色数组 ,初始的时候放入一些颜色值,然后根据平滑度的设置来重新设置颜色数组.依次取出颜色数组中两个 相邻的颜色值,计算这

Android开发中自定义ProgressBar控件的方法示例

本文实例讲述了Android开发中自定义ProgressBar控件的方法.分享给大家供大家参考,具体如下: 很简单,首先加载Drawable,在onMeasure设置好其区域大小, 然后使用canvas.clipRect绘图 public class ProgressView extends ImageView { private Drawable maskDraw; /** * 加载的进度 0-100 */ private int mProcess = 20; public ProgressV

Android自定义竖直方向SeekBar多色进度条_Android

写在前面 因为有这样的一个场景,需要实现竖直方向的多色进度条,然后在网上也找了下,没看到符合需要的,于是自定义了一个,效果如下: 具体实现 本来想定义水平的,然后旋转一下,后来发现还不如直接定义竖直方向来的直接,就直接在竖直方向画了下. 首先讲一下思路,就是通过继承View,然后通过onDraw()方法进行绘制.具体绘制的时候,需要处理一些小细节. 比如,我们需要画一个圆形的滑动块,那么我们的背景色带就不能把整个宽度占满,要不然,小圆块只能和色带一样宽了,效果不是很好看,所以在绘制的时候应该把背

Android 自定义view和属性动画实现充电进度条效果_Android

近期项目中需要使用到一种类似手机电池充电进度的动画效果,以前没学属性动画的时候,是用图片+定时器的方式来完成的,最近一直在学习动画这一块,再加上复习一下自定义view的相关知识点,所以打算用属性动画和自定义view的方式来完成这个功能,将它开源出来,供有需要的人了解一下相关的内容. 本次实现的功能类似下面的效果: 接下来便详细解析一下如何完成这个功能,了解其中的原理,这样就能举一反三,实现其他类似的动画效果了. 详细代码请看大屏幕 https://github.com/crazyandcoder

Android 自定义view和属性动画实现充电进度条效果

近期项目中需要使用到一种类似手机电池充电进度的动画效果,以前没学属性动画的时候,是用图片+定时器的方式来完成的,最近一直在学习动画这一块,再加上复习一下自定义view的相关知识点,所以打算用属性动画和自定义view的方式来完成这个功能,将它开源出来,供有需要的人了解一下相关的内容. 本次实现的功能类似下面的效果: 接下来便详细解析一下如何完成这个功能,了解其中的原理,这样就能举一反三,实现其他类似的动画效果了. 详细代码请看大屏幕 https://github.com/crazyandcoder

安卓开发之自定义下拉刷新头部

一直用的下拉刷新库就是android-Ultra-Pull-to-Refresh,本身这个库就带有几种样式的下拉刷新头部,大家可以去git看一下,地址https://github.com/liaohuqiu/android-Ultra-Pull-To-Refresh.最为方便的是我们可以自己定制各式各样的头部.最近项目有个自定义的下拉头部,自己研究了一下.实现效果是: 开发之自定义下拉刷新头部-安卓自定义下拉刷新"> 我们要做的就是自己写一个样式xml文件,然后实现PtrUIHandler

安卓开发之通过手势实现图像拖拽功能

本示例实现Android通过手势可以实现图像的拖拽功能.运行效果如下: 开发之通过手势实现图像拖拽功能-jquery实现拖拽功能">     代码如下 复制代码 package com.android.drag;import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.gr

Android在自定义View(SurfaceView)中实现进度条Progress

http://www.havenliu.com/java/689.html Android本身带有Progress控件.可以在布局中灵活使用,但如果是在自定义的View或者SurfaceView中使用,就需要自己实现,其实不难,只要熟悉了android的PorterDuff,就能利用PorterDuff的遮罩效果方便的实现进度条. PorterDuff.Mode的灵活使用可以实现很多强大的功能,比如以前比较流行的美女擦玻璃,在屏幕上用手指绘图或橡皮檫等功能. 下面是源码,老规矩,完整源码中文章末