Android ImageView Animation

Question

He creado un diseño con una vista de imagen y una vista web. La vista web está configurada para tener una visibilidad predeterminada de desaparecido. Cuando la actividad se activa, muestra primero la vista de la imagen y cuando la vista web ha terminado de cargar su url, se marca a sí misma como visible y la vista de la imagen se marca como oculta.

Cuando se muestra la imagen, me gustaría rotarla repetidamente solo por un poco de pizazz añadido.

Nunca antes he hecho animaciones en Android y todas las publicaciones que encontré cuando pregunté en Internet no fueron útiles; por lo tanto, he regresado a SO para obtener ayuda.

Así que si comienzo con esto ...

final ImageView splash = (ImageView)findViewById(R.id.splash); 

¿Cómo se crea una animación de rotación repetida y aplicarlo a la ImageView?

¡Gracias nuevamente!

Answer 1

Utilice un RotateAnimation, estableciendo el punto de pivote en el centro de su imagen.

RotateAnimation anim = new RotateAnimation(0f, 350f, 15f, 15f); 
anim.setInterpolator(new LinearInterpolator()); 
anim.setRepeatCount(Animation.INFINITE); 
anim.setDuration(700); 

// Start animating the image 
final ImageView splash = (ImageView) findViewById(R.id.splash); 
splash.startAnimation(anim); 

// Later.. stop the animation 
splash.setAnimation(null); 

Answer 2

Una forma: divida la imagen en N girándola ligeramente cada vez. Yo diría que 5 es suficiente. continuación, crear algo como esto en dibujable código

<animation-list android:id="@+id/handimation" android:oneshot="false" 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:drawable="@drawable/progress1" android:duration="150" /> 
    <item android:drawable="@drawable/progress2" android:duration="150" /> 
    <item android:drawable="@drawable/progress3" android:duration="150" /> 
</animation-list> 

comenzar

progress.setVisibility(View.VISIBLE); 
AnimationDrawable frameAnimation = (AnimationDrawable)progress.getDrawable(); 
frameAnimation.setCallback(progress); 
frameAnimation.setVisible(true, true); 

parada código

AnimationDrawable frameAnimation = (AnimationDrawable)progress.getDrawable(); 
frameAnimation.stop(); 
frameAnimation.setCallback(null); 
frameAnimation = null; 
progress.setVisibility(View.GONE); 

más here

Answer 3

También puede simplemente utilizar la función de animación Girar. Eso ejecuta una animación específica, por una cantidad de tiempo predeterminada, en un ImageView.

Animation rotate = AnimationUtils.loadAnimation([context], R.anim.rotate_picture); 
splash.startAnimation(rotate); 

A continuación, cree un archivo XML la animación en sus res/anim llama rotate_picture con el contenido:

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

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

Ahora por desgracia, esto solo se ejecutará una vez. Necesitará un bucle en algún lugar para que repita la animación mientras espera. Experimenté un poco y conseguí que mi programa quedara atrapado en bucles infinitos, así que no estoy seguro de la mejor manera de hacerlo. EDIT: la respuesta de Christopher proporciona la información sobre cómo hacer que funcione correctamente, ¡así que elimino mi mala sugerencia sobre hilos separados!

Answer 4

Dentro del elemento puso:

android:repeatCount="infinite" 

Answer 5

he descubierto, que si se utiliza el .getWidth/2 etc ... que no va a funcionar que necesita para obtener el número de píxeles de la imagen es y divídalo por 2 usted mismo y luego simplemente escriba el número de los últimos 2 argumentos.

para decir que su imagen era un cuadrado de 120 por 120 píxeles, ur x y y equivaldrían a 60 píxeles. por lo que en su código, juicio lo haría:

RotateAnimation anim = new RotateAnimation(0f, 350f, 60f, 60f); 
anim.setInterpolator(new LinearInterpolator()); 
anim.setRepeatCount(Animation.INFINITE); 
anim.setDuration(700); 

y ahora su imagen girará alrededor de su centro.

Answer 6

Cómo rotar una imagen alrededor de su centro:

ImageView view = ... //Initialize ImageView via FindViewById or programatically 

RotateAnimation anim = new RotateAnimation(0.0f, 360.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); 

//Setup anim with desired properties 
anim.setInterpolator(new LinearInterpolator()); 
anim.setRepeatCount(Animation.INFINITE); //Repeat animation indefinitely 
anim.setDuration(700); //Put desired duration per anim cycle here, in milliseconds 

//Start animation 
view.startAnimation(anim); 
//Later on, use view.setAnimation(null) to stop it. 

Esto hará que la imagen para girar alrededor de su centro (0,5 o 50% de su anchura/altura). Estoy publicando esto para lectores futuros que llegan aquí desde Google, como lo hice yo, y que desean rotar la imagen alrededor de su centro sin definir dicho centro en píxeles absolutos.

Answer 7

imgDics = (ImageView) v.findViewById(R.id.img_player_tab2_dics); 
    imgDics.setOnClickListener(onPlayer2Click); 
    anim = new RotateAnimation(0f, 360f, 
      Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 
          0.5f); 
    anim.setInterpolator(new LinearInterpolator()); 
    anim.setRepeatCount(Animation.INFINITE); 
    anim.setDuration(4000); 

    // Start animating the image 
    imgDics.startAnimation(anim); 

Answer 8

No codificar los límites de la imagen. Simplemente use:

RotateAnimation anim = new RotateAnimation(fromAngle, toAngle, imageView.getDrawable().getBounds().width()/2, imageView.getDrawable().getBounds().height()/2);