it-swarm.it

Android animazione in scala visualizzata

Voglio usare ScaleAnimation (programmaticamente non in xml) per modificare l'altezza per visualizzare dallo 0 al 60% dell'altezza principale. La larghezza della vista è costante ed è di 50 px. La vista è vuota è impostato solo il colore di sfondo.

Qualcuno può darmi il codice per scaleAnim usando ScaleAnimation dal codice.

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:orientation="vertical"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:id="@+id/layContainer
    >
<View  
    Android:layout_width="50px" 
    Android:layout_height="fill_parent" 
    Android:id="@+id/viewContainer" 
    Android:background:"#00f00"
    />

</LinearLayout>


ScaleAnimation scaleAnim = new ScaleAnimation(...);

view before and after animation

visualizzare l'animazione prima e dopo. Grazie

53
Jovan

Ecco un codice per fare esattamente questo.

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);
}

Il costruttore ScaleAnimation utilizzato qui richiede 8 arg, 4 relativi alla gestione della scala X di cui non ci interessa (1f, 1f, ... Animation.RELATIVE_TO_SELF, 0f, ...).

Gli altri 4 argomenti sono per il ridimensionamento a Y che ci interessa.

startScale, endScale - Nel tuo caso, useresti 0f, 0.6f.

Animation.RELATIVE_TO_SELF, 1f: Specifica dove viene compresso il restringimento della vista (indicato come perno nella documentazione). Qui, impostiamo il valore float su 1f Perché vogliamo che l'animazione inizi a far crescere la barra dal basso. Se volessimo che scendesse dall'alto verso il basso, utilizzeremmo 0f.

Infine, e altrettanto importante, è la chiamata a anim.setFillAfter(true). Se si desidera che il risultato dell'animazione rimanga attivo al termine dell'animazione, è necessario eseguirlo sull'animatore prima di eseguire l'animazione.

Quindi, nel tuo caso, puoi fare qualcosa del genere:

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

prova questo codice per creare l'animazione in scala senza usare xml

ScaleAnimation animation = new ScaleAnimation(fromXscale, toXscale, fromYscale, toYscale, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
47
ilango j

In XML, questo è quello che uso per ottenere lo stesso risultato. Può essere questo è più intuitivo.

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>

Vedi l'animazione sull'asse X è di 1.0 -> 1.0 il che significa che non hai alcun ridimensionamento in quella direzione e rimane alla massima larghezza mentre, sull'asse Y ottieni 0.0 -> 1.0 ridimensionamento, come mostrato nell'immagine nella domanda. Spero che questo aiuti qualcuno.

Alcuni potrebbero voler conoscere il Java come ne vediamo uno richiesto.

Posiziona i file di animazione nella cartella anim, quindi carica e imposta i file di animazione in modo simile.

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

Usa questo metodo

Se vuoi scala al quarto (metà x, metà y)

view.animate().scaleX(0.5f).scaleY(0.5f)

Se vuoi scala e spostati in basso a destra

view.animate().scaleX(0.5f).scaleY(0.5f)
        .translationY((view.height/4).toFloat()).translationX((view.width/4).toFloat())

Se vuoi passare a in alto usa (-view.height/4) E per a sinistra (-view.width/4)

Se vuoi fare qualcosa al termine dell'animazione usa la funzione withEndAction(Runnable runnable).

Puoi usare alcune altre proprietà come alfa e rotazione

Codice completo

view.animate()
      .scaleX(0.5f).scaleY(0.5f)//scale to quarter(half x,half y)
      .translationY((view.height/4).toFloat()).translationX((view.width/4).toFloat())// move to bottom / right
      .alpha(0.5f) // make it less visible
      .rotation(360f) // one round turns
      .setDuration(1000) // all take 1 seconds
      .withEndAction(new Runnable() {
           @Override
           public void run() {
              //animation ended
           }
      });
6
Radesh

Ridimensiona usando metodi di supporto e gestori inizio-ripetizione-fine in questo modo:

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

  return null;
}

Metodi di supporto:

/**
 * 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();
        }
      }  
    }
  });
}
1
Zon
public void expand(final View v) {
        ScaleAnimation scaleAnimation = new ScaleAnimation(1, 1, 1, 0, 0, 0);
        scaleAnimation.setDuration(250);
        scaleAnimation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                v.setVisibility(View.INVISIBLE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
        v.startAnimation(scaleAnimation);
    }

    public void collapse(final View v) {
        ScaleAnimation scaleAnimation = new ScaleAnimation(1, 1, 0, 1, 0, 0);
        scaleAnimation.setDuration(250);
        scaleAnimation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                v.setVisibility(View.VISIBLE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
        v.startAnimation(scaleAnimation);
    }
0
Tomash VK