Question

How can we change the background colour of a Border less button when the button is pressed.

I used this:

    android:background="?android:attr/selectableItemBackground"
    android:text="@string/btn_skip" 

Where my button Displays a label “SKIP” as defined in my “strings.xml”.

Now When I test this it is Good Except It shows default “Blue” Colour when in Pressed State.
I want it to match it with other elements of my My UI theme that are “Orange” “#FF8800”

Any Ideas?

Thankx in advance…!

Answer 1

Thanks @Nimish-Choudhary …! I followed your advice. and I have explained it further for clarity to all having same question as me as a beginner.

Create an xml with name say "btntransparent.xml"

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    android:dither="true">

<item 
    android:state_pressed="true"
    android:drawable="@color/pressed"/>
<item 
    android:state_enabled="false"
    android:drawable="@color/defaultColor"/>
<item
    android:drawable="@color/defaultColor"/>

</selector>

Next add the colors "pressed" and "defaultColor" to another xml say "colors.xml"

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="pressed">#CCFF8800</color>
    <color name="defaultColor">#00000000</color>
</resources>

Here "#CCFF8800" is my pressed state Translucent Orange and "#00000000" is the 100% Transparent Black (;-) thats invisible). You can find more about color codes at Color| Android Developers

Now put the "colors.xml" in values Folder and "btntransparent.xml" in drawable Folder.

Now the last step is to voila use it in the button as

<Button
            android:id="@+id/id_btn_skip"
            android:background="@drawable/transparentbtn"
            android:onClick="skipToMain"
            android:text="@string/btn_skip" />

And thats should do the job…!

Take care.
regards,
raisedadead