16

我有一个嵌套滚动视图，其中包含一些线性布局和文本视图等内容。由于某些原因，我也在使用浮动操作按钮库。所以我不能使用任何行为。我不知道我应该如何处理来自滚动视图的滚动更改侦听器，以像行为一样动态隐藏和显示工厂。

有什么建议如何在滚动时隐藏和显示工厂？

4

5 回答 5

38

只需将此代码添加到您的 NestedScrollView ScrollChangeListener：

NestedScrollView nsv = v.findViewById(R.id.nsv);
    nsv.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
        @Override
        public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
            if (scrollY > oldScrollY) {
                fab.hide();
            } else {
                fab.show();
            }
        }
    });
于 2017-02-27T16:23:29.423 回答
12

创建 FabScrollBehavior 类

public class FabScrollBehavior extends CoordinatorLayout.Behavior<FloatingActionButton> {
    private int toolbarHeight;

    public FabScrollBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.toolbarHeight = AppUtil.getToolbarHeight(context);
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
        return dependency instanceof AppBarLayout;
    }

    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, FloatingActionButton fab, View dependency) {
        if (dependency instanceof AppBarLayout) {
            CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams) fab.getLayoutParams();
            int fabBottomMargin = lp.bottomMargin;
            int distanceToScroll = fab.getHeight() + fabBottomMargin;
            float ratio = (float)dependency.getY()/(float)toolbarHeight;
            fab.setTranslationY(-distanceToScroll * ratio);
        }
        return true;
    }
}

AppUtil.getToolbarHeight(context) 在哪里 -

public static int getToolbarHeight(Context context) {
        final TypedArray styledAttributes = context.getTheme().obtainStyledAttributes(
                new int[]{R.attr.actionBarSize});
        int toolbarHeight = (int) styledAttributes.getDimension(0, 0);
        styledAttributes.recycle();

        return toolbarHeight;
    }

然后在您的布局中添加到 FloatingActionButton layout_behavior：

   <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_task_accept"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/ic_accepted"
        app:layout_behavior="pass.to.your.FabScrollBehavior.Class"
        app:theme="@style/Widget.AppTheme.Fab"/>

整个布局看起来像

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:animateLayoutChanges="true"
    android:orientation="vertical">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/Widget.AppTheme.AppBarOverlay">

        <include
            layout="@layout/include_layout_toolbar_scroll"/>

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


    <include layout="@layout/include_layout_content_with_nestedscroll"/>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_task_accept"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/ic_accepted"
        app:layout_behavior="pass.to.FabScrollBehavior.Class"
        app:theme="@style/Widget.AppTheme.Fab"/>


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

从https://mzgreen.github.io/2015/02/15/How-to-hideshow-Toolbar-when-list-is-scroling(part1)/实施

于 2016-02-16T08:38:34.783 回答
3

在您的 Activity 或片段中定义变量类型 int 以从 ScrollView 设置先前的 Scroll 然后使用此方法在 ScrollView 类中侦听更改滚动

 scrollView.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() {
        @Override
        public void onScrollChanged() {

    // previousScrollY this variable is define in your Activity or Fragment
            if (scrollView.getScrollY() > previousScrollY && floatingActionButton.getVisibility() == View.VISIBLE) {
                floatingActionButton.hide();
            } else if (scrollView.getScrollY() < previousScrollY && floatingActionButton.getVisibility() != View.VISIBLE) {
                floatingActionButton.show();
            }
            previousScrollY = scrollView.getScrollY();
        }
    });

将完成所有版本的android

于 2018-03-26T13:14:08.917 回答
2

花了这么长时间后，我找到了解决方案。它可能适用于所有情况。虽然这是一个 hack 不是正确的解决方案，但你可以应用它来使这个东西工作。

我们知道setOnScrollChangeListener只有在最低 api 23 时才有效，那么如果我的最低 api 级别低于 23 怎么办。

所以我从堆栈溢出中找到了我们可以使用getViewTreeObserver().addOnScrollChangedListener的解决方案，因此这将是所有设备的兼容解决方案。

现在让我们转到“嵌套滚动视图滚动时隐藏 fab 按钮和嵌套滚动视图处于理想状态时显示 fab 按钮”问题的最终解决方案

因此，我们可以使用HandlerwithpostDelayed来解决这个问题。

  1. 在您的上下文中定义变量private int previousScrollY = 0;

  2. 然后getViewTreeObserver().addOnScrollChangedListener像这样使用嵌套滚动视图。

NESTEDSCROLLVIEW.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() { @Override public void onScrollChanged() { new Handler().postDelayed(new Runnable() { @Override public void run() { if (NESTEDSCROLLVIEW.getScrollY() == previousScrollY) { FABBUTTON.setVisibility(View.VISIBLE); } else { FABBUTTON.setVisibility(View.INVISIBLE); } } }, 10); previousScrollY = NESTEDSCROLLVIEW.getScrollY(); } });

  1. 现在你准备好了......
于 2019-11-20T05:10:26.690 回答
0

您可以使用此侦听器在滚动时观察和隐藏 FAB。

nestedScrollView.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserver.OnScrollChangedListener() { @Override public void onScrollChanged() { if (nestedScrollView != null) { if (nestedScrollView.getChildAt(0).getBottom() <= (nestedScrollView.getHeight( ) + nestedScrollView.getScrollY())) { fab.setVisibility(View.INVISIBLE); } else { fab.setVisibility(View.VISIBLE); } } } });

于 2021-07-07T06:39:14.910 回答