当滚动RecyclerView项目变慢时,附加锚点的浮动操作按钮不会隐藏

Question

我在底部提供了设计.

我希望在标签布局上面发生的事情:

1. 我希望有一个AppBarLayout,当用户在其中一个选项卡中向下滚动RecyclerView时,它会隐藏.
2. 我希望用户图像附加到其后面的蓝色背景,并在用户向下滚动时隐藏.
3. 我想在用户滚动时将标签固定在顶部,这样他就可以轻松切换它们.回收器视图和选项卡布局必须是用户向下滚动时可见的唯一内容.

所以我确实实现了1和3,但我无法实现2 - 当你慢慢滚动RecyclerView时,图像停留在它上面并且不会隐藏.

以下是我所做的事情:

1. 我确实只在片段中实现了协调器布局,这里显示了它.它不是在新活动中实现的,也不是在托管片段的活动中实现的,并且片段没有工具栏.这意味着我正在使用没有工具栏的CollapsingToolbarLayout.
2. 我正在使用支持设计库中的浮动操作按钮来显示用户图像.我使用它是因为当它隐藏时它会用动画来做.

检查底部的XML.

那么会发生什么:

1. 一切都很完美
2. 按钮安装在正确的位置
3. AppBarLayout响应滚动
4. 当缓慢滚动时,按钮不会隐藏
5. 当快速滚动时,它会隐藏
6. 更改viewpager片段时,它会隐藏

这是一个有问题的视频:YOUTUBE

我试图调试CoordinatorLayout,当它调用按钮的hide()方法但我找不到问题.有任何想法吗？

编辑1:

如果删除cheesesquare示例中的工具栏,则会出现相同的错误.

我的测试xml:

<?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:clickable="true"
    android:background="@color/bg_secondary"
    android:fitsSystemWindows="true"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/app_bar_layout"
        android:elevation="1dp"
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="?attr/colorPrimary"
            android:fitsSystemWindows="true">

            <ImageView
                android:id="@+id/img"
                android:src="@drawable/header_bg"
                android:scaleType="centerCrop"
                android:cropToPadding="true"
                app:layout_collapseMode="parallax"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

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


    <android.support.v4.view.ViewPager
        android:id="@+id/profile_tabs"
        android:elevation="2dp"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:elevation="1dp"
        app:pressedTranslationZ="12dp"
        android:clickable="true"
        app:rippleColor="@android:color/transparent"
        android:src="@drawable/ic_launcher"
        app:layout_collapseMode="parallax"
        app:layout_anchor="@id/app_bar_layout"
        app:layout_anchorGravity="bottom|left|end" />

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

编辑2:

还有一个问题标记为拒绝此问题.

Answer 1

您必须为FAB实现自定义行为才能实现所需的效果.我略微改变了原始实现,让它在没有工具栏的情况下工作.

    public class FABBehavior extends FloatingActionButton.Behavior {

    public FABBehavior() {
    }

    public FABBehavior(Context context, AttributeSet attributeSet) {
    }

    public boolean onDependentViewChanged(CoordinatorLayout parent, FloatingActionButton child, View dependency) {
        if(dependency instanceof Snackbar.SnackbarLayout) {
           return super.onDependentViewChanged(parent, child, dependency);
        } else if(dependency instanceof AppBarLayout) {
            this.updateFabVisibility(parent, (AppBarLayout)dependency, child);
        }

        return false;
    }

    private boolean updateFabVisibility(CoordinatorLayout parent, AppBarLayout appBarLayout, FloatingActionButton child) {
        CoordinatorLayout.LayoutParams lp = (CoordinatorLayout.LayoutParams)child.getLayoutParams();
        if(lp.getAnchorId() != appBarLayout.getId()) {
            return false;
        } else {

            ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) child.getLayoutParams();
            int point = child.getTop() - params.topMargin;
            try {
                Method method = AppBarLayout.class.getDeclaredMethod("getMinimumHeightForVisibleOverlappingContent");
                method.setAccessible(true);
                if(point <= (int) method.invoke(appBarLayout)) {
                    child.hide();
                } else {
                    child.show();
                }
                return true;
            } catch (Exception e) {
                return true;
            }
        }
    }
}

您app:layout_behavior当然可以使用此行为.