参考了: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); }
上效果:
修改后的代码在附件
相关推荐
本文将深入探讨如何使用“ios-圆形进度条展示倒计时.zip”中的资源来创建一个功能完善的倒计时控件,该控件结合了进度条的展示效果,并能够处理不同阶段(开始、进行中、结束)的事件。 首先,我们来看标题“ios-...
在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中,我们可以看到这两者如何结合,创造出动态且吸引用户的界面效果。 首先,HTML5的新特性允许开发者创建更加结构化的网页元素,例如`<article>`、`<section>...
在Swift编程中,创建一个带有倒计时功能的圆形进度条可以为用户界面提供直观的反馈,例如在加载数据或执行长时间操作时。本篇文章将深入探讨如何利用Swift实现这样一个功能丰富的组件,包括开始、停止和重置操作。 ...
**CSS3圆形进度条时分秒计时器js特效详解** 在网页设计中,动态时钟和计时器是常用的功能,它们可以用于显示实时时间或者倒计时等。本篇将详细介绍如何利用CSS3和JavaScript实现一款简洁、美观的圆形进度条时分秒...
圆形进度条倒计时结合了两种视觉元素:一是圆形进度条,二是倒计时功能。圆形进度条通常由CSS3的`border-radius`属性创建,用于将矩形边框转换为圆形。通过设置适当的宽度、颜色和动画效果,可以创建出动态的、视觉...
可设置的带进度条的倒计时.可以插入ppt之中
"自定义圆形进度条倒计时"是一个典型的自定义视图案例,它允许开发者创建一个形状为圆形的进度条,并且能实现倒计时功能。下面将详细解释这个知识点。 首先,我们从`progressbar`说起。`ProgressBar`是Android SDK...
jQuery圆形进度条倒计时插件是Web开发中一种独特的时间显示方式,它结合了jQuery库的灵活性和HTML5的新特性,为用户提供了大气而直观的倒计时体验。这种插件通常用于即将举行的活动、产品发布或者限时优惠等场景,以...
本资源"jQuery带圆形进度条倒计时.zip"提供了一个创新的jQuery插件,用于创建具有圆形进度条的倒计时功能。这种设计既实用又具有视觉吸引力,适用于网站的各种应用场景,比如活动预告、限时促销或重要日期提醒。 ...
jQuery html5圆形进度条倒计时动画特效
在Android开发中,创建一个圆形进度条是一种常见的需求,它能以直观的方式展示数据的加载或处理进度。这里我们讨论的“圆形进度条”是一个自定义控件的实现,这通常涉及到对Android视图系统(View System)的深入...
欢迎页通常包含品牌介绍、新特性展示或加载过程,而圆形进度条倒计时功能则是其中一种常见且实用的设计元素。它不仅可以向用户展示应用程序正在准备启动,还可以通过倒计时营造出一种期待感。下面将详细讲解如何实现...
在这个“html5 css3圆形进度条倒计时页面跳转代码”项目中,我们可以看到一个结合了HTML、CSS以及JavaScript(可能包括jQuery)的实用示例,实现了圆形进度条展示时间倒计时,并在倒计时结束时自动跳转到指定页面。...
本篇文章将深入探讨如何实现一个特定的自定义View:带小圆圈的倒计时圆形进度条。这个组件可以广泛应用于各种场景,如活动倒计时、加载等待等,提供用户友好的交互体验。 首先,我们要明白这个自定义View的基本结构...
《jQuery+HTML5圆形进度条倒计时动画特效解析》 在现代网页设计中,动态效果的运用极大地提升了用户体验,其中进度条与倒计时功能是常见且实用的设计元素。"jQuery+html5圆形进度条倒计时动画特效.zip"这个压缩包就...
在这个特定的案例中,我们讨论的是一个增加了倒计时功能的环形进度条。这种定制化的组件可以广泛应用于倒计时活动、定时任务或者时间提醒等场景。 首先,让我们深入理解“倒计时”功能。倒计时是指从一个设定的时间...
1. 外面逐渐增加/减少的圆形进度条。 2. 圆形进度条中间的展示文字。 3. 圆形进度条外面包裹的圆。 4. 圆形进度条中间的填充色。 5. 字体颜色/填充颜色点击变色:ColorStateList类。
在这个类中,我们将重写`onDraw()`方法来绘制圆形进度条,并添加一个倒计时逻辑,可能使用`CountDownTimer`或者`Handler`配合`Runnable`来实现定时更新界面。 2. **倒计时逻辑**:`CountDownTimer`是一个方便的API...
HTML5圆形进度条倒计时动画是网页设计中一种引人注目的元素,它能够吸引用户的注意力并提供实时反馈,特别是在活动预告、限时优惠或重要日期提醒等场景中。本资源包含多款不同风格的此类动画代码,适用于各种类型的...