如何在Android中进行平滑的图像旋转?


217

我正在使用RotateAnimation旋转要用作Android中自定义循环微调器的图像。这是我的rotate_indefinitely.xml文件,放置在res/anim/

<?xml version="1.0" encoding="UTF-8"?>
<rotate
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:duration="1200" />    

当我将此应用到我的ImageViewusing时AndroidUtils.loadAnimation(),它很好用!

spinner.startAnimation( 
    AnimationUtils.loadAnimation(activity, R.anim.rotate_indefinitely) );

一个问题是,图像旋转似乎在每个循环的顶部暂停。

换句话说,图像旋转360度,短暂暂停,然后再次旋转360度,依此类推。

我怀疑问题在于动画使用的是默认插值器,如android:iterpolator="@android:anim/accelerate_interpolator"AccelerateInterpolator),但我不知道如何告诉它不要插值动画。

如何关闭插值(如果确实存在问题)以使动画循环流畅?

Answers:


199

您对AccelerateInterpolator是正确的;您应该改用LinearInterpolator。

您可以使用android.R.anim.linear_interpolator动画XML文件中的内置函数android:interpolator="@android:anim/linear_interpolator"

或者,您可以在项目中创建自己的XML插值文件,例如将其命名为res/anim/linear_interpolator.xml

<?xml version="1.0" encoding="utf-8"?>
<linearInterpolator xmlns:android="http://schemas.android.com/apk/res/android" />

并添加到动画XML中:

android:interpolator="@anim/linear_interpolator"

特别注意:如果旋转动画在集合内,则设置插值器似乎无效。旋转顶部元素将其固定。(这将节省您的时间。)


1
这是因为内插器拼写错误(没有“ n”)。您无需自己制作
Kingpin

25
我已经尝试了所有可用的插补器,包括线性插补器,但在每个周期的开始我仍然会遇到这个小问题。
亚当·拉邦

11
如果旋转动画在集合内,则设置插值器似乎无效。旋转顶部元素即可修复它
shalafi 2012年

嘿,如果您实际上想在每个动画之间都没有小的“暂停”的情况下使用Acceleration_decelerate_interpolator,该怎么办?
agonist_

90

我也有这个问题,并尝试在xml中设置线性插值器而没有成功。对我有用的解决方案是在代码中将动画创建为RotateAnimation。

RotateAnimation rotate = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
rotate.setDuration(5000);
rotate.setInterpolator(new LinearInterpolator());

ImageView image= (ImageView) findViewById(R.id.imageView);

image.startAnimation(rotate);

9
如果你希望动画留在末尾的方向,加rotate.setFillAfter(true);
的Fonix

4
如果你希望动画没有结束长期居留,加rotate.setRepeatCount(Animation.INFINITE);
ahmednabil88

38

这很好

<?xml version="1.0" encoding="UTF-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1600"
    android:fromDegrees="0"
    android:interpolator="@android:anim/linear_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:toDegrees="358" />

反向旋转:

<?xml version="1.0" encoding="UTF-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1600"
    android:fromDegrees="358"
    android:interpolator="@android:anim/linear_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:toDegrees="0" />

5
对于反向,只需具有repeatcount 2并设置android:repeatMode =“ reverse”-无需具有两个不同的XML文件。
RoundSparrow hilltx 2014年

3
为什么是358,而不是359或360?
相信

将此文件添加到资源中的何处?动画是否为此单独包装?
abggcv

30

也许,这样的事情会有所帮助:

Runnable runnable = new Runnable() {
    @Override
    public void run() {
        imageView.animate().rotationBy(360).withEndAction(this).setDuration(3000).setInterpolator(new LinearInterpolator()).start();
    }
};

imageView.animate().rotationBy(360).withEndAction(runnable).setDuration(3000).setInterpolator(new LinearInterpolator()).start();

顺便说一句,您可以旋转360度以上,例如:

imageView.animate().rotationBy(10000)...

工作完美,imageView.clearAnimation()也会清理可运行对象吗?
XcodeNOOB

对于开始动画,它可以正常工作,但是在开始运行后,无法通过imageView.clearAnimation()进行清理,我在触摸监听器事件中使用过
Abhijit Jagtap,2017年

