title: Button pressed and two images xml android
body: <p>I have two images. In one is a number, the other is shadow. I need to show this two images as can be seen in the second photo.</p>
  
  <p>This is my code. Right now it only shows or the number (when is not pressed), or the shadow(when is pressed).</p>
  
  <p>How is possible to show both images when the user press the button?</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
      &lt;item android:drawable="@drawable/button_select" android:state_pressed="true"
          android:alpha="0.75"/&gt;
      &lt;item android:drawable="@drawable/number_1" android:state_enabled="true" /&gt;
  
      &lt;item android:drawable="@drawable/number_1" android:state_pressed="false"
          /&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/bAHAV.jpg" rel="nofollow noreferrer">this are the two images</a></p>
  
  <p><a href="https://i.stack.imgur.com/52H9n.png" rel="nofollow noreferrer">this is the goal</a></p>
  
  <p>Also I was trying using layerDrawable in this way, but didn't work:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item&gt;
  &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
      &lt;item android:drawable="@drawable/button_select" android:state_pressed="true"
          android:alpha="0.75"/&gt;
      &lt;item android:drawable="@drawable/number_1" android:state_enabled="true" /&gt;
  &lt;/selector&gt;
  
  &lt;/item&gt;
      &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
      &lt;item android:drawable="@drawable/number_1" android:state_pressed="false"
          /&gt;
  &lt;/selector&gt;
  &lt;/layer-list&gt;
  </code></pre>