滚动到没有工具栏的折叠视图

Question

我正在做一个类似于最近 android 的状态栏的布局。

我有两个 Views 在容器内。 ViewPager 和 RecyclerView。 默认行为应该是，当我滚动 RecyclerView 时，我希望 ViewPager 减小大小，反之亦然。

逻辑：

viewPagerMaxHeight = 200;
if scrollTop
  is ViewPager.height > viewPagerMaxHeight?
    YES: Prevent Scroll and Decrease ViewPager size apropriatry
    No: Scroll RecyclerView
if scrollBottom
  did we scroll to position 0?
    YES: Start increasing ViewPager size
    No: Scroll RecyclerView

几点说明： - RecyclerView 包含各种大小的项目。 - 有时项目被删除和添加 - 它是一个简单的 RecyclerView，而不是 就像在通知中它们相互折叠一样。

我可以自己构建大部分逻辑，但我无法为 RecyclerView 创建一个合适的监听器，它将返回滚动的方向和数量。 防止RecyclerView 滚动是一种奖励

编辑：

我在github做了一个例子

v.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
    @Override
    public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
        Log.e("scrollY", ""+scrollY);
        Log.e("oldScrollY", ""+oldScrollY);
        Log.e("currentHeight", ""+currentHeight);
        if(scrollY == 200) {
            Log.e("==200", "JU");
        } else if (scrollY < 200) {
            Log.e("<200", ""+currentHeight);

            if(currentHeight < fullHeight) {
                Log.e("current<full", Integer.toString(deltaScroll));
                deltaScroll = oldScrollY - scrollY;
                currentHeight = currentHeight + deltaScroll;
                if(currentHeight > fullHeight) {
                    currentHeight = fullHeight;
                }
                ku.getLayoutParams().height = currentHeight;
                ku.requestLayout();
            }
            v.scrollTo(0, 200);
        } else if (scrollY > oldScrollY) {
            Log.e("Scroll DOWN", "" + Integer.toString(scrollY));
            deltaScroll = scrollY - oldScrollY;
            currentHeight = currentHeight - deltaScroll;
            if(currentHeight > minHeight) {
                ku.getLayoutParams().height = currentHeight;
                ku.requestLayout();
                v.scrollTo(0, 200);

            } else {
                currentHeight = minHeight;
                ku.getLayoutParams().height = minHeight;
                ku.requestLayout();
            }

        }
    }
});

我正在为RecycleView 设置填充并将NestedScrollView 滚动到第一项，因此填充不可见。这让我即使已经在 TOP 也可以滚动 TOP。

一切似乎都正常，但是您会注意到滚动缓慢时滚动“跳跃”（如果滚动足够快就不会发生）。 我猜这是因为NestedScrollView 本身会改变高度，例如，在向上滚动时，向下滚动也会发生。

Answer 1

根据你当前的代码：

一切似乎都正常，但您会注意到滚动缓慢时“跳跃”...

YES ，这是因为当用户滚动缓慢时，方法onScrollChange可能会被调用多次（由于系统误解为scroll ==> stop ==> scroll ==> stop ==> scroll ==> stop ==>...），因此内部的逻辑方法将被执行多次或/和全部执行，并且由于存在计算和逻辑（if 和else），这可能会影响 UI 的响应能力。如果用户快速滚动，则不会发生这种情况，它可能会调用一次，解释为单次滚动。

解决方案：

1. 尽可能减少代码中一些令人厌烦的计算和逻辑。
2. 使用Coordinator Layout 作为根布局而不是LinearLayout 并设置一些Behaviours 以便您的孩子Views 应该跟随在CoordinatorLayout 中。否则，使用boolean 准备逻辑，这将确保您的方法onSrollChange 的内容不会被多次调用，而只会在用户最终完成整个慢速滚动时被调用一次。

Answer 2

在ConstraintLayout 和Guideline 的帮助下，上述操作完全可行。因此，当您向上滚动时，以编程方式将指南设置为最小，当您向下滚动时，将指南设置为正常。

以下是相同的 xml 示例

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">


    <android.support.constraint.Guideline
        android:id="@+id/viewPagerTopGuideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.1" />


    <android.support.constraint.Guideline
        android:id="@+id/viewPagerBottomGuideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5" />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toTopOf="@+id/viewPagerBottomGuideline"
        app:layout_constraintTop_toBottomOf="@+id/viewPagerTopGuideline">

    </android.support.v4.view.ViewPager>

    <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@+id/viewPagerBottomGuideline"/>

</android.support.constraint.ConstraintLayout>

您也可以将视图放在NestedScrollView 中。然后 onscroll 你可以像这样设置指南

 @BindView(R.id.viewPagerBottomGuideline)
Guideline guideLine;//have Used ButterKnife

ConstraintLayout.LayoutParams params = (ConstraintLayout.LayoutParams) guideLine.getLayoutParams();
            params.guidePercent = 0.20f; // 45% // range: 0 <-> 1
            guideLine.setLayoutParams(params);

我刚刚实现了向上滚动，那么您也必须实现相同的向下滚动。

Answer 3

我会建议你使用 CoOrdinate Layout 作为你的主布局（根布局）。 那么您需要做的就是设置此行为，例如通过 Java 或编码折叠工具栏。我已经实现了同样的事情，this 链接真的帮了我很多。请点击链接并试一试。

(https://github.com/teocci/AndroidGuidenotes/wiki/Handling-Scrolls-with-CoordinatorLayout)