无法独立停止这些可跑动武器
裤子

@Pants可以在某些情况下使用withEndAction(this)调用。如果条件为假,则不会调用withEndAction(this),并且动画应停止
Vitaly Zinchenko,



8

以编程方式旋转对象。

//顺时针旋转:

    public void rotate_Clockwise(View view) {
        ObjectAnimator rotate = ObjectAnimator.ofFloat(view, "rotation", 180f, 0f);
//        rotate.setRepeatCount(10);
        rotate.setDuration(500);
        rotate.start();
    }

//逆时针旋转:

 public void rotate_AntiClockwise(View view) {
        ObjectAnimator rotate = ObjectAnimator.ofFloat(view, "rotation", 0f, 180f);
//        rotate.setRepeatCount(10);
        rotate.setDuration(500);
        rotate.start();
    } 

视图是您的ImageView或其他小部件的对象。

rotation.setRepeatCount(10); 用于重复旋转。

500是您的动画持续时间。


6

修剪<set>包裹<rotate>-Element的-Element可以解决问题!

感谢Shalafi!

因此,您的Rotation_ccw.xml应该看起来像这样:

<?xml version="1.0" encoding="utf-8"?>

<rotate
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="-360"
    android:pivotX="50%"
    android:pivotY="50%"
    android:duration="2000"
    android:fillAfter="false"
    android:startOffset="0"
    android:repeatCount="infinite"
    android:interpolator="@android:anim/linear_interpolator"
    />

3

