Android共享元素转换错误

时间:2016-09-14 22:45:01

标签: android android-animation android-transitions shared-element-transition

正如您在此video中所看到的,我正在尝试为新活动的开放制作动画。在打开活动时,图像会正常动画,但在返回时会失败(我使用supportFinishAfterTransition()

我已尝试过我在这里或谷歌上找到的各种方法,但没有任何效果,即:

在res / transition下定义转换:

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

然后在主要活动的样式和我打开的样式中使用它:

<!-- enable window content transitions -->
<item name="android:windowActivityTransitions">true</item>
<!-- specify shared element transitions -->
<item name="android:windowSharedElementEnterTransition">
    @transition/change_image_transform</item>
<item name="android:windowSharedElementExitTransition">
    @transition/change_image_transform</item>

我也在我的java代码中尝试过相同的内容:

getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
getWindow().setSharedElementExitTransition(...);
getWindow().setSharedElementEnterTransition(...);

从我的观点持有人那里开始新活动:

private void openNewActivity() {
        String transitionName = "details";

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

        ViewCompat.setTransitionName(mImageView, transitionName);

        //noinspection unchecked
        ActivityOptionsCompat options =
                ActivityOptionsCompat.makeSceneTransitionAnimation((MainActivity)mContext,
                        mImageView,   // The view which starts the transition
                        transitionName    // The transitionName of the view we’re transitioning to
                );


        ActivityCompat.startActivity((MainActivity) mContext, intent, options.toBundle());
    }

这是启动动画的ImageView:

<ImageView
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:id="@+id/business_card_image"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop" />

这是第二个应该为其设置动画的ImageView:

<ImageView
            android:id="@+id/business_card_image"
            android:layout_width="match_parent"
            android:layout_height="180dp"
            android:scaleType="centerCrop"
            android:fitsSystemWindows="@bool/isFitSystemWindows"
            android:transitionName="@string/transition_card_details"
            app:layout_collapseMode="parallax" />

PS:我使用Glide加载图像,因为这是用户创建的内容,我无法控制图像的宽高比。

Glide.with(mContext)
     .load(toLoad)
     .fitCenter()
     .centerCrop()
     .crossFade()
     .into(mImageView);

我几周来一直在努力解决这个问题,而我似乎无法克服它。

为什么无法为其边界设置动画?

谢谢!

更新:显然这个错误与图像宽度有关。如果我将宽度设置为常量(例如200dp),则动画在两种方式下运行都很好,但如果我将图像宽度设置为match_parent,则返回动画将被破坏。

UPDATE2:我几乎可以说这个bug与图片加载lib有关(Glide或Picasso都有这个问题)

1 个答案:

答案 0 :(得分:5)

显然,问题已在herehere之前进行了描述。问题来自图像加载器。

诀窍是将.dontTransform()

一起使用
ActivityCompat.postponeEnterTransition(this)
ActivityCompat.startPostponedEnterTransition(ActivityCardDetails.this)

仅在正确加载图像时播放动画。