Android-自定义水波纹刻度进度条

最新推荐文章于 2025-06-11 21:36:44 发布

mrgaoblog

最新推荐文章于 2025-06-11 21:36:44 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Android自定义View android 进度条水波纹进度条文章标签： Android Android自定义View 水波纹进度条刻度进度条

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_32400821/article/details/79004053

本文介绍了如何在Android中实现一个自定义的水波纹刻度进度条，包括使用canvas的旋转、画布Canvas.clipPath()方法、自定义属性、绘制刻度条、进度条文字，以及绘制水波纹的原理和动画效果。通过贝塞尔曲线和canvas操作，实现了平滑的水波纹动画和进度变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  效果图： 

 
 目录 

 
  一、使用canvas的旋转 
 

 
  二、画布Canvas.clipPath()方法。 
 

 
  三、实现思路 
 

 
  1、外层的刻度进度条： 
 

 
  2、里面的水波纹的操作 
 

 
  四、自定义属性并初始化属性 
 

 
  五、绘制外层刻度条 
 

 
  六、根据当前的进度改变水波纹的振幅 
 

 
  七、绘制水波纹及原理【重点】 
 

 
  1、获取到水波中心点Y轴的值 
 

 
  2、创建一个水波圆，并使用画布剪切 
 

 
  （1）为什么贝塞尔曲线控制点的x轴-mStep？: 
 

 
  （2）为什么要判断是否是奇数和偶数？ 
 

 
  （3）为什么绘制的贝塞尔曲线会大于mWaveCount? 
 

 
  4、同理可以绘制第二个反向的水波纹 
 

最低0.47元/天解锁文章

200万优质内容无限畅学

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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