TransitionDrawable: esegue automaticamente l'inversione della transizione una volta completata

Question

Desidero ingrandire gli oggetti ListView appena aggiunti con un bell'effetto. Ho pensato che fosse semplice & facile, ma mi sono accontentato di un problema:

Voglio riprodurre l'animazione TransitionDrawable e una volta completato - riavvolgilo. Il nuovo oggetto sarà highlited per un momento, quindi si fonderà con il resto.

TransitionDrawable dispone di metodi per riprodurre l'animazione in avanti e all'indietro, ma nessuna che potrebbe essere utilizzata per la sincronizzazione. Mi aspettavo una possibilità di specificare una funzione di callback per il completamento di animazione, qualcosa come:

TransitionDrawable transition = (TransitionDrawable) view.getBackground(); 
transition.startTransition(500, new TransitionCompleteListener(){ 
       public void completed() 
       { 
        transition.reverseTransition(500); 
       } 
     }); 

Ma niente di tutto questo è supportato dalla classe di TransitionDrawable.

Il problema è: come si gioca all'animazione TransitionDrawable e, al termine, si riproduce immediatamente all'indietro? Ho avuto l'idea di usare la classe Timer per ritardare l'esecuzione della parte all'indietro dell'animazione, ma questa soluzione sembra un po 'troppo pesante per una cosa così semplice.

O forse dovrei usare qualcosa di diverso da TransitionDrawable? Mi piacerebbe evitare l'uso di animazioni di proprietà, dal momento che voglio supportare i dispositivi più vecchi (e PA sono disponibili da Honeycomb).

Answer 1

Non ho effettivamente provato io stesso ancora, ma Direi che quello che stai mirando potrebbe anche essere possibile con un'animazione Vista vecchio stile, uno tween per essere precisi. Invece di manipolare direttamente il background drawable (supponendo che sia quello che stai facendo attualmente), potresti potenzialmente creare lo stesso effetto cambiando la proprietà alfa di una View che ha esattamente le stesse dimensioni del layout di riga. È quindi possibile specificare sia l'animazione 'normale' sia il suo contrario in un singolo AnimationSet e avere quest'ultimo con un ritardo basato sul primo. In alternativa, l'animazione fornisce uno AnimationListener a cui puoi collegarti e ricevere notifiche quando termina la prima animazione e successivamente iniziare il suo contrario.

Guardando il codice sorgente per TransitionDrawable, vedo anche alcune possibilità per estendere l'implementazione corrente con un'interfaccia listener personalizzata. Non dovrebbe essere troppo difficile rendersi conto del pattern che illustri nello snippet di codice nella tua domanda.

In questo momento sono un po 'in ritardo, quindi mandatemi un commento nel caso in cui abbiate bisogno di ulteriori indicatori concreti (ad esempio frammenti di codice) - cercherò quindi di trovare un po' di tempo questo weekend per aiutarvi.

Answer 2

analizzare completamente utilizzando ViewAnimator invece http://developer.android.com/reference/android/widget/ViewAnimator.html

Il dentro e fuori oggetto di animazione attaccato al ViewAnimator avere un AnimationListener che fa scattare l'evento che si desidera catturare

Answer 3

Forse si potrebbe provare questo:

Drawable[] transBack = new Drawable[] { res.getDrawable(R.drawable.ic_acept_blue), res.getDrawable(R.drawable.ic_acept)}; 

ImageView btn = (ImageView) findViewById(R.id.resource); 
TransitionDrawable transitionAcept = new TransitionDrawable(transBack); 
btn.setImageDrawable(transitionAcept); 

btn.setOnTouchListener(new View.OnTouchListener() { 
    @Override 
    public boolean onTouch(View v, MotionEvent event) { 
     // TODO Auto-generated method stub 
     switch (event.getAction()) { 
     case MotionEvent.ACTION_DOWN:{ 
      TransitionDrawable transition = (TransitionDrawable) btn.getDrawable(); 
      transition.startTransition(75); 
     }break; 
     case MotionEvent.ACTION_UP:{ 
      TransitionDrawable transition = (TransitionDrawable) btnAcept.getDrawable(); 
      transition.reverseTransition(75); 
      v.performClick(); 
     }break; 
     default: 
     break; 
    } 
    return true; 
} 
}); 
btn.setOnClickListener(new View.OnClickListener() { 
    @Override 
    public void onClick(View v) { 
     //... DO Something here 
    } 
}); 

Il codice di cui sopra implementa un TouchListener per gestire inversione e di transizione in avanti, e un clickListener per gestire le vostre azioni. Ecco perché nel MotionEvent.ACTION_UP chiami per v.performClick(); Spero che questo ti aiuti.

Answer 4

Ho esteso l'implementazione di TransitionDrawable (effettivamente copiato e modificato) per accettare un parametro repeatCount che indica quante volte effettuare la transizione avanti e indietro. Vedere lo RepeatableTransitionDrawable nel repository sottostante.

Ho anche in programma di aggiungere più di due supporti estraibili.

https://github.com/mehmet6parmak/CustomDrawables

Answer 5

prova con un Handler;)

final TransitionDrawable transition = (TransitionDrawable) sizesSelectionLayout.getBackground(); 
int duration = 500; 
transition.startTransition(duration); 
new Handler().postDelayed(new Runnable() { 
    @Override 
    public void run() { 
     transition.reverseTransition(duration); 
    } 
}, duration); 

;)