Add/Remove border on-click Android Java

Question

I would like to know the simplest way to Add and Remove a border from an Image in Android Studio using Java. I just want the user to have the indication that he clicked the Image (which is clickable of course) without having two different .png.

Did you google that? You should find examples there. Did you try anything yet? — wrtsprt, Mar 17 '16 at 16:37

score 2 · Accepted Answer · answered Mar 17 '16 at 16:29

2

Wrap your ImageView on FrameLayout and add

android:foreground="?android:attr/selectableItemBackground" attribute.

            <FrameLayout
                android:layout_width="48dp"
                android:layout_height="match_parent"
                android:foreground="?android:attr/selectableItemBackground">

                <ImageView
                    android:id="@+id/myButton"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    style="?android:borderlessButtonStyle"
                    android:scaleType="center"
                    android:src="@drawable/my_drawable" />
            </FrameLayout>

answered Mar 17 '16 at 16:29

Sergey Shustikov

15,377
12
67
119

@AdamSwid please approve for future searches – Sergey Shustikov Mar 18 '16 at 11:39
How do I approve? (sorry new to the site) – Adam Swid Mar 19 '16 at 16:53
@AdamSwid you need just press check mark from the left of answer :) – Sergey Shustikov Mar 19 '16 at 16:54
great, thanks again. – Adam Swid Mar 19 '16 at 18:08

Ali Elgazar · Answer 2 · 2016-03-17T16:34:08.990

0

Put the Image in a layout, then pad the layout with some value you wish. set an OnClickListener to that image View, and on Click, change the background colour of the layout the Image is placed in. You can have this as an on and off toggle very easily.

Edit:-

ssh's answer is much clearer than mine. Reference his please.

edited Mar 17 '16 at 16:34

answered Mar 17 '16 at 16:26

Ali Elgazar

777
2
12
26

score 0 · Answer 3 · answered Mar 17 '16 at 16:29

You can add a View with 1dp width before your image and make it visible whenever you need to show the border.

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:visibility="invisible"/>
    <ImageView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:src=""/>
</LinearLayout>

Add/Remove border on-click Android Java

3 Answers3