FloatingActionButton не сходит, когда откладывает Snackbar

Я пытаюсь использовать 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();

Есть ли способ сделать FloatingActionButton двигаться вниз, когда Snackbar отклоняется программно?

Ответы

Ответ 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();

Ответ 2

Проблема заключается в том, что в CoordinatorLayout FAB перемещается, потому что его класс поведения onDependentViewChanged() вызывается, когда Snackbar анимируется в или из.

Однако при вызове Snabackbar.dismiss() анимация не выполняется. И поэтому нет onDependentViewChanged(). И, таким образом, движение FAB.

Я хочу знать, возможно ли это для

  • оживить выключение снэкбара?
  • создать поведение, которое перемещает FAB, когда Snackbar вызывает onDependentViewRemoved()?

Ответ Farzad119, возможно, немного хрупкий. Мой подход - хотя и неудовлетворительный - заключается в том, чтобы изменить поведение в FAB, чтобы переместить FAB вниз при удалении Snackbar:

   @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);
   }

Ответ 3

Чтобы решить эту проблему, я определил поведение RelativeLayout, подобное этому. Это можно сделать для любого вида, просто замените все RelativeLayout на нужный элемент пользовательского интерфейса.

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);
    }
}

Затем вам нужно добавить Поведение в свойство 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>