Comment utiliser "RotateDrawable"?

Question

Quelqu'un peut-il me dire comment ils ont 'RotateDrawable' pour fonctionner que ce soit à partir de code ou XML ou les deux? La documentation sur l'animation des Drawables est plutôt pauvre et l'animation ne semble fonctionner que pour les images. Je veux être capable d'animer tous les drawables. Lorsque j'ai essayé d'obtenir un RotateDrawble à partir de XML, cela provoque une exception. Quelle est la fonction correcte pour trouver un RotateDrawable à partir de XML?

Un grand merci

Kerubu

Answer 1

Je n'ai pas travaillé avec un RotateDrawable, mais si vous essayez simplement d'animer la rotation sur un graphique, vous n'avez pas besoin. Les drawables avec un 'niveau' comme RotateDrawable sont destinés à transmettre des informations plutôt qu'à animer des vues.

Le code suivant tourne un ImageView autour de son centre:

ImageView myImageView = (ImageView)findViewById(R.id.my_imageview); 

AnimationSet animSet = new AnimationSet(true); 
animSet.setInterpolator(new DecelerateInterpolator()); 
animSet.setFillAfter(true); 
animSet.setFillEnabled(true); 

final RotateAnimation animRotate = new RotateAnimation(0.0f, -90.0f, 
    RotateAnimation.RELATIVE_TO_SELF, 0.5f, 
    RotateAnimation.RELATIVE_TO_SELF, 0.5f); 

animRotate.setDuration(1500); 
animRotate.setFillAfter(true); 
animSet.addAnimation(animRotate); 

myImageView.startAnimation(animSet); 

Answer 2

RotateDrawable ne semble pas être animée. Au lieu de cela, vous devez utiliser setLevel pour modifier la rotation du drawable.

<?xml version="1.0" encoding="utf-8"?> 
<rotate xmlns:android="http://schemas.android.com/apk/res/android" 
    android:drawable="@drawable/your_drawable" 
    android:fromDegrees="0" 
    android:pivotX="50%" 
    android:pivotY="50%" 
    android:toDegrees="360" /> 

et régler le niveau tournera la drawable:

final ImageView image = (ImageView)findViewById(R.id.imageView1); 
final RotateDrawable drawable = (RotateDrawable)image.getDrawable(); 
drawable.setLevel(500); 

Answer 3

Le code suivant retourne une enveloppe Drawable qui tourne un autre Drawable programme:

Drawable rotateDrawable(Drawable d, final float angle) { 
    // Use LayerDrawable, because it's simpler than RotateDrawable. 
    Drawable[] arD = { 
     d 
    }; 
    return new LayerDrawable(arD) { 
     @Override 
     public void draw(Canvas canvas) { 
      canvas.save(); 
      canvas.rotate(angle); 
      super.draw(canvas); 
      canvas.restore(); 
     } 
    }; 
} 

Answer 4

Vous pouvez appeler manuellement RotatedDrawable.setLevel() pour faire pivoter le drawable, ou vous pouvez lire le code de ProgressBar, le drawable indéterminé est un LayerDrawable dont les enfants ont été RotatedDrawable, comme celui-ci:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <rotate 
      android:drawable="@drawable/spinner_48_outer_holo" 
      android:pivotX="50%" 
      android:pivotY="50%" 
      android:fromDegrees="0" 
      android:toDegrees="1080" /> 
    </item> 
    <item> 
     <rotate 
      android:drawable="@drawable/spinner_48_inner_holo" 
      android:pivotX="50%" 
      android:pivotY="50%" 
      android:fromDegrees="720" 
      android:toDegrees="0" /> 
    </item> 
</layer-list> 

L'animation de rotation était pilotée par la méthode onDraw de ProgressBar.

Answer 5

Vous devez animer la propriété "level", où 0 est la valeur de départ et 10000 la valeur de fin. L'exemple ci-dessous s'anime du début à la fin, vous pouvez facilement inverser l'animation avec cette méthode.

final RotateDrawable rotateDrawable = ... 
ObjectAnimator.ofInt(rotateDrawable, "level", 0, 10000).start(); 

Answer 6

Ceci est un bon exemple de travail. La durée du paramètre est utilisée pour l'animer.

<?xml version="1.0" encoding="utf-8"?> 
<rotate xmlns:android="http://schemas.android.com/apk/res/android" 
    android:duration="4000" 
    android:fromDegrees="0" 
    android:pivotX="50%" 
    android:pivotY="50%" 
    android:toDegrees="720" > 

    <shape 
     android:innerRadius="20dp" 
     android:shape="ring" 
     android:thickness="4dp" 
     android:useLevel="false" > 
     <size 
      android:height="48dp" 
      android:width="48dp" /> 

     <gradient 
      android:centerY="0.5" 
      android:endColor="@android:color/white" 
      android:startColor="#00ffffff" 
      android:type="sweep" 
      android:useLevel="false" /> 
    </shape> 

</rotate> 

Answer 7

Je voudrais ajouter un exemple complet d'animer une icône de progression sur ImageView, il est basé sur la réponse Mark Hetherington.

Donc, mon animation se présente comme suit:

<?xml version="1.0" encoding="utf-8"?> 
<rotate xmlns:android="http://schemas.android.com/apk/res/android" 
       android:pivotX="50%" 
       android:pivotY="50%" 
       android:fromDegrees="0" 
       android:toDegrees="-360" 
       android:duration="100" 
       android:drawable="@drawable/ic_loop_black_24dp" 
    /> 

icône vient de https://material.io/icons/

alors ma mise en page contient un ImageView comme suit:

 <ImageView 
      android:id="@+id/progress" 
      android:layout_marginTop="0dp" 
      android:layout_marginLeft="-3dp" 
      android:layout_width="30dp" 
      android:layout_height="30dp" 

      android:visibility="gone" 
      android:scaleType="fitCenter" 
      android:background="@drawable/progress_anim" 
      android:layout_gravity="center_horizontal|center_vertical" 
      /> 

et enfin dans le code quand je dois montrer l'animation que je fais:

RotateDrawable rotateDrawable = ((RotateDrawable)progressImage.getBackground()); 
    ObjectAnimator anim = ObjectAnimator.ofInt(rotateDrawable, "level", 0, 10000); 
    anim.setDuration(1000); 
    anim.setRepeatCount(ValueAnimator.INFINITE); 
    anim.start();