FragmentTransaction动画滑入顶部

Question

我正在尝试使用FragmentTransaction实现以下效果。设置自定义动画。

1. 片段A正在显示
2. 将片段A替换为片段B。在替换过程中，片段A应该保持可见。片段B应该从右侧滑入。片段B应该在片段A的顶部滑动。

我在动画设置中获得幻灯片没有问题。我的问题是，当幻灯片在动画中运行时，我不知道如何使片段A停留在它所在的位置，并处于片段B之下。不管我怎么做，碎片A似乎在上面。

我怎样才能做到这一点？

这是FragmentTransaction代码：

FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
ft.setCustomAnimations(R.anim.slide_in_right, R.anim.nothing, R.anim.nothing,
    R.anim.slide_out_right);
ft.replace(R.id.fragment_content, fragment, name);
ft.addToBackStack(name);
ft.commit();

正如你所看到的，我已经为"out"动画定义了一个动画R.anim.nothing，因为我实际上不希望片段A做任何事情，而不仅仅是在交易期间停留在原地。

以下是动画资源：

slide_in_right.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_mediumAnimTime"
    android:fromXDelta="100%p"
    android:toXDelta="0"
    android:zAdjustment="top" />

没有什么xml

<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_mediumAnimTime"
    android:fromAlpha="1.0"
    android:toAlpha="1.0"
    android:zAdjustment="bottom" />

Answer 1

我找到了一个适合我的解决方案。最后，我用了一个带有FragmentStatePagerAdapter的ViewPager。ViewPager提供滑动行为，FragmentStatePagerAdapter在片段中交换。最后一个技巧是使用PageTransformer，让一个页面在进入页面的“下方”可见。PageTransformer会覆盖ViewPager在页面之间的默认转换。下面是一个PageTransformer示例，它通过在左侧页面上进行翻译和少量缩放来实现效果。

public class ScalePageTransformer implements PageTransformer {
    private static final float SCALE_FACTOR = 0.95f;

    private final ViewPager mViewPager;

    public ScalePageTransformer(ViewPager viewPager) {
            this.mViewPager = viewPager;
    }

    @SuppressLint("NewApi")
    @Override
    public void transformPage(View page, float position) {
        if (position <= 0) {
            // apply zoom effect and offset translation only for pages to
            // the left
            final float transformValue = Math.abs(Math.abs(position) - 1) * (1.0f - SCALE_FACTOR) + SCALE_FACTOR;
            int pageWidth = mViewPager.getWidth();
            final float translateValue = position * -pageWidth;
            page.setScaleX(transformValue);
            page.setScaleY(transformValue);
            if (translateValue > -pageWidth) {
                page.setTranslationX(translateValue);
            } else {
                page.setTranslationX(0);
            }
        }
    }

}

Answer 2

我不知道你是否还需要一个答案，但我最近也需要这样做，我找到了一种方法来做你想做的事。

我做了这样的东西：

FragmentManager fm = getFragmentManager();
FragmentTransaction ft = fm.beginTransaction();

MyFragment next = getMyFragment();

ft.add(R.id.MyLayout,next);
ft.setCustomAnimations(R.anim.slide_in_right,0);
ft.show(next);
ft.commit();

我在框架布局中显示我的片段。

它可以很好地工作，但在我看来，旧的片段仍然存在，我让android像他希望的那样管理它，因为如果我把：

ft.remove(myolderFrag);

它在动画期间不显示。

slide_in_right.xml

    <?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate android:duration="150" android:fromXDelta="100%p" 
android:interpolator="@android:anim/linear_interpolator"
android:toXDelta="0" />
 </set>

Answer 3

从片段库1.2.0开始，修复此问题的推荐方法是将FragmentContainerView与FragmentTransaction一起使用。setCustomAnimations（）。

根据留档：

对于FragmentContainerView，使用退出动画的片段会在所有其他片段之前绘制。这可确保退出的片段不会出现在视图顶部。

解决此问题的步骤是：

1. 将片段库更新到1.2.0或更多androidx.fragment： fraank： 1.2.0；
2. 替换您的xml片段容器（

从Lollipop开始，你可以增加进入片段的反翻译Z。它将出现在退出的页面上方。

例如：

@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    ViewCompat.setTranslationZ(getView(), 100.f);
}

如果只想在动画期间修改translationZ值，则应执行以下操作：

@Override
public Animation onCreateAnimation(int transit, final boolean enter, int nextAnim) {
    Animation nextAnimation = AnimationUtils.loadAnimation(getContext(), nextAnim);
    nextAnimation.setAnimationListener(new Animation.AnimationListener() {

        private float mOldTranslationZ;

        @Override
        public void onAnimationStart(Animation animation) {
            if (getView() != null && enter) {
                mOldTranslationZ = ViewCompat.getTranslationZ(getView());
                ViewCompat.setTranslationZ(getView(), 100.f);
            }
        }

        @Override
        public void onAnimationEnd(Animation animation) {
            if (getView() != null && enter) {
                ViewCompat.setTranslationZ(getView(), mOldTranslationZ);
            }
        }

        @Override
        public void onAnimationRepeat(Animation animation) {
        }
    });
    return nextAnimation;
}