Disable vertical scroll in CollapsingToolbarLayout / AppBarLayout

Question

I would like the vertical scroll on the CollapsingToolbarLayout / AppBarLayout ONLY when the scroll/touch event occurs in the nestedscrollview (this is working), but if the user tries to scroll the CollapsingToolbarLayout / AppBarLayout directly it should not work. I need this because the scroll/touch events there are messing with my recyclerview scroll events.

I have this structure:

CoordinatorLayout

-- AppBarLayout

---- CollapsingToolbarLayout (scrollflags: scroll, exitUntilCollapsed, snap)

------ Toolbar (CollapseMode: pin)

------ RecyclerView (Horizontal, CollapseMode: pin)

----- /CollapsingToolbarLayout

-- /AppBarLayout

-- NestedScrollView (Behaviour: appbar_scrolling_view_behavior)

-- /NestedScrollView

/ CoordinatorLayout

I tried overriding onTouch() and onInterceptTouchEvent() for both CollapsingToolbarLayout / AppBarLayout but it keeps intercepting the touch event/scroll.

score 31 · Accepted Answer · edited May 23 '17 at 12:02

Ok, i found out the solution for this.

You just have to override the onDrag() method in the AppBarLayout behaviour and the scroll wont be triggered if the touch occurs on top of the AppBarLayout view.

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;
    }
});

Solution from here: How to disable scrolling of AppBarLayout in CoordinatorLayout?

If you run into NullPointerException because of a null Behavior, you should assign one first:

CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) mAppbar.getLayoutParams();
params.setBehavior(new AppBarLayout.Behavior());

Thank you. This works but I still have issues on orientation change. Is this something you see too ? — android_eng, Aug 29 '17 at 23:51

score 6 · Answer 2 · answered Dec 05 '18 at 09:38

I wrote a BindingAdapter for nsL's answer:

@BindingAdapter("scrollable")
fun setScrollable(appBarLayout: AppBarLayout, scrollable: Boolean) {
    val layoutParams = appBarLayout.layoutParams as CoordinatorLayout.LayoutParams
    val behavior = (layoutParams.behavior as? AppBarLayout.Behavior) ?: AppBarLayout.Behavior()
    behavior.setDragCallback(object : AppBarLayout.Behavior.DragCallback() {
        override fun canDrag(appBarLayout: AppBarLayout): Boolean = scrollable
    })
    layoutParams.behavior = behavior
}

You can use it in a databinding layout like this:

<com.google.android.material.appbar.AppBarLayout
    ...
    app:scrollable="@{true/false}"
    ... >
...
</com.google.android.material.appbar.AppBarLayout>

In my case I also wanted to disable the scroll on the NestedScrollView, which is why I wrote a second BindingAdapter:

@BindingAdapter("scrollable")
fun setScrollable(nestedScrollView: NestedScrollView, scrollable: Boolean) {
    nestedScrollView.setOnTouchListener { _, _ -> !scrollable }
}

score 0 · Answer 3 · edited Nov 10 '19 at 23:07

0

If you have set any of app:layout_scrollFlags (example below) - delete them.

app:layout_scrollFlags="scroll|exitUntilCollapsed|snap"

edited Nov 10 '19 at 23:07

David Passmore

6,089
4
46
70

answered Sep 30 '19 at 12:52

Morteza Rastgoo

6,772
7
40
61

Disable vertical scroll in CollapsingToolbarLayout / AppBarLayout

3 Answers3

Linked