Animation personnalisée dans Android

Plus souple (et très facile) de façon à créer une animation personnalisée est d'étendre Animation classe.

En général:

1. Régler la durée de votre animation à l'aide de setDuration() méthode.
2. Également de définir la interpolateur pour votre animation à l'aide de setInterpolator() (pour exapmle vous pouvez utiliser LinearInterpolator ou AccelerateInterpolator etc.)
3. Remplacer applyTransformation méthode. Ici, nous intéresse dans interpolatedTime variable qui change entre 0.0 et 1.0 et représentent la votre animation progrès.

Voici un exemple (que j'utilise cette classe pour modifier ofsset de mon Bitmap. Bitmap lui-même est établi dans draw méthode):

public class SlideAnimation extends Animation {

    private static final float SPEED = 0.5f;

    private float mStart;
    private float mEnd;

    public SlideAnimation(float fromX, float toX) {
        mStart = fromX;
        mEnd = toX;

        setInterpolator(new LinearInterpolator());

        float duration = Math.abs(mEnd - mStart) / SPEED;
        setDuration((long) duration);
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        super.applyTransformation(interpolatedTime, t);

        float offset = (mEnd - mStart) * interpolatedTime + mStart;
        mOffset = (int) offset;
        postInvalidate();
    }

}

Aussi vous pouvez modifier View en utilisant Transformation#getMatrix().

Mise à JOUR

Dans le cas si vous utilisez Android Animateur de cadre (ou de la compatibilité de la mise en œuvre - NineOldAndroids) il vous suffit de déclarer setter et getter pour votre personnalisé View de la propriété et de l'animer directement. Voici un autre exemple:

public class MyView extends View {

    private int propertyName = 50;

    /* your code */

    public int getPropertyName() {
        return propertyName;
    }

    public void setPropertyName(int propertyName) {
        this.propertyName = propertyName;
    }

    /*
    There is no need to declare method for your animation, you 
    can, of course, freely do it outside of this class. I'm including code
    here just for simplicity of answer.
    */
    public void animateProperty() {
        ObjectAnimator.ofInt(this, "propertyName", 123).start();
    }

}

Je suppose que vous créer chaque image comme une image bitmap, puis de passer à l'Animation directement, au lieu d'obtenir le Drawable de ressources.

Bitmap bm = Bitmap.createBitmap(width,height,Bitmap.Config.ARGB_888);
Canvas c = new Canvas(bm);
.... Draw to bitmap
animation.addFrame(bm,50)
.... repeat for all frames you wish to add.

Il y a quatre types d'animation que vous pouvez ajouter à votre vue personnalisée.

1. alpha - animer la transparence de l'élément
2. traduire - animer la position de l'élément
3. échelle - animer la taille de l'élément
4. rotation - animer la rotation de l'élément

Ici est un post de blog qui explique chacun d'eux en détail.

Une fois que vous avez terminé avec la création d'une animation, il suffit d'utiliser le code ci-dessous pour ajouter que la coutume de l'animation de la vue.

findById(R.id.element).startAnimation(AnimationUtils.loadAnimation(this, R.anim.custom_animation));