片段和幻灯片动画

Question

在花了相当多的时间寻找这个之后，我需要在这里请求帮助。

我有一系列片段，每个片段代表一个“页面”。 当用户转到他请求的下一页时，我想给用户一个漂亮的动画效果。

我希望新片段滑入前一个片段，将其隐藏起来，就好像它是一个实体页面一样。 目前我可以滑入新的片段，但在过渡期间我们仍然可以看到底层片段。

这是我的“滑入”过渡定义：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <objectAnimator
        android:duration="500"
        android:propertyName="x"
        android:valueFrom="-1280"
        android:valueTo="0"
        android:valueType="floatType" />
</set>

这是我的淡出过渡

<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <objectAnimator
        android:propertyName="alpha"
        android:duration="500"
        android:valueFrom="1.0"
        android:valueTo="0"
        android:valueType="floatType" />
</set>

我应用它：

Fragment f = (Fragment)FragClass.newInstance();
FragmentTransactionft = getFragmentManager().beginTransaction();
ft.setCustomAnimations(R.animator.fragment_slide_in, R.animator.fragment_fade_out);
ft.replace(R.id.fl_frame, f);
ft.commit();

我已经看到了我希望通过 ViewPager 演示的那种效果 - 但我使用的是 Fragments。 可以通过片段动画实现这种过渡（只是从最后显示的左侧位移入）吗？ 或者可能是片段动画和属性动画的混合？ - 试过这个，但它变得非常混乱。

我正在为平板电脑上的 Android 4.0 及更高版本进行构建。

我不想为此使用 ViewPager，试图避免支持库。

Answer 1

经过相当多的实验和测试，这是我采用的方法。

可能不是最好的，但它对我有用。

1. 为不执行任何操作的片段创建动画师
2. 创建新片段时，传入初始 X 位置，即容器视图的负宽度。这会将新的片段偏移量放在容器视图的左侧，因此暂时隐藏。
3. 使用“保持静止”动画在 FragmentTransaction 上调用 setCustomAnimations
4. 使用 FragmentTransaction 添加新片段
5. 创建一个动画监听器，在 onAnimationEnd 中，它将调用包含视图来执行以下操作。
6. 通过调用 bringChildToFront 交换两个视图的顺序
7. 在旧视图上开始一个新的视图动画以缩小和淡出它
8. 在新视图上启动新视图动画以将其滑入
9. 将 AnimatorListener 附加到动画，以便可以在动画结束时移除旧视图。

这些是要遵循的步骤，剩下的只是实现：-D

Answer 2

我找到了一个比迄今为止提出的任何其他解决方案都要好得多的解决方案。我所做的如下：

        FragmentManager manager = getSupportFragmentManager();

        FragmentTransaction ft = manager.beginTransaction();

        FragmentManager.BackStackEntry entry = manager.getBackStackEntryAt(manager.getBackStackEntryCount() - 1);
        Fragment oldFragment = manager.getFragments().get(entry.getId());

        ft.setCustomAnimations(R.anim.slide_left, R.anim.slide_left_out, R.anim.slide_right, R.anim.slide_right_out);

        ft.hide(oldFragment);

        ft.add(R.id.container, login).addToBackStack(null).commit();

这使得被移除的片段位于新片段之下。按下后退按钮时看起来有点奇怪，但总体而言要好得多。 :-)