将transitionSet应用于片段内容转换中的单个视图会产生重复的视图效果

时间:2016-03-21 15:17:40

标签: android android-fragments android-transitions

我的目标是在片段之间创建内容过渡,其中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语法没有问题。

有人做过这项工作吗?

提前致谢!

1 个答案:

答案 0 :(得分: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) {
        ...
    }
}

现在它正在工作。