android属性动画示例

最新推荐文章于 2025-09-12 19:52:27 发布

原创最新推荐文章于 2025-09-12 19:52:27 发布 · 838 阅读

0 ·

CC 4.0 BY-SA版权

学习的过程很漫长，汲取他人经验是很重要的一项，文中所述可能借鉴了他人经验，如有侵权，告知删除，同时也感谢开源~

文章标签：

#动画 #android

本文介绍了Android中视图动画的基本操作，包括平移、旋转、缩放及透明度变化等常见动画效果的实现方法，并深入探讨了自定义动画的实现原理，如属性动画的创建过程及其核心组件——时间差插值器与属性估值器的工作机制。

    //平移
    @OnClick(R.id.btn_translation)
    public void translate() {
        ObjectAnimator.ofFloat(iv_pic, "translationX", 50).setDuration(1000).start();
    }
    //旋转
    @OnClick(R.id.btn_rotate)
    public void rotate() {
        ObjectAnimator.ofFloat(iv_pic, "rotationX", 0, 360).start();
    }
    //缩放
    @OnClick(R.id.btn_scale)
    public void scale() {
        ObjectAnimator.ofFloat(iv_pic, "scaleX", 1, 0.5f, 0.1f, 1).start();
    }
    //透明度
    @OnClick(R.id.btn_alpha)
    public void alpha() {
        ObjectAnimator.ofFloat(iv_pic, "alpha", 1, 0.5f, 0.1f, 1).start();
    }
    //颜色
    @OnClick(R.id.btn_color)
    public void colorAnim() {
        ValueAnimator colorAnim = ObjectAnimator.ofInt(iv_pic, "backgroundColor", 0xFFFF8080, 0xFF8080FF);
        colorAnim.setDuration(10 * 1000);
        colorAnim.setRepeatCount(ValueAnimator.INFINITE);
        colorAnim.setEvaluator(new ArgbEvaluator());
        colorAnim.setRepeatMode(ValueAnimator.REVERSE);
        colorAnim.start();
    }
    //动画集合
    @OnClick(R.id.btn_set)
    public void allSet() {
        AnimatorSet set = new AnimatorSet();
        set.playTogether(
                ObjectAnimator.ofFloat(iv_pic, "translationX", 50),
                ObjectAnimator.ofFloat(iv_pic, "rotationX", 0, 360),
                ObjectAnimator.ofFloat(iv_pic, "scaleX", 1, 0.5f, 0.1f, 1),
                ObjectAnimator.ofFloat(iv_pic, "alpha", 1, 0.5f, 0.1f, 1)
        );
        set.setDuration(5000);
        set.start();

    }
    //自定义动画，通过改变TypeEnvaluator来实现动画
    @OnClick(R.id.btn_custom_anim)
    public void customAnim() {
        ValueAnimator valueAnimator = new ValueAnimator();
        valueAnimator.setDuration(3000);
        valueAnimator.setObjectValues(new PointF(0, 0));
        valueAnimator.setInterpolator(new LinearInterpolator());
        valueAnimator.setEvaluator(new TypeEvaluator<PointF>() {
            // fraction = t / duration
            @Override
            public PointF evaluate(float fraction, PointF startValue,
                                   PointF endValue) {
                // x方向200px/s ，则y方向0.5 * 10 * t
                PointF point = new PointF();
                point.x = 200 * fraction * 3;
                point.y = 0.5f * 200 * (fraction * 3) * (fraction * 3);
                return point;
            }
        });

        valueAnimator.start();
        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                PointF point = (PointF) animation.getAnimatedValue();
                iv_pic.setX(point.x);
                iv_pic.setY(point.y);

            }
        });
    }