La transizione dell'elemento condiviso Android tra due attività non funziona

Question

Nella mia app sto provando a utilizzare la condivisione di elementi introdotta di recente tra le attività. Tutto funziona come un incantesimo se l'elemento condiviso è in posizione fissa (ad esempio android:layout_gravity="top") ma il problema si presenta quando la vista è ancorata.

La mia prima attività si presenta così:

<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/tools" 
    xmlns:auto="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.v4.view.ViewPager 
     android:id="@+id/pager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 
     ... 
    </android.support.design.widget.AppBarLayout> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/play_all" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|right" 
     android:layout_margin="24dp"/> 

</android.support.design.widget.CoordinatorLayout> 

mia seconda attività si presenta così

<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:auto="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/list" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" /> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/play" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="16dp" 
     android:elevation="10dp" 
     android:src="@drawable/ic_action_play" 
     auto:layout_anchor="@+id/appbar" 
     android:transitionName="fab_button" 
     auto:layout_anchorGravity="bottom|right" /> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_width="match_parent" 
     android:layout_height="192dp"> 
     ... 
    </android.support.design.widget.AppBarLayout> 

    ... 

</android.support.design.widget.CoordinatorLayout> 

Il codice che uso è il seguente:

Intent intent = ...; 
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this, view, "fab_button"); 
startActivity(intent, options.toBundle()); 

Se uso il layout_anchor e layout_anchorGravity attributi la transizione tra i due FAB è fatta senza animazione. Se il secondo FAB è in posizione fissa, funziona perfettamente. Che cosa sto facendo di sbagliato?

Answer 1

Attività Elementi condivisi Transizioni:

Seguire i passaggi.

1. Enable Window Content Transitions
2. Assign a Common Transition Name
3. Start Activity
4. Multiple Shared Elements
5. Customizing Shared Elements Transition

penso che non si dispone di seguire il secondo passo. Avevi dato android:transitionName="fab_button" in Secondo Activity ma non dato in Prima Activity.

XML di primo Activity (aggiunto android:transitionName="fab_button"):

<android.support.design.widget.FloatingActionButton 

     android:transitionName="fab_button" 

     android:id="@+id/play_all" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|right" 
     android:layout_margin="24dp"/> 

maggio sopra link vi aiuta.

Answer 2

Si dovrebbe avere anche il nome di transizione nell'attività di ricezione. Controlla il mio codice.

prima azione

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="@dimen/fab_margin" 
     android:src="@drawable/ic_register" 
     android:transitionName="@string/transition"/> 

</android.support.design.widget.CoordinatorLayout> 

e la seconda attività xml

<android.support.design.widget.CoordinatorLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:fitsSystemWindows="true" 
android:transitionName="@string/transition" 
tools:context="com.example.shoppingappdemo.RegiserActivity"> 

Answer 3

Questo potrebbe essere un po 'tardi, ma ho trovato un modo per aggirare il problema. Devi avvolgere il tuo elemento condiviso in un layout e mettere l'ancora su quel layout:

<FrameLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     auto:layout_anchor="@+id/appbar" 
     auto:layout_anchorGravity="bottom|right"> 

    <android.support.design.widget.FloatingActionButton 
      android:id="@+id/play" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margin="16dp" 
      android:elevation="10dp" 
      android:src="@drawable/ic_action_play" 
      android:transitionName="fab_button" /> 

<FrameLayout/>