如何在CoordinatorLayout中禁用AppBarLayout的滚动？

Question

如何在CoordinatorLayout中禁用AppBarLayout的滚动？

androidandroid-coordinatorlayoutandroid-collapsingtoolbarlayoutsupportmapfragmentandroid-appbarlayout

30

我有一个带视差效果的MapFragment，它在AppBarLayout中：

由于地图上的触摸事件总是被处理为滚动事件，因此我想禁用AppBarLayout上的滚动，以便无法沿地图移动。我想通过仅滚动屏幕底部的RecyclerView 来处理 AppBarLayout 的折叠。

这是我的xml：

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    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="wrap_content"
        android:fitsSystemWindows="true"
        app:contentScrim="@color/white"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"
        app:titleEnabled="false">

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_collapseMode="parallax"
            android:fitsSystemWindows="true">

            <fragment
                android:id="@+id/map"
                android:name="com.androidmapsextensions.SupportMapFragment"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </FrameLayout>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="73dp"
            app:contentInsetLeft="0dp"
            app:contentInsetStart="0dp"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

            <include
                android:id="@+id/search_bar"
                layout="@layout/layout_searchbar" />
        </android.support.v7.widget.Toolbar>

        <View
            android:id="@+id/toolbar_shadow"
            android:layout_width="match_parent"
            android:layout_height="3dp"
            android:layout_below="@id/search_bar"
            android:layout_gravity="bottom"
            android:background="@drawable/toolbar_dropshadow"
            android:visibility="gone" />
    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>


<RecyclerView
    android:id="@+id/farm_list"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

感谢您的回复。

- janox1x2x3

1

你的 CoordinatorLayout 在哪里？ - Joaquin Iurchuk

5个回答

40

问题

即使滚动内容适合屏幕，AppBarLayout仍然会滚动。
这是因为默认情况下我们可以通过触摸和拖动AppBarLayout来拖动它。

解决方法

We will disable "Dragging" behaviour for AppBarLayout.

// Disable "Drag" for AppBarLayout (i.e. User can't scroll appBarLayout by directly touching appBarLayout - User can only scroll appBarLayout by only using scrollContent)
if (appBarLayout.getLayoutParams() != null) {
    CoordinatorLayout.LayoutParams layoutParams = (CoordinatorLayout.LayoutParams) appBarLayout.getLayoutParams();
    AppBarLayout.Behavior appBarLayoutBehaviour = new AppBarLayout.Behavior();
    appBarLayoutBehaviour.setDragCallback(new AppBarLayout.Behavior.DragCallback() {
        @Override
        public boolean canDrag(@NonNull AppBarLayout appBarLayout) {
            return false;
        }
    });
    layoutParams.setBehavior(appBarLayoutBehaviour);
}

参考资料

这只是对上面"natario"的答案进行扩展。
https://developer.android.com/reference/android/support/design/widget/AppBarLayout.Behavior.DragCallback.html

- Vasanth

嗨，Vasanth！我想在用户滚动到RecyclerView时禁用CoordinatorLayout的用户滚动。请问我该如何做？ - anthony

31

您可以通过在xml中定义一个自定义的app:layout_behavior来实现此功能。使用这种方法，您无需担心获取对LayoutParams的引用并进行空值检查。

  <android.support.design.widget.AppBarLayout
      android:id="@+id/app_bar_layout"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:layout_behavior="com.yourcompany.FixedAppBarLayoutBehavior"
      >

然后创建一个自定义类，该类继承自AppBarLayout.Behavior。

public class FixedAppBarLayoutBehavior extends AppBarLayout.Behavior {

  public FixedAppBarLayoutBehavior(Context context, AttributeSet attrs) {
    super(context, attrs);

    setDragCallback(new DragCallback() {
      @Override public boolean canDrag(@NonNull AppBarLayout appBarLayout) {
        return false;
      }
    });
  }
}

使用 Kotlin 版本进行更新：

class FixedAppBarLayoutBehavior(context: Context, attrs: AttributeSet) : AppBarLayout.Behavior(context, attrs) {
  init {
    setDragCallback(object : DragCallback() {
      override fun canDrag(appBarLayout: AppBarLayout): Boolean = false
    })
  }
}

- Victor Rendina

6

经过两个小时的努力，我找到了一个相当简单的解决方案。我只需要扩展CoordinatorLayout并覆盖OnInterceptTouchEvent方法，这样类就像下面这样：

public class NonTouchableCoordinatorLayout extends CoordinatorLayout {
public NonTouchableCoordinatorLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    return false;
}

}

- janox1x2x3

1

您可以使用 NestedScrollView.setNestedScrollingEnabled(false) 来禁用 AppBarLayout 的嵌套滚动事件。

- JinJieGoo

2

您仍然可以通过在应用栏区域拖动手指来滚动/展开应用栏。 - Alex

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- natario · Accepted Answer

我不确定我理解对了，但我认为您正在寻找一个 DragCallback。

DragCallback 接口允许选择是否通过在 AppBarLayout 上滚动来控制兄弟滚动视图。

您可以通过调用以下方法来定义一个：

CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) appBarLayout.getLayoutParams();
AppBarLayout.Behavior behavior = (AppBarLayout.Behavior) params.getBehavior();
behavior.setDragCallback(new AppBarLayout.Behavior.DragCallback() {
    @Override
    public boolean canDrag(@NonNull AppBarLayout appBarLayout) {
        return false;
    }
});

始终返回false，您的滚动视图将不再受ABL控制。

注意：在调用此函数之前，您应该检查ViewCompat.isLaidOut(appBarLayout)，否则params.getBehavior()将返回null。