android - 带有 float 操作按钮的共享元素过渡

Question

我有一个 RecyclerView，其中包含一些卡片，每张卡片都包含一个迷你 float 操作按钮。单击卡片时，卡片上的图像和 fab 将用于共享元素转换。

在执行返回过渡时， float 操作按钮会“快速”回到其原始位置，而不是像它应该的那样很好地动画。

这是显示问题的 gif:https://gfycat.com/SnappySeparateDeer

我的代码开始 Activity 和转换:

Intent intent = new Intent(mContext, PlayActivity.class);

                Pair<View, String> p1 = Pair.create((View)holder.coverArt, "coverArt");
                Pair<View, String> p2 = Pair.create((View) holder.fab, "fab");
                ActivityOptionsCompat options = ActivityOptionsCompat.
                        makeSceneTransitionAnimation(mActivity, p1, p2);

                mContext.startActivity(intent, options.toBundle());

卡片上的迷你工厂:

<android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            app:fabSize="mini"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            app:layout_anchor="@id/coverArt"
            app:layout_anchorGravity="bottom|right|end"
            android:src="@drawable/ic_favorite"
            android:layout_margin="16dp"
            android:clickable="true"
            android:transitionName="fab"/>

和 Activity 中的那个:

<android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        app:layout_anchor="@id/coverArt"
        app:layout_anchorGravity="bottom|right|end"
        android:src="@drawable/ic_favorite"
        android:layout_margin="16dp"
        android:clickable="true"
        android:transitionName="fab"/>

编辑: 我想增加赏金，但似乎由于某种原因该功能未在 SO 中实现。我很确定我可以为正确答案添加额外的赏金点数，因此将再添加一个 +50。谢谢!

Answer 1

尝试按如下所述保持窗口和 fragment 退出/进入过渡:

<?xml version="1.0" encoding="utf-8"?>
<fade xmlns:android="http://schemas.android.com/apk/res/" android:duration="500"/>

共享元素转换为:

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
           android:duration="500"
           android:interpolator="@android:interpolator/decelerate_cubic">
    <changeBounds>
    <arcMotion
        android:maximumAngle="90"
        android:minimumHorizontalAngle="90"
        android:minimumVerticalAngle="0" />

    </changeBounds>
</transitionSet>

我不确定 ImageView 以外的任何东西是否具有正确的过渡效果。我尝试了上次制作的自定义 View ，在进入转换时遇到了类似的问题，而返回是完美的。