Snackbar和FloatingActionButton的错误

Question

我在一个“Coordinator Layout”中有一个“FAB”按钮，并设置了弹出 Snackbar。但是，如果一个 Snackbar 是可见的，并且我在第一个 Snackbar 仍然可见时执行触发另一个 Snackbar 的操作，则 FAB 按钮会出现故障，并落在 Snackbar 后面。它没有随着 Snackbar 移动。

我在“相对布局”中拥有“Coordinator Layout”，并在“Coordinator Layout”下方放置了一个“adview”。

以下是“layout.xml”文件的内容：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/res-auto"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer"

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/background">

<RelativeLayout
    android:id="@+id/circle2"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/container2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/adView"
        android:background="#FFF3E0"
        tools:context=".MainActivity"
        android:orientation="vertical">

        <SurfaceView
            android:layout_width="0px"
            android:layout_height="0px"
            android:visibility="gone" />
        <include
            android:id="@+id/circle"
            layout="@layout/periodictablelayout" />


        <include
            android:id="@+id/toolbar_actionbar"
            layout="@layout/toolbar_default"

            android:layout_width="match_parent"
            android:layout_height="wrap_content" />


        <FrameLayout
            android:id="@+id/container"
            android:layout_width="fill_parent"

            android:layout_height="fill_parent"
            android:layout_marginTop="?android:attr/actionBarSize"

            />
        <android.support.design.widget.FloatingActionButton
            android:id="@+id/periodbutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp"
            android:layout_marginEnd="16dp"
            android:elevation="3dp"
            android:onClick="onClick"
            app:layout_anchorGravity="bottom|right|end"
            app:layout_anchor="@+id/container2"
            android:src="@drawable/ic_view_comfy_white_24dp"
            app:backgroundTint="@color/accent"
            android:layout_gravity="bottom|end"
            app:layout_behavior="ibochemistry.titomo.timetoolay.google.com.ibchemistry.ScrollAwareFABBehaviour" />


    </android.support.design.widget.CoordinatorLayout>

    <com.google.android.gms.ads.AdView
        android:id="@+id/adView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        ads:adSize="BANNER"
        ads:adUnitId="@string/banner_ad_unit_id"
        app:layout_anchorGravity="bottom" />
</RelativeLayout>
<!-- android:layout_marginTop="?android:attr/actionBarSize"-->
<fragment
    android:id="@+id/fragment_drawer"
    android:name="ibo.NavigationDrawerFragment"
    android:layout_width="@dimen/navigation_drawer_width"
    android:layout_height="wrap_content"
    android:layout_gravity="start"
    android:layout_marginTop="@dimen/abc_action_bar_default_height_material"
    app:layout="@layout/fragment_navigation_drawer"

    tools:layout="@layout/fragment_navigation_drawer" />

- overhound

---

有什么进展吗？我自己也遇到了同样的 bug。 - EviatarS

Answer 1

如何将FAB与snackBar一起向上移动？我猜这可以解决你的问题。每当显示snackBar时，请执行以下操作：

SnackbarManager.show(
Snackbar.with(getApplicationContext()) // context
    .text("This will do something when dismissed") // text to display
    .eventListener(new EventListener() {
        @Override
        public void onShow(Snackbar snackbar) {
            myFloatingActionButton.moveUp(snackbar.getHeight());
        }
        @Override
        public void onShown(Snackbar snackbar) {
            Log.i(TAG, String.format("Snackbar shown. Width: %d Height: %d Offset: %d",
                    snackbar.getWidth(), snackbar.getHeight(),
                    snackbar.getOffset()));
        }
        @Override
        public void onDismiss(Snackbar snackbar) {
            myFloatingActionButton.moveDown(snackbar.getHeight());
        }
        @Override
        public void onDismissed(Snackbar snackbar) {
            Log.i(TAG, String.format("Snackbar dismissed. Width: %d Height: %d Offset: %d",
                                snackbar.getWidth(), snackbar.getHeight(),
                                snackbar.getOffset()));
        }
    }) // Snackbar's EventListener
, this); // activity where it is displayed

如果这对您有用，请告诉我...

- Rohit Jagtap

---

这只是独立于 Snackbar 进行动画。当 Snackbar 消失时会发生什么？我必须重新将其动画化到原来的位置。当旧设备在动画上出现故障并且 Snackbar 与 FAB 重叠或 FAB 在 Snackbar 出现之前进行动画处理时，这看起来不正确。 - overhound

是的，你可以像上面那样把它放回到一行中...但是现在你想要动画视图吗？请查看我的编辑答案... - Rohit Jagtap

Answer 2

这个问题已经在支持库23.1.0中得到修复，只需更新您的依赖关系即可解决。

- EviatarS

Answer 3

使用，这里的视图 - fabView

Snackbar.make(view, "Hello Snackbar", Snackbar.LENGTH_LONG).show();

这将在 Snackbar 上方显示 Fab

- Sathish Kumar