为什么我的 FAB animation 会出现 Material BottomAppBar 的屏幕？

Question

所以我得到了这个工作，它很棒

然后我尝试在右侧设置父FAB：

binding.bottomAppBar.fabAlignmentMode = BottomAppBar.FAB_ALIGNMENT_MODE_END

它可以工作，但现在父 FAB animation 退出屏幕。

下面是对正在发生的事情的更好了解：

打开 animation：

<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true">
<rotate
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="45"
    android:duration="300" />

关闭 Animation：

<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true">
<rotate
    android:fromDegrees="45"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="0"
    android:duration="300"
    />

活动 XML：

    <androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/bottomAppBar"
        android:layout_gravity="bottom"
        style="@style/Widget.MaterialComponents.BottomAppBar.Colored"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:fabAlignmentMode="end"/>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/addFav"
        app:layout_anchor="@id/bottomAppBar"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>

我怎样才能解决这个问题？ 子 FAB 动画按预期工作。

Answer 1

这是正在发生的事情。

1. 当 XML 充气时，FAB 位于中心。 所以pivotX现在是屏幕的中心。
2. 您在膨胀后以编程方式在 Java/Kotlin 中设置fabAlignmentMode 。
3. 当旋转开始时， pivotX仍然使用膨胀点的值，因此使用旧值。
4. FAB 围绕其先前位置的中心旋转，因此离开屏幕。 请注意第二个 GIF 中 FAB 的运动曲线。

使用 fabAlignmentMode 在 XML 中设置fabAlignmentMode应该可以解决您的问题。