How to handle click-event in RecyclerView.ItemDecoration?

Question

I have a RecyclerView (with LinearLayoutManager) and a custom RecyclerView.ItemDecoration for it.

Let's say, I want to have buttons in the decoration view (for some reason..).

I inflate the layout with button, it draws properly. But I can't make the button clickable. If I press on it, nothing happening(it stays the same, no pressing effect) and onClick event is not firing.

The structure of ItemDecoration layout is

<LinearLayout>
  <TextView/>
  <Button/>
</LinearLayout>

And I'm trying to set listener in ViewHolder of the decoration

class ItemDecorationHolder extends RecyclerView.ViewHolder {
    public TextView header;
    public Button button;

    public HeaderHolder(View itemView) {
        super(itemView);

        header = (TextView)itemView.findViewById(R.id.header);
        button = (Button)itemView.findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //.. Show toast, etc.
            }
        });
    }
}

And i'm drawing the decoration in onDrawOver method. (actually, I'm modifying this codebase: https://github.com/edubarr/header-decor )

Any ideas? Is it doable?

Thanks!

score 8 · Answer 1 · answered Oct 10 '15 at 08:27

8

While the real header is scroll off the screen, the visible one is drawing on canvas directly ,not like a normal interactive widget.

You have these options

Override RecyclerView.onInterceptTouchEvent(), though with some invasiveness so I prefer the next one.
Make use of RecyclerView.addOnItemTouchListener(), remember the motion event argument has been translated into RecyclerView's coordinate system.
Use a real header view, but that will go a little far I think.

If you take option 1/2, Button.setPressed(true) and redraw the header will have a visual press effect.

answered Oct 10 '15 at 08:27

Neil

664
6
16

3

In this case, it will take the click on the whole header. Please suggest something if I want to click on a particular position on the header. – Minkoo May 05 '18 at 11:34
1

How can i trigger an event if the click happens in a specific "button" in the header? – james04 Sep 11 '21 at 15:21

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

In addition to what Neil said, the answer here might help. Passing MotionEvents from RecyclerView.OnItemTouchListener to GestureDetectorCompat

And then you just need to calculate the height of the header and see if the click falls onto that header view and handle the event yourself.

private class RecyclerViewOnGestureListener extends GestureDetector.SimpleOnGestureListener {
    @Override
    public boolean onSingleTapConfirmed(MotionEvent e) {
        float touchY = e.getY();



        ALLog.i(this, "Recyclerview single tap confirmed y: " + touchY);
        //mGroupHeaderHeight is the height of the header which is used to determine whether the click is inside of the view, hopefully it's a fixed size it would make things easier here 
        if(touchY < mGroupHeaderHeight) {
            int itemAdapterPosition = mRecyclerView.getLayoutManager().getPosition(mRecyclerView.findChildViewUnder(0, mGroupHeaderHeight));

            //Do stuff here no you have the position of the item that's been clicked
            return true;
        }
        return super.onSingleTapConfirmed(e);

    }

    @Override
    public boolean onDown(MotionEvent e) {
        float touchY = e.getY();

        if(touchY < mGroupHeaderHeight) {
            return true;
        }
        return super.onDown(e);
    }

    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        float touchY = e.getY();

        if(touchY < mGroupHeaderHeight) {
            return true;
        }
        return super.onSingleTapUp(e);
    }
}

Davideas · Answer 3 · 2017-06-06T13:20:23.493

0

As Neil is pointing out, things are getting more complicated than that. However by definition you can't.

So, why not including good libraries that do that and more? I propose my hard work for clickable sticky header in my FlexibleAdapter project, which uses a real view (not decorators) to handle click events on headers when sticky.

There's also a working demo and a Wiki page on that part (and not only).

edited Jun 06 '17 at 13:20

answered Jul 27 '16 at 13:26

Davideas

3,226
2
33
51

How to handle click-event in RecyclerView.ItemDecoration?

3 Answers3

Linked