Horizontal scrollview inside another horizontalscroll view

Question

I'm designing UI in android where I've a HorizontalScrollView inside another HorizontalScrollView. However, the child HorizontalScrollView doesn't work.

Is it possible to disable the parent HorizontalScrollView whenever a gesture is made in child HorizontalScrollView. I know this sounds tricky but I need to implement this in my UI.

I think it is not possible yet. I hope you will find new solution... — Niranj Patel, Oct 30 '12 at 06:28
check this solution: http://stackoverflow.com/a/7174396/779408 it is for Vertical. But I think you can customize it. — Bob, Oct 30 '12 at 06:35

score 2 · Answer 1 · edited May 23 '17 at 12:12

Having a thing that scrolls inside another thing that scrolls in generally a bad idea. Google does not recommend it.

This is because of the way android handles scroll events. There's a method called dispatchTouchEvent() and onInterceptTouchEvent() that decides whether to intercept the touch event or pass it to it's children. For scrollable views, they will always intercept "swipe" movements. So it will never go to your children.

There are workarounds for this but they are messy and wont work most of the time. You are better off adjusting your UI so as to avoid this situation.

Here are some potential workarounds discussed in these threads if you insist on trying:

ListView in ScrollView potential workaround

ListView inside ScrollView is not scrolling on Android

Android: Scrollable preferences window with custom list view

score 0 · Answer 2 · answered Oct 30 '12 at 06:46

How about overriding onInterceptTouchEvent like this:

public class EmbeddedHorizontalScrollView extends HorizontalScrollView {

    public EmbeddedHorizontalScrollView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {

        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                // tell parent and it's ancestors to skip touch events
                this.getParent().requestDisallowInterceptTouchEvent(true);
                break;
            case MotionEvent.ACTION_UP:
                this.getParent().requestDisallowInterceptTouchEvent(false);
                break;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

score 0 · Answer 3 · answered Nov 13 '12 at 18:33

So I used ScrollView inside LinearLayout inside horisontalScrollView. Main problem was to implement OnInterceptTouchEvent in HorizontalScrollView to pass TouchEvent in children ScrollView when Y swype being detected. And it is works good and looks interest. Yes, you should not put Scrollview or listView in another Scrollview directly, but you may put Linearlayout in ScrollView and than put on it others Scrollable objects.

Horizontal scrollview inside another horizontalscroll view

3 Answers3