Android - change send icon's color on ImageButton

Question

How to change the default color of send icon on this ImageButton?

<ImageButton
    android:id="@+id/ImageButton1"
    android:layout_width="0dp"
    android:paddingTop="5dip"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:background="@null"
    android:gravity="right"
    android:scaleType="center"
    android:src="@android:drawable/ic_menu_send" />

I want to use gray instead of current white color.

@MD But I want to click on this button, So how to use clickable ImageView ? — Farzan Najipour, Feb 09 '16 at 06:56
@ why not? [Check this POST](http://stackoverflow.com/questions/3024983/how-do-i-change-the-tint-of-an-imagebutton-on-focus-press) — M D, Feb 09 '16 at 06:57
Please, use this class, is such more easy. https://github.com/jrvansuita/IconHandler — Vansuita Jr., Oct 12 '16 at 03:53

score 42 · Accepted Answer · answered Feb 09 '16 at 07:27

Add tint attribute and you can set any color you want. Also you can set android:tintMode attribute (Which says how the color should apply).

 <ImageButton
        android:id="@+id/ImageButton1"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="right"
        android:paddingTop="5dip"
        android:scaleType="center"
        android:tint="@color/colorAccent"
        android:src="@android:drawable/ic_menu_send" />

score 8 · Answer 2 · answered Feb 09 '16 at 07:26

8

You can use colorFilter on image view and can give any color runtime.

iv.setColorFilter(getResources().getColor(R.color.color_gray),
                PorterDuff.Mode.SRC_ATOP);

answered Feb 09 '16 at 07:26

Wasim K. Memon

5,979
4
40
55

1

what is PorterDuff.Mode.SRC_ATOP? – Farzan Najipour Feb 09 '16 at 08:01
@afn it is mode of adding color to image or draw able. check here - http://developer.android.com/reference/android/graphics/PorterDuff.Mode.html – Wasim K. Memon Feb 09 '16 at 08:23

score 4 · Answer 3 · answered Feb 09 '16 at 07:04

4

Add android:tint attribute to set the icon colour.

<ImageButton
    android:id="@+id/ImageButton1"
    android:layout_width="0dp"
    android:paddingTop="5dip"
    android:layout_weight="1"
    android:tint="@color/background_red"
    android:layout_height="wrap_content"
    android:adjustViewBounds="true"
    android:background="@null"
    android:gravity="right"
    android:scaleType="center"
    android:src="@android:drawable/ic_menu_send" />

answered Feb 09 '16 at 07:04

Reaz Murshed

23,691
13
78
98

I have tried implementing this for a delete icon, but the red color is faded, am I missing something? – Kevin Apr 14 '18 at 16:05

score 2 · Answer 4 · edited Dec 01 '20 at 13:13

put this image in your drawable folder and then

save it in drawable as an image

<ImageButton
        android:id="@+id/ImageButton1"
        android:layout_width="0dp"
        android:paddingTop="5dip"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="right"
        android:scaleType="center"
        android:src="@android:drawable/img" />

score 2 · Answer 5 · answered Apr 29 '22 at 04:59

You can use the below code to change it programmatically:

Drawable drawableTint = DrawableCompat.wrap(getResources()
        .getDrawable(imageResID)).mutate();
DrawableCompat.setTint(drawableTint, 
        ContextCompat.getColor(getContext(), R.color.colorTint));

yourImageButton.setImageDrawable(drawableTint);

score 1 · Answer 6 · edited Dec 01 '20 at 13:12

download icon put inside drawable folder

Download Icon

<ImageButton
        android:id="@+id/ImageButton1"
        android:layout_width="0dp"
        android:paddingTop="5dip"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@null"
        android:gravity="right"
        android:scaleType="center"
        android:src="@drawable/downloded_icon_send" />

score -2 · Answer 7 · answered Feb 09 '16 at 06:56

-2

you can put your costomize image in you drawable then you can use it as image src

answered Feb 09 '16 at 06:56

krishna

301
1
8

2

Edit the same answer instead of posting a new one! – Dhinakaran Thennarasu Feb 09 '16 at 07:05

Android - change send icon's color on ImageButton

7 Answers7

Linked