自定义View匀速移动+渐变动画_绘制一个自定view 匀速向上运动-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44293920/article/details/88181825

本文介绍了如何创建一个自定义的View，通过编程实现从上到下的匀速移动，并结合渐变动画，让颜色产生平滑过渡的效果。在布局文件中简单调用这个自定义View，即可呈现出动态的视觉体验。

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

public class CirclePoint {
    private float positionX;
    private float positionY;
    private float raduis = 100;

    public float getPositionX() {
        return positionX;
    }

    public void setPositionX(float positionX) {
        this.positionX = positionX;
    }

    public float getPositionY() {
        return positionY;
    }

    public void setPositionY(float positionY) {
        this.positionY = positionY;
    }

    public float getRaduis() {
        return raduis;
    }

    public void setRaduis(float raduis) {
        this.raduis = raduis;
    }
}

创建一个类

public class CircleView extends View implements View.OnClickListener {

    private Paint paint;
    private CirclePoint circlePoint;


    public CircleView(Context context) {
        super(context);
    }

    public CircleView(Context context,  AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    int red=0;
    int green=200;
    int blue=200;

    public void setRed(int red) {
        this.red = red;
    }

    private void init() {
        circlePoint = new CirclePoint();
        paint = new Paint();
        paint.setColor(Color.argb(255,red,green,blue));
        setOnClickListener(this);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint.setColor(Color.argb(255,red,green,blue));
        canvas.drawCircle(circlePoint.getPositionX()+100,circlePoint.getPositionY()+100,circlePoint.getRaduis(),paint);
    }

    @Override
    public void onClick(View view) {
        startAnimation();
    }

    private void startAnimation() {
        AnimatorSet animatorSet=new AnimatorSet();
        ObjectAnimator objectAnimatorX=ObjectAnimator.ofFloat(circlePoint,"positionX",100,500);
        objectAnimatorX.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator valueAnimator) {
                invalidate();
            }
        });
        ObjectAnimator objectAnimatorY=ObjectAnimator.ofFloat(circlePoint,"positionY",100,1000);
        ObjectAnimator objectAnimatorColor=ObjectAnimator.ofInt(this,"red",0,255);
        animatorSet.play(objectAnimatorX).with(objectAnimatorY).with(objectAnimatorColor);
        animatorSet.setDuration(5000);
        animatorSet.start();
    }
}

之后在布局调用刚才自己写的那个类
效果就是从上到下，颜色渐变