在片段之间动画的共享元素

bro*_*oli 20 android android-fragments shared-element-transition fragment-transitions android-recyclerview

我正在尝试将RecyclerView中所选项目的2个简单视图设置为新片段.我已经查看了很多将共享元素从一个Activity动画到另一个Activity的示例,但很少有动画将共享元素从一个Fragment动画到同一个Activity中的另一个Fragment的示例.它几乎可以工作.

这是我的结构.

活动

- 使用RecyclerView的全屏Fragment1

- 带有详细信息的全屏Fragment2

当用户在Fragment1中的RecyclerView中选择一个项目时,我将Fragment1替换为具有View的Fragment2,其中包含不同位置和大小的共享元素.

要使它工作有一些技巧,你必须确保你的transitionName对于列表中的每个项都是唯一的,当然,transitionName必须与Fragment2中元素的transitionName匹配才能播放动画.我有这个部分工作,当我选择一个项目时,2个共享视图会动画,而不是在2个活动之间进行动画时的预期.

如果我在屏幕底部附近选择一个项目,它会绘制View for Fragment2并为2个共享视图设置动画,就好像它们位于屏幕顶部的项目中一样.难以解释.这是一些照片

片段1 选择列表底部附近的项目

Fragment2 我希望蓝线从底部到顶部动画,但它从顶部开始并且只在水平方向上增长,黄色线我希望保持在底部附近但水平增长,但它从屏幕顶部开始并动画下来

在这两个片段中我都设置了以下内容

        setSharedElementEnterTransition(new ChangeBounds());
        setSharedElementReturnTransition(new ChangeBounds());
        setAllowEnterTransitionOverlap(true);
        setAllowReturnTransitionOverlap(true);
Run Code Online (Sandbox Code Playgroud)

同样在他们的onCreate()中的父Activity中我已经设置了

        getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
Run Code Online (Sandbox Code Playgroud)

知道为什么我的共享元素动画从我的屏幕顶部开始,即使它们是在屏幕底部的选定项目中开始的吗?

bro*_*oli 37

终于解决了这个问题!事实证明,因为我在2个片段之间共享的视图是第二个片段中另一个视图(RelativeLayout)的子视图,所以需要将ChangeTransform过渡添加到TransitionSet.显然,ChangeTransform告诉系统在动画到第二个片段中的新位置之前,记住第一个片段中的视图原始位置.这是我更新的transitionSet.我还会稍微清理我的测试项目代码并最终推送到bitbucket以防万一它会帮助其他人.感谢Alex对这一个人的所有帮助,并感谢@ George-mount回答了类似的问题,这个问题对我的解决方案没有任何暗示.

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

<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
    <changeTransform/>
    <changeBounds/>
</transitionSet>
Run Code Online (Sandbox Code Playgroud)

https://bitbucket.org/brockoli/fragmentsharedelements