将transitionSet应用于Fragment内容过渡中的单个View会产生重复的视图效果

Question

我的目标是在片段之间创建内容转换，其中Fade（）和Slide（）仅应用于片段上的一个视图。执行过渡（在这种情况下为exitTransition）时，视觉效果是视图被复制，一个副本滑动，另一个副本淡化，而不是视图同时滑移和褪色。

一些代码：

Fragment currentFragment = getSupportFragmentManager().getFragments().get(0);
Fragment fragment = EmailSearchFragment.newInstance();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    fragment.setEnterTransition(new Slide(Gravity.RIGHT)); 
    currentFragment.setExitTransition(TransitionInflater.from(this).inflateTransition(R.transition.slide_and_fade));             
}

getSupportFragmentManager()
    .beginTransaction()
    .replace(R.id.fragment_container, fragment)
    .addToBackStack(null)
    .commit();

这里是过渡：

public class DetailsTransition extends TransitionSet {
    public DetailsTransition() {
        init();
    }

    /**
     * This constructor allows us to use this transition in XML
     */
    public SlideAndFadeTransitionSet(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        setOrdering(ORDERING_TOGETHER);
        addTransition(new Fade()).
        addTransition(new Slide(Gravity.TOP));
    }
}

并且，这里的xml以过渡的单一视图为目标：

<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android" class="com.adidas.connect.app.transition.DetailsTransition">
    <targets>
        <target android:targetId="@id/social_buttons"/>
    </targets>
</transition>

我也尝试在XML中使用过渡集，但是得到了相同的结果，因此我将过渡集移到了一个新类中，以确保针对单个视图的xml语法没有问题。

有人做这项工作吗？

提前致谢！

Answer 1

作为解决方法，我创建了自己的 CustomTransitions，其中应用了两种效果：

public class Stack extends Visibility {

    public Stack(Context context, AttributeSet attributteSet) {
        super(context, attributteSet);
    }

    @Override
    public Animator onDisappear(ViewGroup sceneRoot, View view,
                                TransitionValues startValues, TransitionValues endValues) {
        if (startValues == null) {
            return null;
        }

        Animator slideTop = ObjectAnimator.ofFloat(view, View.TRANSLATION_Y, 0, -sceneRoot.getHeight());
        Animator fadeOut = ObjectAnimator.ofFloat(view, View.ALPHA, 1, 0);

        AnimatorSet animSet = new AnimatorSet();
        animSet.play(slideTop)
                .with(fadeOut);

        return  animSet;
    }

    @Override
        public Animator onAppear(ViewGroup sceneRoot, View view, TransitionValues startValues, TransitionValues endValues) {
        ...
    }
}

现在它正在发挥作用。