Elementi condivisi che animano tra i frammenti

Question

Sto tentando di animare 2 viste semplici da un elemento selezionato in un RecyclerView a un nuovo frammento. Ho esaminato molti esempi di animazione di elementi condivisi da un'attività a un'altra attività, ma pochissimi esempi di animazione di un elemento condiviso da un frammento a un altro frammento all'interno della stessa attività. Funziona quasi.

Ecco la mia struttura.

Attività

- Fragment1 schermo intero con RecyclerView

- Fragment2 schermo intero con dettagli

Quando l'utente seleziona un elemento della RecyclerView in Fragment1, sostituisco Fragment1 con Fragment2 che ha una vista con gli elementi condivisi in essa in diverse posizioni e dimensioni.

C'è un trucchetto per farlo funzionare, devi assicurarti che il tuo nome di transizione sia univoco per ogni elemento nel tuo elenco, e naturalmente che transitionName deve corrispondere al nome di transizione dell'elemento in Fragment2 per l'animazione a giocare. Ho questa parte funzionante, quando seleziono un oggetto, le 2 viste condivise si animano, solo non esattamente come ci si aspetterebbe nel farlo tra 2 attività.

Se seleziono un elemento nella parte inferiore dello schermo, disegna la vista per Fragment2 e anima le 2 viste condivise come se fossero nell'elemento nella parte superiore dello schermo. Difficile da spiegare. Ecco alcune immagini

Fragment1

Fragment2

In entrambi i frammenti sto impostando la seguente

 setSharedElementEnterTransition(new ChangeBounds()); 
     setSharedElementReturnTransition(new ChangeBounds()); 
     setAllowEnterTransitionOverlap(true); 
     setAllowReturnTransitionOverlap(true); 

anche nella loro attività principale in onCreate() ho set

 getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS); 

Qualche idea sul perché le mie animazioni di elementi condivise inizino nella parte superiore del mio schermo anche quando sono state avviate nell'elemento selezionato nella parte inferiore dello schermo?

Answer 1

Finalmente risolto questo problema! Come risulta perché la vista che sto condividendo tra 2 frammenti è figlia di un'altra vista (RelativeLayout) nel 2 ° frammento, devi aggiungere la transizione ChangeTransform al tuo TransitionSet. Apparentemente ChangeTransform dice al sistema di ricordare la posizione originale delle viste nel 1 ° frammento prima di animare alla nuova posizione nel 2 ° frammento. Ecco la mia transizione aggiornata. Pulirò un po 'anche il codice del mio progetto di test e daremo una spinta finale a bitbucket nel caso in cui aiuti gli altri dopo di me. Grazie per tutto l'aiuto con questo Alex e grazie a @ George-mount per aver risposto a una domanda simile a qualcuno che mi ha lasciato il suggerimento per questa soluzione.

<?xml version="1.0" encoding="utf-8"?> 

<transitionSet xmlns:android="http://schemas.android.com/apk/res/android"> 
    <changeTransform/> 
    <changeBounds/> 
</transitionSet> 

https://bitbucket.org/brockoli/fragmentsharedelements