我有 MainActivity，它使用以下 xml 实现 Navigation Drawer:

<android.support.v4.widget.DrawerLayout
xmlns:android ="http://schemas.android.com/apk/res/android"
android:id ="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/container_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >

        <include
            android:id="@+id/toolbar"
            layout="@layout/toolbar" />
    </LinearLayout>

    <FrameLayout
        android:id="@+id/content"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#FFFFFF"/>


</LinearLayout>

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="240dp"
    android:layout_height="match_parent"
    android:layout_gravity ="start"
    >


    <ListView
        android:id="@+id/drawerList"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="5dp"
        android:divider="@color/material_blue_grey_800"
        android:dividerHeight="1dp"
        android:background="#FFFFFF"
        />

   </RelativeLayout>

</android.support.v4.widget.DrawerLayout>

现在我的 ListView 中有 3 个项目，单击其中任何一个，我的代码将 Framelayout 替换为该特定 fragment ，如下所示:

Fragment f1 = new Fragment()

 FragmentTransaction ft = getSupportFragmentManager().beginTransaction()
 ft.setCustomAnimations(R.anim.slide_in,R.anim.hyper_out,R.anim.hyper_in,R.anim.slide_out)


ft.replace(R.id.content, f1).addToBackStack(null).commit();

上面的代码可以很好地根据需要用自定义动画替换 fragment 。但是，我的问题是如何在 fragment 事务期间为工具栏和 fragment 设置动画。

所有 fragment 都有各自的工具栏标题，这些标题在每个 fragment 类的 onActivityCreated() 方法中通过以下代码更改:

((AppCompatActivity)getActivity()).getSupportActionBar().setTitle("Title");

我是否应该将动画应用于我的布局以掩盖工具栏？

最佳答案

我有同样的问题 - 它似乎在每个应用程序的开发过程中的某个时刻突然出现，我从未解决过它，并恢复到一些低于标准的解决方案。现在我带着解决方案回来了!

在 Kotlin 中回答，但同样的原则适用于 Java。

要使 Toolbar 与 FragmentTransaction 动画一起动画化，您首先需要一种方法来通知持有 Toolbar 的 Activity/Fragment 动画开始/结束。我会将包含 Toolbar 的 Activity/Fragment 称为 ToolbarHost

首先，定义一个ToolbarHost可以实现的接口(interface)，接收回调:

interface FragmentAnimationListener {

    fun onAnimationStart(fragment: Fragment, animation: Animation, enter: Boolean)

    fun onAnimationEnd(fragment: Fragment, animation: Animation, enter: Boolean)
}

我还添加了一个扩展方法来帮助子 Fragment 找到对接收回调感兴趣的父 ToolbarHost:

fun Fragment.findParentAnimationListener(): FragmentAnimationListener? {
    return when (parentFragment) {
        is FragmentAnimationListener -> parentFragment as FragmentAnimationListener
        null -> return activity as? FragmentAnimationListener
        else -> parentFragment?.findParentAnimationListener()
    }
}

现在我们将以下内容添加到将要在屏幕上显示动画的子 Fragment。我建议将以下内容添加到基础 Fragment 类中。这会拦截从 FragmentTransaction* 提供给子 Fragment 的动画，添加一个监听器，找到 ToolbarHost，并通知它我们的动画开始/结束。

override fun onCreateAnimation(transit: Int, enter: Boolean, nextAnim: Int): Animation? {
    var animation = super.onCreateAnimation(transit, enter, nextAnim)

    if (animation == null && nextAnim != 0) {
        animation = AnimationUtils.loadAnimation(activity!!, nextAnim)
    }

    val parentAnimationListener = findParentAnimationListener()

    if (animation != null) {    
        animation.setAnimationListener(object : Animation.AnimationListener {

            override fun onAnimationStart(animation: Animation) {
                parentAnimationListener?.onAnimationStart(this@BaseFragment, animation, enter)
            }

            override fun onAnimationEnd(animation: Animation) {
                parentAnimationListener?.onAnimationEnd(this@BaseFragment, animation, enter)
            }

            override fun onAnimationRepeat(animation: Animation?) {
            }
        })
    }

    return animation
}

* 这适用于通过 FragmentTransaction.setCustomAnimation(int, int, ..) 提供的动画。我没有使用不同类型的 FragmentTransaction 动画或没有 FragmentTransaction 动画对此进行测试。

现在我们的 ToolbarHost 知道子 Fragment 何时执行其动画，我们可以考虑同时为工具栏设置动画。

假设你的ToolbarHost是一个 fragment ，我们首先实现FragmentAnimationListener:

class ParentFragment : Fragment(), FragmentAnimationListener {

    override fun onAnimationStart(fragment: Fragment, animation: Animation, enter: Boolean) {
        ...
    }

    override fun onAnimationEnd(fragment: Fragment, animation: Animation, enter: Boolean) {
        ...
    }
}

现在，我们马上就遇到了一个问题，因为我们将 AnimationListener 添加到基础 Fragment 类，我们的 onAnimationStart 和onAnimationEnd 将从正在退出的 fragment 和正在进入的 fragment 调用(假设您的 FragmentTransaction 正在用另一个 fragment 替换一个 fragment )。因此，在我们尝试使用 Toolbar 做任何事情之前，我们需要只过滤掉我们感兴趣的 fragment 。

我将使用“进入”Fragment 作为工具栏动画的触发器 - 当我们弹出堆栈时，我将使用相同的Fragment(现在“退出”)再次。所以，我唯一感兴趣的 Fragment 是正在转换到的那个:

class ParentFragment : Fragment(), FragmentAnimationListener {

    var newFragment: Fragment? = null 

    fun replaceFragment(newFragment: Fragment) {

        // Store a reference to the fragment we're transitioning to
        this.newFragment = newFragment

        childFragmentManager.beginTransaction()
            .setCustomAnimations(..)
            .replace(container, newFragment, tag)
            .commit()
    }

    override fun onAnimationStart(fragment: Fragment, animation: Animation, enter: Boolean) {
        if (fragment == newFragment) {
            if (enter) {
                // Animate our Toolbar in
            } else {
                // Animate our Toolbar out
            }
        }
    }
}

最后一步是实际执行工具栏动画。您可以使用自己的时间、插值器等创建自己的 Animation - 但我更喜欢只使用为子 Fragment 设置动画的相同 Animator >。这样，如果我们淡入，Toolbar 将淡入。如果我们滑出，Toolbar 将滑出。通过使用相同的 Animation，我们可以确定我们有正确的持续时间和插值器，因此我们的 Animation 将同时运行。

override fun onAnimationStart(fragment: Fragment, animation: Animation, enter: Boolean) {
    if (fragment == newFragment) {
        toolbar.animation = animation
    }
}

关于android - 动画工具栏和 fragment 事务，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30815928/