Capturing LinearLayout onClick events with ImageButton inside it

Question

I have an ImageButton and a TextView wrapped in a LinearLayout like this:

    <LinearLayout android:orientation="vertical"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_weight="20" android:gravity="center"
        android:clickable="true" android:id="@+id/action_showhide">
        <ImageButton android:id="@+id/test"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:src="@drawable/ic_toggle_hide_states" android:background="@null"></ImageButton>
        <TextView android:id="@+id/TextView01" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="@string/txtHide"
            android:textColor="@drawable/orange" android:textStyle="bold"></TextView>
    </LinearLayout>

The ImageButton is backed by a custom drawable for normal, focused and pressed states. I would like to allow the user to click anywhere in the LinearLayout to fire an OnClick event. The code below shows the set up for the OnClickListener:

    final LinearLayout actionHide = (LinearLayout) findViewById(R.id.action_showhide);
    actionHide.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Log.d(AppAdvocate.TAG, "Event caught");
        }
    });

The code works when the user clicks anywhere on the TextView but when the user clicks on the ImageButton the event doesn't bubble up to the LinearLayout. I am not defining an onClickListener for the button. I want the drawable for my ImageButton to change so I don't want to set it to clickable=false. Is there a way to bubble up the event?

score 4 · Answer 1 · edited Jan 29 '13 at 20:04

4

In order to make LinearLayout clickable you need to set android:focusable="false" on all its child elements.

edited Jan 29 '13 at 20:04

Jules

14,200
13
56
101

answered Jan 29 '13 at 19:29

pedroTavares

49
3

1

I set all child "android:focusable=false",but LinearLayout still unclickable – bowman han Jun 11 '15 at 13:08

score 0 · Answer 2 · answered May 13 '13 at 09:10

from what I understand, you'll be needing the following:

    <LinearLayout android:orientation="vertical"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_weight="20" android:gravity="center"
        android:clickable="true" android:id="@+id/action_showhide">
        <ImageButton android:id="@+id/test"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:src="@drawable/ic_toggle_hide_states" android:background="@null">         </ImageButton>
        <TextView android:id="@+id/TextView01" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="@string/txtHide"
            android:textColor="@drawable/orange" android:textStyle="bold"
android:onClick="viewClicked"></TextView>
    </LinearLayout>

After that, you create the function:

public void viewClicked(View v){

    switch (v.getId())
    {
        case R.id.action_showhide:
            //do something
            break;
        case R.id.action_showhide:
            //do something
            break;
    }

}

score 0 · Answer 3 · answered Sep 19 '14 at 06:23

0

Set android::clickable="false" on ImageButton. This should help.

answered Sep 19 '14 at 06:23

vabian

11

2

no, please read the question: "so I don't want to set it to clickable=false" – thriqon Sep 19 '14 at 06:31

score 0 · Answer 4 · answered Aug 25 '10 at 22:13

0

If you really don't want to make the button not clickable, you could just add a listener to the button and perform the same action as the LinearLayout onClick. It would appear to the user as if it was one big button.

answered Aug 25 '10 at 22:13

Cheryl Simon

46,552
15
93
82

Thanks Mayra, this works. How should I cascade the LinearLayout onClick event down to the ImageButton so that its drawable changes state when the LinearLayout is pressed? – Richard Aug 26 '10 at 13:27
I'm not sure what state you are referring to. Does the image button act like a Toggle button, where it shows a clicked state? You should be able to just call setChecked(checkedState) on your toggle button. – Cheryl Simon Aug 26 '10 at 16:09

Capturing LinearLayout onClick events with ImageButton inside it

4 Answers4