BottomAppBar和FloatingActionButton应用程序:layout_scrollFlags行为

时间:2018-05-24 17:12:36

标签: android floating-action-button coordinator-layout android-bottomappbar

我目前在我的布局中使用BottomAppBar和FloatingActionButton的组合(显然在CoordinatorLayout内):请参阅layout:

  <com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        app:backgroundTint="@color/primarycolor"
        app:theme="@style/ThemeOverlay.MaterialComponents.Dark"
        app:fabAlignmentMode="center"
        app:layout_scrollFlags="scroll|enterAlways"
        app:navigationIcon="@drawable/ic_menu_time" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_scrollFlags="scroll|enterAlways"
        app:backgroundTint="#FFFF0000"
        app:layout_anchor="@id/bar"
        app:rippleColor="#FFFF8888"
        app:srcCompat="@drawable/ic_fab_search" />

列表滚动的行为就像BottomAppBar的魅力一样,但我对FloatingActionButton有很大的问题。

正如您在下面的屏幕截图中看到的那样,BottomAppBar完全消失了,这太棒了,但我不能为FAB做同样的事情。它只是在底部移动了一点。

有什么想法我可以开始寻找解决这个问题的方法吗?正确的行为是FAB跟随Bar并简单地消失

enter image description here

滚动后:

enter image description here

1 个答案:

答案 0 :(得分:0)

您应该自己隐藏FAB。只需调用fab.hide()fab.show()即可管理其可见性。