Kotln自定义动画View练习，小球跳动

AndroidStudio自定义动画
练习二
1.动画效果
三个小球跳动

2.主体分析思路
拆分为多个部分
寻找关系
每个部分的绘制
寻找动画因子
创建动画

。。。。。。。。。。。。。。。
拆分为多个部分：
三个小球

寻找关系：

每个部分的绘制：
使用onDraw Paint画笔 canvas画布 canvas.drawCircle 画圆

寻找动画因子：
在整个过程中，改变的都是小球的半径
使用scale与radius相乘，来控制小球的缩放

创建动画：
创建了三个动画，第一个动画时，scales[0] 从1到0.3到1，但是scales[1]和scales[2] 一直都是1，所以表现就是只有第一个小球在跳动，其余两个没动。第二个动画同理，同时加一个开始的延迟时间，可以和第一个动画有时间差。第三个动画同理。最后把这系动画放到一个集合，进行play

3.详细代码
3.1 创建的kotlin的类，画出对应部分的图片
对应的代码

class purlseAnim: View {
   

    // 画笔， 懒加载， 调用的时候加载
    private val mPaint: Paint by lazy {
   
        Paint().apply {
   
            color = Color.GREEN
            style = Paint.Style.FILL
        }
    }
    // 设置小球的半径
    private var radius = 0f
    // 设置小球的x坐标
    private var cx = 0f

    constructor(context: Context): super(context){
   }
    constructor(context: Context, attributeSet: AttributeSet):super(context, attributeSet){
   }

    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
   
        if (width >= height){
   
            radius = height/2f
            if (radius*7f > width){
   
                radius = height/7f
            }
        }else{
   
            radius = width/7f

        }

        cx = (width - 7f*radius)/2 + radius
    }
    override fun onDraw(canvas: Canvas?) {
   
        canvas?.drawCircle(cx, height/2f, radius,mPaint)
        canvas?.drawCircle(cx+2.5f*radius, height/2f, radius,mPaint)
        canvas?.drawCircle(cx+(2.5f*radius)*2f, height/2f, radius,mPaint)
    }
}

对应的xml代码

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="</