How to prevent ScrollView from intercepting click/touch events of the view behind it?

Question

I have a ScrollView and an ImageView inside a FrameLayout. The ImageView is behind the scroll view

My ScrollView have a transparent space (LinearLayout s_layout_transparent with 925px height).

So my ImageView can be seen through this transparent space but can not be click.

I have tried to add some value (android:clickable="false" android:focusable=" android:focusableInTouchMode="false") to scroll view to prevent it intercepts the click envent of the ImageView but this not work at all.

Here is my layout:

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent">
<LinearLayout
        android:gravity="top|center_horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingRight="10dp"
        >
    <ImageView
            android:visibility="visible"
            android:id="@+id/s_imgv_splash"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/temp_detail_screen_splash"
            android:adjustViewBounds="true"
            android:scaleType="fitXY"/>
</LinearLayout>
<com.dreambox.android.saven.Views.ScrollView
        android:id="@+id/s_scrollview_event_detail"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scrollbars="none"
        android:visibility="visible"
        android:clickable="false"
        android:focusable="false"
        android:focusableInTouchMode="false"
        >
    <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clickable="false"
            android:focusableInTouchMode="false"
            android:focusable="false">
        <LinearLayout
                android:id="@+id/s_layout_transparent"
                android:layout_gravity="center_vertical"
                android:layout_width="match_parent"
                android:layout_height="925px"
                android:orientation="horizontal"
                android:background="@color/trasparent"
                android:clickable="false"
                android:focusableInTouchMode="false"
                android:focusable="false">
        </LinearLayout>
        <LinearLayout...>
        <LinearLayout...>
    </LinearLayout>
</com.dreambox.android.saven.Views.ScrollView>
</FrameLayout>

Can you be more specific? As you can see, my scroll view already is a custom ScrollView — NghiaDao, Sep 15 '14 at 02:05
Wait, scratch that. Just move Imageview inside the linearlayout present inside the scrollview. — Tushar Gogna, Sep 15 '14 at 02:24
I intentionally left the ImageView behind because I want that when the scrollview is scrolling up, the imageView slowly covered with the scrollview content. Note: The scrollview not only have the transparent linearlayout but also have some linearlayout under (you can see in my layout ) — NghiaDao, Sep 15 '14 at 02:32
I have one suggestion: use ` requestDisallowInterceptTouchEvent` for every `View` on top of your `ImageView`. — Wakim, Sep 15 '14 at 02:33
@SHASHIDHAR MANCHUKONDA I want my imageview to be clickable. Now, this can not be click. — NghiaDao, Sep 15 '14 at 02:45

score 15 · Answer 1 · answered Nov 29 '14 at 07:22

if you can fill the transparent parts with an empty view (lets call it dummyView), you can do something like...

dummyView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View view, MotionEvent event) {
        // pass on the touch event to the ImageView
        s_imgv_splash.dispatchTouchEvent(event);
        // returning true because we handled the event
        return true;
    }
});

score 6 · Answer 2 · answered Jan 09 '15 at 12:25

I solved this issue. Posting this for someone facing the same issue at present/in the future. Thanks for the suggestion Mahesh. Based on the suggestion from Mahesh, this is how i did it. This is my layout.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/scroll_view"
    android:background="#ffffff"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/bg_tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="TestView"
        android:layout_marginTop="5dip"/>

    <View android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/background_dark"
        android:alpha="0"
        />

    <ScrollView
        android:id="@+id/sv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        >

       <LinearLayout
            android:id="@id+/wrapper"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@android:color/transparent"
            android:orientation="vertical" >

           <LinearLayout
               android:id="@+id/dummy"
                android:layout_width="fill_parent"
                android:background="@android:color/transparent"
                android:layout_height="500dip"
                android:orientation="vertical"/>

           <LinearLayout
               android:id="@+id/scroll_"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:orientation="vertical" >

             ................
             ................


          </LinearLayout>

        </LinearLayout>

    </ScrollView>

</RelativeLayout>

After adding LinearLayouts @id/dummy and @id/scroll_ , I was unable to click on TextView @id/bg_tv. The following code solved my problem.

//dispatch touch events
mDummyView = findViewById(R.id.dummy);
mDummyView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {
        mTextView.dispatchTouchEvent(motionEvent);
        return true;
    }
});

mLayout = (LinearLayout)findViewById(R.id.scroll_);
mLayout.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {
        if (scrollPercent <= 0.25f) {
            mTextView.dispatchTouchEvent(motionEvent);
            return true;
        }
        return false;
    }
});

In the case of mLayout, TouchEvents are dispatched only after the scrollView goes to the bottom of the screen.

PS: I am writing an answer for the first time. I am sorry if you find the formatting very poor or if the answer is not written the way it is supposed to be.

score 1 · Answer 3 · answered Sep 15 '14 at 02:48

I cant give exact solution

Check it may helps

yourscrollview.setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if(touch exists inside imageview boundaries)
                {
                    do imageview click action
                }
                return false;
            }
        })

score 1 · Answer 4 · answered Sep 15 '14 at 08:59

The ScrollView is last in FrameLayout therefore it has preference.

When your LinearLayout with ImageView is activated, you need to say

findViewById(R.id.s_scrollview_event_detail).setVisibility(View.INVISIBLE)

and vice versa, when ScrollView is activated, the "sibling" Layout view must be set invisible.

score 1 · Answer 5 · answered Jun 20 '18 at 03:15

Check to see if the coordinates of the event are within the bounds of the view you want to receive the event. If there is a match, use the performClick method to pass the event along to the desired view. Here is an example:

override fun onCreate(savedInstanceState: Bundle?) {
    ....
    val viewUnderDummySpace = findViewById<View>(R.id.your_textview_or_button_or_image)
    val dummySpace = scrollView.findViewById<View>(R.id.dummy_space)
    dummySpace.setOnTouchListener(object : View.OnTouchListener {
        override fun onTouch(p0: View?, event: MotionEvent?): Boolean {
            event?.let {
                if (event.getAction() == MotionEvent.ACTION_UP) {
                    if (inViewInBounds(viewUnderDummySpace, event.rawX.toInt(), event.rawY.toInt())) {
                        //Click performed within bounds of the desired view
                        viewUnderDummySpace.performClick()
                    }
                }
            }

            return true
        }
    })
}

private var outRect = Rect()
private var location = IntArray(2)

private fun inViewInBounds(view: View, x: Int, y: Int): Boolean {
    view.getDrawingRect(outRect)
    view.getLocationOnScreen(location)
    outRect.offset(location[0], location[1])
    return outRect.contains(x, y)
}

score 0 · Answer 6 · answered Oct 06 '17 at 23:30

I also used scroll offset and it gave a perfect result on click events.

blockingViewInScroll.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View view, MotionEvent event) {
        event.offsetLocation(-scrollView.getScrollX(), -scrollView.getScrollY());
        blockedViewUnderScroll.dispatchTouchEvent(event);
        return true;
    }
});

score 0 · Answer 7 · answered Dec 16 '21 at 22:13

0

If your custom view's calling the requestDisallowInterceptTouchEvent(true) during it's onTouchEvent where the action was ACTION_DOWN then the scroll view and non of it's parent will intercept the touch event until you call the requestDisallowInterceptTouchEvent with false.

You can learn more from this video: https://www.youtube.com/watch?v=EZAoJU-nUyI

answered Dec 16 '21 at 22:13

Maci

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Dec 17 '21 at 06:02

How to prevent ScrollView from intercepting click/touch events of the view behind it?

7 Answers7

Linked