Android Using layer-list for button selector

AndroidButtonCustomization

Android Problem Overview


How do we use a layer-list as a drawable for a button. I have a button: http://schemas.android.com/apk/res/android">

<item android:state_pressed="true">
	<shape>
		<gradient android:endColor="@color/white"
			android:startColor="@color/grey_blue_light" android:angle="90" />
		<stroke android:width="1dp" android:color="@color/aqua_blue" />
		<corners android:radius="3dp" />
		<padding android:left="10dp" android:top="10dp"
			android:right="10dp" android:bottom="10dp" />
	</shape>
</item>


<item android:state_focused="true">
	
</item>
<item>
	
</item>

Now I need a layer-list to be used as a shape when say button state is pressed:

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="oval">
        <solid android:color="@color/aqua_blue" />
    </shape>
</item>
<item android:top="1dp" android:left="1dp" android:right="1dp" android:bottom="1dp">
    <shape android:shape="oval">
        <solid android:color="@color/aqua_blue" />
    </shape>
</item>

How do we use this layer list in the button selector?

Android Solutions


Solution 1 - Android

Step-1 create three different layer_list xml under drawable folder for three different state of button. example the name of those xml is layer1.xml, layer2.xml, layer3.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <item>
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle"
            >
            
            <gradient
                android:angle="270"
                android:startColor="#0000ff"
                android:endColor="#0000dd"
                android:type="linear"
                />    
        </shape>
    </item>
    
</layer-list>

Step-2 create a selector xml named as btn_background.xml and pass the layer_list xml in drawable attribute

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

    <item android:state_pressed="true" android:drawable="@drawable/layer1">
       
    </item>

    <item android:state_focused="true" android:drawable="@drawable/layer2">
       
    </item>

    <item android:drawable="@drawable/layer3">        
       
    </item>
</selector>

step-3 Set the selector xml as background of the button android:background="@drawable/btn_background"

Solution 2 - Android

Mygod's answer is actually better than the accepted one. It works and only needs one xml file. Here's something similar that I did. It sets the background under a drawable with transparencies. The same could be done with a background and a shape:

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

    <item android:state_selected="true">
        <layer-list>
            <item android:drawable="@color/Black"/>
            <item android:drawable="@drawable/notes_white"/>
        </layer-list>
    </item>

    <item>
        <layer-list>
            <item android:drawable="@color/White"/>
            <item android:drawable="@drawable/notes_black"/>
        </layer-list>
    </item>

</selector>

Solution 3 - Android

Just replace the shape tag with your layer-list and everything will work fine.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionAmandeep ChughView Question on Stackoverflow
Solution 1 - AndroidSunil Kumar SahooView Answer on Stackoverflow
Solution 2 - AndroidClark BattleView Answer on Stackoverflow
Solution 3 - AndroidMygodView Answer on Stackoverflow