FloatingActionButton在关闭Snackbar时没有下降

Question

我正在尝试使用Snackbar。我有一个包含FloatingActionButton的CoordinatorLayout。当Snackbar出现时，按钮会正确地向上移动。当它自动消失时，按钮会向下移动。但是如果我以编程方式解除Snackbar，按钮就不会下移。我的代码很简单：

mSnackbar = Snackbar.make(mCoordinatorLayout, text, Snackbar.LENGTH_LONG)
                .setAction(R.string.undo, new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        undoDeleteTasks();
                    }
                });
        mSnackbar.show();

当以编程方式关闭Snackbar时，是否有一种方法可以使FloatingActionButton向下移动？

- allo86

---

不要使用坐标布局作为你的视图。使用FloatingActionButton。Snackbar.make(mFab, text, Snackbar.LENGTH_LONG) - Eugene H

@EugeneH 我已经尝试过了，但没有任何区别。当使用mSnackbar.dismiss()关闭snackbar时，fab仍然保持不变。 - allo86

Answer 1

试试这个：

Snackbar mysnack = Snackbar.make( fab, "Hi, welcome to my app!", Snackbar.LENGTH_LONG );
mysnack.getView().addOnAttachStateChangeListener( new View.OnAttachStateChangeListener() {
    @Override
    public void onViewAttachedToWindow( View v ) {

    }

    @Override
    public void onViewDetachedFromWindow( View v ) {
        fab.setTranslationY( 0 );
    }
});
mysnack.show();

- Farzad119

---

可以了！感谢@Farzad119。只有一个细节。View.OnAttachStateChangeListener是在API Level 12中添加的。在API Level 11或更低版本中我该使用什么？ - allo86

Answer 2

问题在于，在一个CoordinatorLayout中，当Snackbar进入或退出动画时，FAB会移动，因为它的behavior类的onDependentViewChanged()被调用。

然而，当您调用Snackbar.dismiss()时，不会发生任何动画。因此没有onDependentViewChanged()。因此，FAB也不会移动。

我想知道是否可能：

1. 使Snackbar消失时动画？ 2. 创建一个行为，当Snackbar导致onDependentViewRemoved()时移动FAB？

Farzad119的答案可能有点脆弱。我的方法虽然也不令人满意，但是是将FAB的行为修改为在删除SnackBar时向下移动FAB。

   @Override
   public void onDependentViewRemoved(CoordinatorLayout parent, FloatingActionButton child, View dependency) {
     super.onDependentViewRemoved(parent, child, dependency);
     float translationY = Math.min(0, parent.getBottom() - child.getBottom());
     child.setTranslationY(translationY);
   }

- mmm111mmm

---

这对我来说可行，但如果依赖项是snackbar.snackbarLayout，我认为你可以将翻译Y设置为0。 - Cheng

太好了，谢谢！说明似乎是正确的，尽管你的代码对我没有用。但正如@Cheng所提到的那样，将设置转换为Y到0即可解决问题。 - markcheeky

Answer 3

为了解决这个问题，我定义了一个RelativeLayout Behavior，像这样。对于任何视图都可以这样做，只需将所有的RelativeLayout替换为所需的UI元素。

public class RelativeLayoutBehavior extends CoordinatorLayout.Behavior<RelativeLayout> {

    public RelativeLayoutBehavior(Context context, AttributeSet attrs) {

    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, RelativeLayout child, View dependency) {
        return dependency instanceof Snackbar.SnackbarLayout;
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, RelativeLayout child, final View dependency) {
        Float translationY = Math.min(0, dependency.getTranslationY() - dependency.getHeight());
        child.setTranslationY(translationY);
        return true;
    }

    @Override
    public void onDependentViewRemoved(CoordinatorLayout parent, RelativeLayout child, View dependency) {
        child.setTranslationY(0);
    }
}

接下来，您需要将Behavior添加到RelativeLayout 的 "android:layout_behavior" 属性中，就像这样。确保您想要向上滑动的RelativeLayout 也在CoordinateLayout 中。

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_coordinate_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#323232"
    tools:context="com.choch.michaeldicioccio.myapplication.MainActivity">

    <RelativeLayout
        android:id="@+id/bottom_navigation_relative_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:gravity="bottom"
        app:layout_behavior="com.yourPackagePath.RelativeLayoutBehavior" >

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/bottom_navigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:background="@color/colorPrimary"
            android:clickable="true"
            app:elevation="8dp"
            app:itemBackground="@color/colorPrimary"
            app:itemIconTint="@drawable/bottom_navigation_color_selector"
            app:itemTextColor="@drawable/bottom_navigation_color_selector"
            app:menu="@menu/bottom_bar_menu" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/add_car_fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_above="@id/bottom_navigation"
            android:layout_margin="@dimen/fab_margin"
            android:scaleType="center"
            android:src="@mipmap/ic_plus_black_36dp"
            android:tint="@color/colorPrimary"
            app:elevation="8dp"/>

    </RelativeLayout>

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

- Michael DiCioccio