带颜色渐变效果的的矩形进度条

最新推荐文章于 2023-11-16 17:24:03 发布
最新推荐文章于 2023-11-16 17:24:03 发布
阅读量1.7k 收藏 5
点赞数 1
分类专栏： Android DIYs 文章标签： Android 动画 bitmap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012293381/article/details/43231883
版权
这篇博客介绍了如何在Android平台上实现一个带有颜色渐变效果的矩形进度条。通过使用Drawable和BitmapDrawable，结合Path和矩形的周长计算，动态调整Path长度以反映进度，并通过进度值变化来生成渐变颜色。在点击事件中，启动异步任务以更新进度并刷新显示。
摘要由CSDN通过智能技术生成

先看一下效果：


有没有亮瞎你的眼？

嗯...我说结尾的颜色。


先分析下实现的逻辑：我们用一个Drawable对象设置为button的背景；→Drawable对象我们取它的子类BitmapDrawable的一个实例，BitmapDrawAble需要一个Bitmap对象；→绘制这个bitmap：有一个外边的框框我们画一个矩形，进度那条线我们使用绘制一个Path来表现；→当前的进度值乘以矩形的周长是path的长度，根据这个长度和矩形周长的关系，使用path的lineTo，moveTo等函数对其进行设置，然后绘制这个path。→颜色根据进度值改变得到一个变化的颜色。


实现细节：

1，得到矩形宽高：在onclick事件中

最低0.47元/天 解锁文章
闭上眼睛看
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【vue自定义组件】渐变色进度条组件
发果叁
09-21 2901
佛祖保佑， 永无bug。Hello 大家好！我是海的对岸！当时UI给的原型图说要弄这个，看了一下，不难，那就弄下，现在把这个记录下来。最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
VC 颜色渐变效果的进度条
10-19
在VC++编程环境中，创建一个颜色渐变效果的进度条是一项常见的需求，它可以为用户界面增添视觉吸引力。本文将深入探讨如何在Visual C++（VC）中实现这种效果，主要聚焦于进度条控件（Progress Bar）的自定义绘制以及...
用css3和jquery实现的渐变的动态进度条
前端岚枫
07-18 3234
进度条是网站中常见的一种，今天经过研究外国一个网站的例子，试着用css3来实现进度条：      html代码如下：         Set above to:     25% /     50% /     75% /     100%     Set above to:     25% /     50% /     75% /
linux下实现带颜色的进度条
mly15191882818的博客
03-01 354
废话不说，直接来结果图！下面就来给大家这个进度条的代码！好了，一个彩色进度条就做好了，颜色部分可以自己换哦！（顺便共享出颜色的链接）点击打开链接http://blog.csdn.net/bingoo_t/article/details/53222393...
Qt动态进度条[根据值大小改变进度]
阿飞技术记
11-23 1277
首先看下效果图: 部分核心代码如下: 类声明: class psshowslider : public QFrame { Q_OBJECT public: explicit psshowslider(QWidget *parent = 0); ~psshowslider(); //设置最大值 void setMaxValue(double m...
微信小程序 进度条progress 根据不同的进度显示不同的渐变色
lurenlinshen的博客
05-06 1065
微信小程序 进度条progress 根据不同的进度显示不同的渐变色
VC 带颜色渐变的彩色进度条.rar
07-10
这个压缩包“VC 带颜色渐变的彩色进度条.rar”提供了实现这种效果的源码示例，适合想要深入学习VC++界面设计的开发者。以下是关于这个主题的详细知识点： 1. **MFC与Windows API**: VC++通常使用Microsoft ...
Android实现渐变圆环、圆形进度条效果
08-26
Android 实现渐变圆环、圆形进度条效果 Android 实现渐变圆环、圆形进度条效果是 Android 开发中一个常见的需求，通过使用 Canvas 和 Paint 类，可以实现各种形状和效果的绘制。下面将详细介绍 Android 实现渐变...
vc6.0颜色渐变进度条
09-17
你可以创建一个自定义的CProgressCtrl派生类，覆盖OnPaint()方法，使用CDC类的FillSolidRect()函数绘制不同颜色的矩形来模拟渐变效果。还可以通过On_WM_PAINT()消息处理程序绘制百分比文本，使用TextOut()函数将文本...
VC++颜色渐变进度条.rar_vc 进度条渐变_vc 进度条_vc++进度条渐变_不错的颜色渐变进度条
09-23
颜色渐变可以通过填充一个渐变矩形或者使用线性渐变刷来实现。在GDI中，我们可以使用GradientFill函数来创建线性渐变，该函数需要指定两个端点的颜色和渐变的方向。而在GDI+中，LinearGradientBrush类提供了类似的...
( 实例5 颜色渐变进度条
01-12
vc编程实例5 颜色渐变进度条，菜鸟看看就行，做个菜鸟课设也是可以的
ps渐变颜色
10-30
学习PS 1000多种渐变方式 都是十分漂亮的渐变 你懂得
颜色渐变的彩色进度条，非常漂亮实用，美化了程序外观
12-07
颜色渐变的彩色进度条，非常漂亮实用，美化了程序外观
QT实现的特色进度条
10-28
利用Qt实现的特色进度条，类似于地铁站的进度灯，可调颜色
渐变色进度条(Progress)效果源码.zip
07-10
渐变色进度条(Progress)效果源码最近的一份需求需要用到这样的一个功能，就渐变色的进度条， 网上找了文档，简单的实现了一下的。   
qt Rectangle 使用Gradient设置渐变方向 制作渐变进度条
最新发布
qq_29789057的博客
11-16 161
【代码】qt Rectangle 使用Gradient设置渐变方向 制作渐变进度条。
Qt编写自定义控件：简单的方式绘制渐变进度条
友善啊，朋友的博客
04-04 2526
代码： #ifndef MYPROGRESSBAR_H #define MYPROGRESSBAR_H #include <QProgressBar> class myProgressBar : public QProgressBar { public: myProgressBar(QWidget * parent = nullptr); protected: void paintEvent(QPaintEvent *event)override; }; #endif
js、jQuery实现进度条至100%，颜色渐变~
wocao2dai的博客
09-09 1206
js实现进度条至100%， 简单过程，可根据实际修改值，应用场景广。 style样式 <style> body>div{ width: 230px; border: 1px solid white; position: relative; } .ab{ width: 230px; height: 10px;
MFC进度条的美化
05-13 2939
平台：VS2005； 资料参考：来源于网络； 内容介绍：创建自绘进度条，并在进度条上显示当前进度的百分比。 第一步：创建基于对话框的工程，在对话框中放置一个进度条控件， 把进度条控件的属性Smooth设置为真。 第二步： 【1】添加基于进度条CProgressCtrl控件新类CMyProCtrl; 【2】为CMyProCtrl类添加WM_PAINT消息
c#WindowsForm自定义控件 渐变颜色的进度条
06-01
要实现带有渐变颜色的进度条，可以自定义一个继承自`ProgressBar`的控件，并在控件的`Paint`事件中实现绘制渐变颜色。 以下是一个示例代码： ```csharp using System.Drawing; using System.Drawing.Drawing2D; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值