how to achieve transparency for an imagebutton in android

Question

I want the imagebutton to appear transparently on the screen so i have made android:background="@null" in the XML file so it has removed the gray border around the imagebutton.It solved my problem but when i click on the imagebutton it is not showing any background color. But i need some background color to appear on click. So I have added android:padding="3dp". It has removed the border on the sides but not on the top.

<ImageButton  
android:id="@+id/btnphoto"  
android:layout_width="wrap_content"  
android:layout_height="wrap_content"  
android:src="@drawable/photo"  
android:layout_x="4px"  
android:layout_y="370px"  
android:padding="3dp" />

Please help me.
Thanks in advance.

score 0 · Answer 1 · edited May 23 '17 at 10:33

0

To change View aspect on state changes (click, press, focus, ...) you can use StateListDrawable as android:background. ColorStateList can be usefull too.

This post shows a good example of how to use.

edited May 23 '17 at 10:33

Community

1
1

answered Apr 19 '11 at 16:04

OcuS

5,320
3
36
45

score 0 · Answer 2 · answered Apr 19 '11 at 16:04

0

android:background="@android:color/transparent"

or, if you want only some transparency, you can control it with the alpha channel.

Something like

android:background="#7F000000"

would be a partially transparent black.

answered Apr 19 '11 at 16:04

slund

6,367
2
26
19

score 0 · Answer 3 · answered Apr 19 '11 at 16:05

You can try making your custum button background, using images or shapes in XML...

For example, this shape make one button state where the colors are transparent because they are ARGB type.

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid
        android:color="#EB363636" />
    <corners
        android:bottomRightRadius="7dp"
        android:bottomLeftRadius="7dp"
        android:topLeftRadius="7dp"
        android:topRightRadius="7dp" />
    <stroke
        android:width="2dip"
        android:color="#D1000000" />
</shape>

Then you can combine multiple shapes/images to make an button react the diferent states:

<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:dither="true">

    <item 
        android:state_window_focused="false"
        android:drawable="@android:color/transparent" />
    <item 
        android:state_pressed="true"
        android:drawable="@layout/shape_btn"/>
    <item 
        android:state_focused="true"
        android:drawable="@layout/shape_btn"/>
    <item
        android:drawable="@android:color/transparent"/>

</selector>

After making your selector you can use it as your button background using android:background="NAME OF SELECTOR FILE"

how to achieve transparency for an imagebutton in android

3 Answers3