关闭 Snackbar 时，FloatingActionButton 不会出现

Posted 2023-02-23

【中文标题】关闭 Snackbar 时，FloatingActionButton 不会出现

【英文标题】：FloatingActionButton does not come down when dismissing Snackbar

【发布时间】：2015-12-24 06:25:24

【问题描述】：

我正在尝试使用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 向下移动？

【问题讨论】：

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

@EugeneH 我试过了，但没有区别。当使用 mSnackbar.dismiss(); 关闭小吃店时，晶圆厂仍然保持同步；

【参考方案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。只有一个细节。在 API 级别 12 中添加了 View.OnAttachStateChangeListener。我可以在 API 级别 11 或更低级别中使用什么？

【参考方案2】：

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

但是，当您调用 Snabackbar.dismiss() 时，不会发生动画。因此没有onDependentViewChanged()。因此 FAB 的运动。

我想知道是否可以

为 Snackbar 关闭动画？ 创建一个在 Snackbar 导致 onDependentViewRemoved() 时移动 FAB 的行为？

Farzad119 的回答可以说有点脆弱。我的方法——虽然也不令人满意——是在删除 SnackBar 时改变 FAB 上的行为以将 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);
   

【讨论】：

这对我有用，但我认为如果依赖项是snackbar.snackbarLayout，你可以将翻译Y设置为0

太好了，谢谢！尽管您的代码对我不起作用，但解释似乎是正确的。但正如@Cheng 所提到的，将 Y 设置为 0 的工作。

【参考方案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_
    android:layout_
    android:background="#323232"
    tools:context="com.choch.michaeldicioccio.myapplication.MainActivity">

    <RelativeLayout
        android:id="@+id/bottom_navigation_relative_layout"
        android:layout_
        android:layout_
        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_
            android:layout_
            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_
            android:layout_
            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>

【讨论】：

谢谢你，拯救了我的一天。