如何使Android的平滑图像旋转？(How to make a smooth image rota

我使用的是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" />    

当我将此我ImageView使用AndroidUtils.loadAnimation()它的伟大工程！

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

有一个问题是，图像旋转，似乎在每个周期的顶部暂停。

换句话说，图像旋转360度，短暂暂停，然后再次旋转360度等

我怀疑的问题是，动画是使用默认插值像android:iterpolator="@android:anim/accelerate_interpolator" （ AccelerateInterpolator ），但我不知道该怎么告诉它不要插动画。

我怎样才能关闭插补（如果这确实是问题），使我的动画循环顺畅？

Answer 1:

你说得对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"

特别提示：如果您的旋转的动画是一家集里面，设置插补似乎并没有工作。 造顶元素修复它的旋转。 （这将节省您的时间。）

Answer 2:

我有这个问题为好，并试图设置线性内插在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);

Answer 3:

这工作正常

<?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" />

Answer 4:

也许，这样的事情会有所帮助：

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)...

Answer 5:

尝试使用toDegrees="359"因为360°和0°是相同的。

Answer 6:

修剪的<set> -元素是包裹<rotate> -元素解决了这个问题！

感谢Shalafi！

所以，你应该Rotation_ccw.xml loook是这样的：

<?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"
    />

Answer 7:

ObjectAnimator.ofFloat(view, View.ROTATION, 0f, 360f).setDuration(300).start();

试试这个。

Answer 8:

不管是什么我想，我不能让这个使用平滑旋转动画代码（和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);
        }

Answer 9:

正如hanry已经把上面提到的内胆是iterpolator罚款。 但是，如果旋转是一家集里面你必须把机器人：shareInterpolator =“假”，使之光滑。

<?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是不是假的，上面的代码提供了毛刺。

Answer 10:

如果您正在使用一组动画像我这样的，你应该添加一组标签内插：

<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>

这为我工作。

Answer 11:

旋转对象编程。

//顺时针旋转：

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

//逆时针旋转：

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

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

rotate.setRepeatCount（10）; 使用重复你的旋转。

500是动画的持续时间。

Answer 12:

有没有可能是因为你从0到360，你在0/360花一点点的时间比你期待？ 也许设置toDegrees到359或358。

Answer 13:

在Android中，如果要设置动画的对象，并使其从LOCATION1将对象移动到LOCATION2，动画API计算出中间位置（渐变），然后使用定时器在适当的时候排队到主线程相应的移动操作。 绘画，打开文件，响应用户输入等排队的计时器通常可以延迟 - 除了主线程通常用于很多其他的事情也能正常工作。 那么编写的程序会一直尝试在后台（非主）线程但是你不能总是避免使用主线程做尽可能多的操作成为可能。 要求你的UI对象进行操作的操作总是要在主线程上完成的。 此外，许多API将漏斗操作返回到主线程的线程安全的一种形式。

景观都得出同样的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));
    }
}

Answer 14:

尝试使用超过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%" />

Answer 15:

在科特林：

 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)
        })

文章来源: How to make a smooth image rotation in Android?