参考了:https://github.com/yanzhenjie/CircleTextProgressbar
但项目需求此开源项目满足不了,在此基础上,需要修改,原作者只是把此当成进度条,故写死了100,
我修改了可以设置任意数值,可以当成倒计时,进度条都可,100秒倒计时,60秒倒计时,或100%进度条
/** * 设置进度。 * * @param progress 进度。 */ public void setMaxProgress(int maxProgress) { this.maxProgress = validateProgress(maxProgress); invalidate(); }
2.关键是画圆时,计算圆分成多少份,这里360/maxProgress,然后当前进度progress相乘
@Override protected void onDraw(Canvas canvas) { canvas.drawArc(mArcRect, 0, 360 * progress / maxProgress, false, mPaint); }
上效果:
修改后的代码在附件
相关推荐
常见app欢迎页圆形进度条倒计时功能,可设置显示文字,进度条颜色,宽度,倒计时时间,内圆颜色、设置进度条类型 顺数进度条(0-100)还是倒数进度条(100-0);
html5 css3圆形进度条倒计时页面跳转代码
圆形进度条,自带倒计时,开始,停止,重置
这是一款css3圆形进度条时分秒计时器js特效,非常简洁又漂亮的网页计时动画代码。
html5简单圆形进度条倒计时插件 html5简单圆形进度条倒计时插件 html5简单圆形进度条倒计时插件 html5简单圆形进度条倒计时插件
结合进度条封装的一款倒计时控件,可对计时开始,计时中及计时完成后做出相应事件的处理
通过继承progressbar实现圆形进度条的倒计时
可设置的带进度条的倒计时.可以插入ppt之中
jQuery html5圆形进度条倒计时动画特效
安卓开发圆形倒计时小圆圈的倒计时圆形进度条小圆圈的倒计时圆形进度条小圆圈的倒计时圆形进度条
1. 外面逐渐增加/减少的圆形进度条。 2. 圆形进度条中间的展示文字。 3. 圆形进度条外面包裹的圆。 4. 圆形进度条中间的填充色。 5. 字体颜色/填充颜色点击变色:ColorStateList类。
jQuery圆形进度条倒计时插件是一款基于jQuery html5实现的大气的网站圆圈倒计时间特效下载。
圆形进度条需要自定义控件来实现 ,简单来说,只需要继承View 重写 onMeasure() 和 onLayout() 方法 重新绘制即可 ,其中也用到了自定义属性。可以直接拿来使用
jQuery带圆形进度条倒计时是一款个性时尚的jQuery倒计时插件。
html5 css3圆形进度条倒计时页面跳转代码
jQuery带圆形进度条倒计时
Android自定义View之带小圆圈的倒计时圆形进度条