android - 如何为 ImageView 制作振动动画

Question

我不知道这个动画。

我怎样才能通过这样的 XML 来做到这一点？还是另一种解决方案？

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/accelerate_decelerate_interpolator" 
    android:fillAfter="true"> 
    ......
</set>

谢谢你的帮助

score 32 · Accepted Answer

此代码在水平方向上摇动视图

摇动.xml

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:fromXDelta="0"
    android:interpolator="@anim/cycle_5"
    android:toXDelta="10" />

循环_5.xml

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

摇动ImageView的方法

public void onShakeImage() {    
   Animation shake;
   shake = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.shake);

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

   image.startAnimation(shake); // starts animation
}

score 8 · Accepted Answer

1）振动或2）摇动（使用属性动画）以下代码为我工作。

 ObjectAnimator rotate = ObjectAnimator.ofFloat(animateView, "rotation", 0f, 20f, 0f, -20f, 0f); // rotate o degree then 20 degree and so on for one loop of rotation.
// animateView (View object) 
        rotate.setRepeatCount(20); // repeat the loop 20 times
        rotate.setDuration(100); // animation play time 100 ms 
        rotate.start();

score 5 · Accepted Answer

在 anim 目录中创建shake.xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
    android:duration="70"
    android:fromDegrees="0"
    android:interpolator="@android:anim/linear_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="5"
    android:repeatMode="reverse"
    android:toDegrees="0" />
<translate
    android:duration="70"
    android:fromXDelta="40"
    android:interpolator="@android:anim/linear_interpolator"
    android:repeatCount="5"
    android:repeatMode="reverse"
    android:toXDelta="-40" />

在你的java文件中添加下面的方法

public void animateView(View view){
    Animation shake = AnimationUtils.loadAnimation(getActivity(), R.anim.shake);
    view.startAnimation(shake);
}

并在动画方法中传递您的视图

animateView(yourView);

score 2 · Accepted Answer

在 anim 目录下创建动画文件：

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fromDegrees="-10"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:repeatMode="reverse"
    android:toDegrees="10" />



Animation shake = AnimationUtils.loadAnimation(this, R.anim.shake);
your_view.startAnimation(shake);

score 1 · Accepted Answer

正如我预期的那样，这对我来说很顺利

private void Shake(View view)
{
    RotateAnimation rotate = new RotateAnimation(-5, 5,Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    rotate.setDuration(250);
    rotate.setStartOffset(50);
    rotate.setRepeatMode(Animation.REVERSE);
    rotate.setInterpolator(new CycleInterpolator(5));
    view.startAnimation(rotate);
}

score 0 · Accepted Answer

我确实为 imageView 创建了类似BUZZ的动画。这里我还添加了延迟，让它真的很像Buzzy 效果

在您的活动中：

这里，animShake是android.view.animation

    animShake = AnimationUtils.loadAnimation(this, R.anim.shake)
    imageView.startAnimation(animShake)

不要忘记添加AnimationListenerBUZZ 效果的小延迟

animShake.setAnimationListener(object : Animation.AnimationListener {
        override fun onAnimationRepeat(animation: Animation?) {

        }

        override fun onAnimationEnd(animation: Animation?) {
            Handler().postDelayed({
                imageView.startAnimation(animShake)
            }, 1000)

        }

        override fun onAnimationStart(animation: Animation?) {

        }
    })

动画shakeXML 文件只有translate：

 android:duration="75"
 android:fromXDelta="-18%"
 android:repeatCount="11"
 android:repeatMode="reverse"
 android:toXDelta="18%" />

android - 如何为 ImageView 制作振动动画

6 回答 6

Related

Reference