在动画期间保持视图在顶部

Keep View on top during animation

我无法在 Activity 转换期间将视图保持在顶部。卡片左侧的图片是一个共享元素,扩展到第二个 activity 的一半,我有一个从底部滑入的 FAB。我有饮料的ImageView作为共享元素过渡,FAB是从底部滑动过渡

FAB在滑动动画的过程中,停留在ImageView的下方,如第二张图所示。然而,在完成动画后,它会弹出到 ImageView 的顶部,如您在第三张图片中所见。我在退出过渡期间遇到了同样的问题,当它开始滑动时它立即弹出到 ImageView 下面。

我希望 FAB 在整个过程中始终处于 ImageView 之上,我该如何实现它?

主要Activity:

辅助ActivityFAB还在滑动时:

副ActivityFAB滑动完毕时:

XML次要文件Activity:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/drinkImage"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        android:gravity="start"
        android:transitionName="@string/drink_image_transition"
        />

    <TextView
        android:padding="8dp"
        android:id="@+id/drinkName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:translationY="@dimen/detail_drink_name_vertical_offset"
        android:textSize="24sp"
        android:textColor="@color/text_primary"
        android:transitionName="@string/drink_name_transition"
        />

    <ImageButton
        android:id="@+id/fab"
        android:layout_width="@dimen/fab_size_normal"
        android:layout_height="@dimen/fab_size_normal"
        android:layout_margin="@dimen/add_button_margin"
        android:translationX="@dimen/detail_fab_horizontal_offset"
        android:translationY="@dimen/detail_fab_vertical_offset"
        android:background="@drawable/fab_shape"
        android:elevation="@dimen/elevation_low"
        android:src="@drawable/fab_ic_add"
        android:stateListAnimator="@anim/button_elevation"
        android:transitionName="fab_transition"
        />
</RelativeLayout>

辅助的 onCreate() 方法 activity:

@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.details_drink);

    //grab Drink parcel
    Drink d = getIntent().getParcelableExtra("drink");

    //set up image
    ImageView i = (ImageView) findViewById(R.id.drinkImage);
    i.setImageDrawable(this.getResources().getDrawable(d.getImageResourceID(this)));

    //set up text
    TextView t = (TextView) findViewById(R.id.drinkName);
    t.setText(d.name);

    Transition ts = new Slide();

    //don't want status bar and navigation bar to slide across screen
    ts.excludeTarget(android.R.id.statusBarBackground, true);
    ts.excludeTarget(android.R.id.navigationBarBackground, true);
    ts.setDuration(3000);

    getWindow().setEnterTransition(ts);
    getWindow().setExitTransition(ts);

    //This line gets it to work! As Pavel suggested
    //getWindow().setSharedElementsUseOverlay(false);
}

默认情况下 Android 使用 ViewOverlay 进行 Activity 转换。这就是共享元素绘制在其他所有元素之上的原因。

您可以在开始转换前调用 getWindow().setSharedElementsUseOverlay(false); 来禁用此功能。这应该告诉 Android 在动画期间使用原始视图层次结构