Android animation d'échelle sur la vue

Voici une capture du code pour faire exactement cela.

public void scaleView(View v, float startScale, float endScale) {
    Animation anim = new ScaleAnimation(
            1f, 1f, //Start and end values for the X axis scaling
            startScale, endScale, //Start and end values for the Y axis scaling
            Animation.RELATIVE_TO_SELF, 0f, //Pivot point of X scaling
            Animation.RELATIVE_TO_SELF, 1f); //Pivot point of Y scaling
    anim.setFillAfter(true); //Needed to keep the result of the animation
    anim.setDuration(1000);
    v.startAnimation(anim);
}

La ScaleAnimation constructeur utilisé ici prend 8 args, 4 liées à la manipulation de la X-échelle, nous ne nous soucions pas (1f, 1f, ... Animation.RELATIVE_TO_SELF, 0f, ...).

Les 4 autres arguments sont pour le Y-graduation nous nous soucions.

startScale, endScale - Dans votre cas, vous devriez utiliser 0f, 0.6f.

Animation.RELATIVE_TO_SELF, 1f - Il indique où la diminution de la vue s'effondre à (appelé pivot dans la documentation). Ici, nous avons défini la valeur flottante à 1f parce que nous voulons que l'animation lancer dans la culture de la barre du bas. Si on voulait pousser à la baisse depuis le sommet, nous utiliserions 0f.

Enfin, et tout aussi important, est l'appel à anim.setFillAfter(true). Si vous souhaitez que le résultat de l'animation à tenir une fois l'animation terminée, vous devez l'exécuter sur l'animateur avant l'exécution de l'animation.

Donc dans votre cas, vous pouvez faire quelque chose comme ceci:

View v = findViewById(R.id.viewContainer);
scaleView(v, 0f, .6f);

En XML, ce que j'ai utiliser pour atteindre le même résultat. Peut-être que c'est plus intuitif.

scale_up.xml

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

<scale
    android:duration="200"
    android:fromXScale="1.0"
    android:fromYScale="0.0"
    android:pivotX="50%"
    android:pivotY="100%"
    android:toXScale="1.0"
    android:toYScale="1.0" />

</set>

scale_down.xml

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

<scale
    android:duration="200"
    android:fromXScale="1.0"
    android:fromYScale="1.0"
    android:pivotX="50%"
    android:pivotY="100%"
    android:toXScale="1.0"
    android:toYScale="0.0" />

</set>

Voir l'animation sur l'axe des X est de 1.0 -> 1.0 ce qui signifie que vous n'avez pas de mise à l'échelle dans cette direction et séjours à la pleine largeur, tandis que, sur l'axe Y, vous obtenez 0.0 -> 1.0 de mise à l'échelle, comme le montre le graphique de la question. Espérons que cela aide quelqu'un.

Certains pourraient vouloir savoir le code java comme nous le voyons celui demandé.

Place les fichiers d'animation dans anim dossier et ensuite chargez et fichiers d'animation quelque chose comme.

Animation scaleDown = AnimationUtils.loadAnimation(youContext, R.anim.scale_down);
ImagView v = findViewById(R.id.your_image_view);
v.startAnimation(scaleDown);

Redimensionner à l'aide de méthodes d'aide et start-repeat-end gestionnaires comme ceci:

resize(
    view1,
    1.0f,
    0.0f,
    1.0f,
    0.0f,
    0.0f,
    0.0f,
    150,
    null,
    null,
    null);

  return null;
}

Méthodes d'aide:

/**
* Resize a view.
*/
public static void resize(
View view,
float fromX,
float toX,
float fromY,
float toY,
float pivotX,
float pivotY,
int duration) {
resize(
view,
fromX,
toX,
fromY,
toY,
pivotX,
pivotY,
duration,
null,
null,
null);
}
/**
* Resize a view with handlers.
*
* @param view     A view to resize.
* @param fromX    X scale at start.
* @param toX      X scale at end.
* @param fromY    Y scale at start.
* @param toY      Y scale at end.
* @param pivotX   Rotate angle at start.
* @param pivotY   Rotate angle at end.
* @param duration Animation duration.
* @param start    Actions on animation start. Otherwise NULL.
* @param repeat   Actions on animation repeat. Otherwise NULL.
* @param end      Actions on animation end. Otherwise NULL.
*/
public static void resize(
View view,
float fromX,
float toX,
float fromY,
float toY,
float pivotX,
float pivotY,
int duration,
Callable start,
Callable repeat,
Callable end) {
Animation animation;
animation =
new ScaleAnimation(
fromX,
toX,
fromY,
toY,
Animation.RELATIVE_TO_SELF,
pivotX,
Animation.RELATIVE_TO_SELF,
pivotY);
animation.setDuration(
duration);
animation.setInterpolator(
new AccelerateDecelerateInterpolator());
animation.setFillAfter(true);
view.startAnimation(
animation);
animation.setAnimationListener(new AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
if (start != null) {
try {
start.call();
} catch (Exception e) {
e.printStackTrace();
}
}
}
@Override
public void onAnimationEnd(Animation animation) {
if (end != null) {
try {
end.call();
} catch (Exception e) {
e.printStackTrace();
}
}
}
@Override
public void onAnimationRepeat(
Animation animation) {
if (repeat != null) {
try {
repeat.call();
} catch (Exception e) {
e.printStackTrace();
}
}  
}
});
}