android 实现车轮滚动效果

最新推荐文章于 2026-01-06 10:10:49 发布

原创最新推荐文章于 2026-01-06 10:10:49 发布 · 1.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android

android 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用Java代码实现车轮滚动动画的方法。通过ValueAnimator类控制车轮图片的平移和旋转，模拟出从中间向两边滚动的效果。

晚上下班看到有美女骑车，就想做一个车轮滚动的效果，空间有限，就没有一直滚，我做的车轮是左右滚动：
效果图：这里写图片描述

//车轮半径
 int radius = centerImg.getHeight()/2;

                final ValueAnimator valueAnimator = ValueAnimator.ofFloat(0.0f,-1.0f,1.0f);
                valueAnimator.setDuration(500);
                valueAnimator.setInterpolator(new LinearInterpolator());
                valueAnimator.setRepeatCount(Animation.INFINITE);
                valueAnimator.setRepeatMode(Animation.REVERSE);
                final float scrollLength = 100.0f;
                //每滚动一个scrollLength，则轮子旋转的角度
                final float angleToTrans = (float) ((scrollLength / (2*Math.PI*radius)) * 360.0f);
                valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                    private boolean isFirst = true;
                    @Override
                    public void onAnimationUpdate(ValueAnimator animation) {
                        float fraction = (float) animation.getAnimatedValue();
                        centerImg.setTranslationX(scrollLength * fraction);
                        centerImg.setRotation(angleToTrans * fraction);
                        if(isFirst && Math.abs(fraction) >=0.9f){
                        //第一次是从中间滚到左边，之后就两头滚了
                            isFirst = false;
                            valueAnimator.cancel();
                            valueAnimator.setFloatValues(fraction,1.0f);
                            valueAnimator.start();
                        }
                    }
                });
                valueAnimator.start();