Animazione dell'altezza del contenitore LinearLayout con ValueAnimator

Question

Ho un LinearLayout che uso come contenitore per alcuni pulsanti e viste di testo che vorrei animare l'altezza per dare un'impressione del layout che scorre verso il basso quando l'utente preme un " mostra "pulsante.

Ho impostato LinearLayout su layout_height = "0dp" e visibility = "gone" nel mio xml. Quindi desidero impostarlo per essere visibile e qualunque altezza sia necessaria per avvolgere il contenuto. Al momento sto avendo problemi anche a livello di animazione, non importa l'altezza del contenuto del wrap.

Ecco il mio metodo per l'animazione:

private void toggle(final LinearLayout v) { 
    v.setVisibility(View.VISIBLE); 
    ValueAnimator va = ValueAnimator.ofInt(0, 300); 
    va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
     public void onAnimationUpdate(ValueAnimator animation) { 
      Integer value = (Integer) animation.getAnimatedValue(); 
      v.getLayoutParams().height = value.intValue(); 
      v.invalidate(); 

     } 
    }); 

    va.start(); 
} 

Forse il problema è come io pongo l'altezza del LinearLayout? O sto fraintendendo la funzione di ValueAnimator? Ho guardato intorno al post del blog di Chet Haase ma non contengono esempi specifici di animazione in altezza. Né sono stato in grado di trovare e buoni esempi di come lavorare con le animazioni di altezza utilizzando API da 3.0+. Mi piacerebbe un aiuto su questo, grazie!

Answer 1

Guardando questo post del blog: http://tech.chitgoks.com/2011/10/29/android-animation-to-expand-collapse-view-its-children/ Ho scoperto che non dovrei usare view.invalidate() per ridisegnare il layout. Dovrei usare view.requestLayout().

Così il codice diventa qualcosa di simile:

ValueAnimator va = ValueAnimator.ofInt(0, height); 
    va.setDuration(700); 
    va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
     public void onAnimationUpdate(ValueAnimator animation) { 
      Integer value = (Integer) animation.getAnimatedValue(); 
      v.getLayoutParams().height = value.intValue(); 
      v.requestLayout(); 
     } 
    }); 

Volevo solo aggiungere una nota su come ottenere l'altezza del LinearLayout anche per rendere l'animazione dinamica. Per ottenere l'altezza tutte le viste devono essere disegnate per prime. Quindi dobbiamo ascoltare un evento che ci dice che il disegno è fatto. Questo può essere fatto dal metodo onResume() come questo (si noti che nel mio xml ho dichiarato il contenitore wrap_content per l'altezza ed è anche visibile, dal momento che voglio nasconderlo dall'inizio lo faccio dopo averlo misurato):

@Override 
    public void onResume() { 
     super.onResume(); 
     final ViewTreeObserver vto = filterContainer.getViewTreeObserver(); 
     vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() { 
      @Override 
      public void onGlobalLayout() { 
       height = filterContainer.getHeight(); 
       filterContainer.setVisibility(View.GONE); 
       filterContainer.getLayoutParams().height = 0; 
       filterContainer.requestLayout(); 
       ViewTreeObserver obs = filterContainer.getViewTreeObserver(); 
       obs.removeGlobalOnLayoutListener(this); 
      } 
     }); 
    }