无论我尝试了什么,我都无法使用代码(和setRotation)来实现平滑旋转动画来使其正常工作。我最终要做的是使度数变化很小,以至于很小的停顿是不明显的。如果您不需要旋转太多,则执行此循环的时间可以忽略不计。效果是平滑旋转:

        float lastDegree = 0.0f;
        float increment = 4.0f;
        long moveDuration = 10;
        for(int a = 0; a < 150; a++)
        {
            rAnim = new RotateAnimation(lastDegree, (increment * (float)a),  Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
            rAnim.setDuration(moveDuration);
            rAnim.setStartOffset(moveDuration * a);
            lastDegree = (increment * (float)a);
            ((AnimationSet) animation).addAnimation(rAnim);
        }

您在哪里“动画”变量声明?
Rishabh Saxena

3

就像hanry在上面提到的那样,将线性iterpolator放进去是可以的。但是,如果旋转位于集合内,则必须放置android:shareInterpolator =“ false”使其平滑。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
**android:shareInterpolator="false"**
>
<rotate
    android:interpolator="@android:anim/linear_interpolator"
    android:duration="300"
    android:fillAfter="true"
    android:repeatCount="10"
    android:repeatMode="restart"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%" />
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:duration="3000"
    android:fillAfter="true"
    android:pivotX="50%"
    android:pivotY="50%"
    android:fromXScale="1.0"
    android:fromYScale="1.0"
    android:toXScale="0"
    android:toYScale="0" />
</set>

如果Sharedinterpolator不为false,则上面的代码会出现故障。


3

如果您使用的是像我这样的动画集,则应将插值添加到set标签内:

<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/linear_interpolator">

 <rotate
    android:duration="5000"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:startOffset="0"
    android:toDegrees="360" />

 <alpha
    android:duration="200"
    android:fromAlpha="0.7"
    android:repeatCount="infinite"
    android:repeatMode="reverse"
    android:toAlpha="1.0" />

</set>

这对我有用。


3

在科特林:

 ivBall.setOnClickListener(View.OnClickListener {

            //Animate using XML
            // val rotateAnimation = AnimationUtils.loadAnimation(activity, R.anim.rotate_indefinitely)

            //OR using Code
            val rotateAnimation = RotateAnimation(
                    0f, 359f,
                    Animation.RELATIVE_TO_SELF, 0.5f,
                    Animation.RELATIVE_TO_SELF, 0.5f

            )
            rotateAnimation.duration = 300
            rotateAnimation.repeatCount = 2

            //Either way you can add Listener like this
            rotateAnimation.setAnimationListener(object : Animation.AnimationListener {

                override fun onAnimationStart(animation: Animation?) {
                }

                override fun onAnimationRepeat(animation: Animation?) {
                }

                override fun onAnimationEnd(animation: Animation?) {

                    val rand = Random()
                    val ballHit = rand.nextInt(50) + 1
                    Toast.makeText(context, "ballHit : " + ballHit, Toast.LENGTH_SHORT).show()
                }
            })

            ivBall.startAnimation(rotateAnimation)
        })

1

是否有可能因为您从0到360而花费在0/360上的时间比您预期的要多?也许设置为359或358。


1
伟大的理论。我敢肯定这不是因为加速/减速是相当平滑和精心设计的。以防万一,尽管我尝试将度数降低到358,并且行为没有明显变化。
emmby

1

尝试使用超过360以避免重新启动。

我使用的是3600 insted 360,这对我来说很好用:

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="3600"
    android:interpolator="@android:anim/linear_interpolator"
    android:repeatCount="infinite"
    android:duration="8000"
    android:pivotX="50%"
    android:pivotY="50%" />

0

在Android中,如果要设置对象动画并使对象从location1移动到location2,则动画API会找出中间位置(补间),然后使用计时器在适当的时间将适当的移动操作排队到主线程上。除主线程通常用于许多其他事情(绘画,打开文件,响应用户输入等)外,此方法工作正常。排队的计时器通常可能会延迟。编写良好的程序将始终尝试在后台线程(非主线程)中执行尽可能多的操作,但是您始终不能避免使用主线程。要求您对UI对象进行操作的操作始终必须在主线程上完成。同样,许多API会将操作作为线程安全性的形式集中到主线程。

所有视图均在同一GUI线程上绘制,该GUI线程也用于所有用户交互。

因此,如果您需要快速更新GUI或渲染花费太多时间并影响用户体验,请使用SurfaceView。

旋转图片示例:

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback {
    private DrawThread drawThread;

    public MySurfaceView(Context context) {
        super(context);
        getHolder().addCallback(this);
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width,
            int height) {   
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        drawThread = new DrawThread(getHolder(), getResources());
        drawThread.setRunning(true);
        drawThread.start();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        boolean retry = true;
        drawThread.setRunning(false);
        while (retry) {
            try {
                drawThread.join();
                retry = false;
            } catch (InterruptedException e) {
            }
        }
    }
}


class DrawThread extends Thread{
    private boolean runFlag = false;
    private SurfaceHolder surfaceHolder;
    private Bitmap picture;
    private Matrix matrix;
    private long prevTime;

    public DrawThread(SurfaceHolder surfaceHolder, Resources resources){
        this.surfaceHolder = surfaceHolder;

        picture = BitmapFactory.decodeResource(resources, R.drawable.icon);

        matrix = new Matrix();
        matrix.postScale(3.0f, 3.0f);
        matrix.postTranslate(100.0f, 100.0f);

        prevTime = System.currentTimeMillis();
    }

    public void setRunning(boolean run) {
        runFlag = run;
    }

    @Override
    public void run() {
        Canvas canvas;
        while (runFlag) {
            long now = System.currentTimeMillis();
            long elapsedTime = now - prevTime;
            if (elapsedTime > 30){

                prevTime = now;
                matrix.preRotate(2.0f, picture.getWidth() / 2, picture.getHeight() / 2);
            }
            canvas = null;
            try {
                canvas = surfaceHolder.lockCanvas(null);
                synchronized (surfaceHolder) {
                    canvas.drawColor(Color.BLACK);
                    canvas.drawBitmap(picture, matrix, null);
                }
            } 
            finally {
                if (canvas != null) {
                    surfaceHolder.unlockCanvasAndPost(canvas);
                }
            }
        }
    }
}

活动:

public class SurfaceViewActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(new MySurfaceView(this));
    }
}

0
private fun rotateTheView(view: View?, startAngle: Float, endAngle: Float) {
    val rotate = ObjectAnimator.ofFloat(view, "rotation", startAngle, endAngle)
    //rotate.setRepeatCount(10);
    rotate.duration = 400
    rotate.start()
}

1
尽管此代码可以为问题提供解决方案,但最好添加有关其原因/工作方式的上下文。这可以帮助将来的用户学习并将该知识应用于他们自己的代码。当解释代码时,您还可能以投票的形式从用户那里获得积极的反馈。
borchvm
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.