如何通过按钮onClick()为自定义View添加动画效果？

嘿，我先帮你把当前代码里的几个小坑填上，再一步步实现按钮触发的动画——你现在的onDraw()里每次重绘都解码Bitmap、新建Paint，还调用了invalidate()，这会导致无限循环重绘，既耗性能又会干扰动画逻辑，得先修复这些问题~

第一步：重构你的自定义View #

把重复初始化的资源移到构造方法里，去掉不必要的invalidate()，同时添加动画需要的属性和Setter方法：

public class MyCustomView extends View {
    private Bitmap myBitmap;
    private Paint paint;
    private String date; // 记得给这个变量赋值哦，不然drawText会出问题
    // 动画属性：比如平移动画的偏移量
    private float translateX = 0f;
    private float translateY = 0f;

    public MyCustomView(Context context) {
        super(context);
        init();
    }

    public MyCustomView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    // 初始化静态资源，只执行一次
    private void init() {
        myBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image);
        paint = new Paint();
        paint.setTextSize(100);
        paint.setColor(Color.BLUE);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 应用动画属性：先平移画布，再绘制内容
        canvas.save();
        canvas.translate(translateX, translateY);
        canvas.drawBitmap(myBitmap, 10, 10, paint);
        canvas.drawText(date, 200, 200, paint);
        canvas.restore();
    }

    // 给属性动画提供Setter方法，ObjectAnimator会自动调用
    public void setTranslateX(float translateX) {
        this.translateX = translateX;
        invalidate(); // 只有属性变化时才触发重绘
    }

    public void setTranslateY(float translateY) {
        this.translateY = translateY;
        invalidate();
    }

    // 可以给date加个Setter，方便从Activity传值
    public void setDate(String date) {
        this.date = date;
        invalidate();
    }
}

第二步：在MainActivity中实现按钮点击触发动画 #

假设你的布局里有一个Button（id为btn_start_anim）和自定义View（id为my_custom_view），在按钮的onClick()里用属性动画驱动自定义View：

public class MainActivity extends AppCompatActivity {
    private MyCustomView myCustomView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        myCustomView = findViewById(R.id.my_custom_view);
        myCustomView.setDate("2024-05-20"); // 给date赋值示例
        
        Button startAnimBtn = findViewById(R.id.btn_start_anim);
        startAnimBtn.setOnClickListener(v -> startCustomViewAnimation());
    }

    private void startCustomViewAnimation() {
        // 示例1：平移动画——从初始位置向右平移300px，向下平移200px，持续1秒
        ObjectAnimator translateXAnim = ObjectAnimator.ofFloat(myCustomView, "translateX", 0f, 300f);
        translateXAnim.setDuration(1000);
        translateXAnim.setInterpolator(new AccelerateDecelerateInterpolator()); // 快慢慢快的插值器

        ObjectAnimator translateYAnim = ObjectAnimator.ofFloat(myCustomView, "translateY", 0f, 200f);
        translateYAnim.setDuration(1000);
        translateYAnim.setInterpolator(new AccelerateDecelerateInterpolator());

        // 组合两个动画同时播放
        AnimatorSet animatorSet = new AnimatorSet();
        animatorSet.playTogether(translateXAnim, translateYAnim);
        animatorSet.start();

        // 如果你想要其他动画效果，比如旋转、缩放，只需要添加对应属性和Setter：
        // ObjectAnimator rotationAnim = ObjectAnimator.ofFloat(myCustomView, "rotation", 0f, 360f);
        // rotationAnim.setDuration(1000);
        // animatorSet.playTogether(translateXAnim, translateYAnim, rotationAnim);
    }
}

额外提示 #

• 不要在onDraw()里做耗时操作（比如解码Bitmap），所有静态资源都应该在初始化阶段完成。
• 属性动画是Android推荐的动画方式，它会自动帮你处理属性值的平滑过渡和重绘触发。
• 如果需要更复杂的动画逻辑，可以用ValueAnimator手动计算属性值，再更新自定义View的状态。

内容的提问来源于stack exchange，提问作者krumpli