分段进度条&分段图标抖动动画的实现

最新推荐文章于 2023-08-20 22:18:20 发布

置顶

YJ.Song

最新推荐文章于 2023-08-20 22:18:20 发布

阅读量451

点赞数 1

文章标签： android kotlin android studio

本文链接：https://blog.csdn.net/YJ_Song/article/details/107023562

版权

本文介绍了在Android中如何实现分段进度条及分段图标抖动动画。通过定义数组进行分段，使用canvas进行动画效果，以及设置点击事件来识别点击区域。提供了详细的解决思路和实战代码。

摘要由CSDN通过智能技术生成

分段进度条&分段图标抖动动画的实现

先上图，https://github.com/Warkey1991/Jackview，觉得有用的话，希望给个star
在这里插入图片描述

该自定义View有三个问题需要一一实现

如何实现分段 ，
如何用canvas 实现抖动的动画效果
如何识别点击区域的点击事件

以下就针对三个问题提供解决思路和实战代码

a.本例中采用的是均分三段，定义一个数组A = {3,5,8}，再将每一段根据A 中的A[i]的值均分，
如图在这里插入图片描述
绘制进度的时候，需要先找出当前进度progress 所在的区间，然后分段绘制。具体代码如下：

//查找所在区间的索引
private fun findRange(): Int {
   
    if (progress >= segments.last().progress) {
   
        progressPadding = 0
        return segments.size - 1
    }
    var index = 0
    for (i in 0 until segments.size - 1) {
   
        if (progress in segments[i].progress..segments[i + 1].progress) {
   
            index = i + 1
        }
    }
    if (index >= 1) {