title: combine both background image, background drawable style on a button
body: <p>Im wondering if its possible to combine both having an image on a button and using a drawable source and having text above that?</p>
  
  <p>I'm currently using this as my button style in drawable/red_btn.xml</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:state_pressed="true" &gt;
          &lt;shape&gt;
              &lt;solid
                  android:color="#ef4444" /&gt;
              &lt;stroke
                  android:width="1dp"
                  android:color="#992f2f" /&gt;
              &lt;corners
                  android:radius="3dp" /&gt;
              &lt;padding
                  android:left="10dp"
                  android:top="10dp"
                  android:right="10dp"
                  android:bottom="10dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item&gt;
          &lt;shape&gt;
              &lt;gradient
                  android:startColor="#ef4444"
                  android:endColor="#992f2f"
                  android:angle="270" /&gt;
              &lt;stroke
                  android:width="1dp"
                  android:color="#992f2f" /&gt;
              &lt;corners
                  android:radius="3dp" /&gt;
              &lt;padding
                  android:left="10dp"
                  android:top="10dp"
                  android:right="10dp"
                  android:bottom="10dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>And then my button</p>
  
  <pre><code>            &lt;Button
                  android:id="@+id/testButton"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:text="Income"
                  android:textSize="15dip"
                  android:background="@drawable/red_btn"
      android:textColor="#fff"
       android:textStyle="bold" /&gt;
  </code></pre>
  
  <p>Which looks like this</p>
  
  <p><img src="https://i.stack.imgur.com/lX4W8.jpg" alt="enter image description here"></p>
  
  <p>Now I would like to add another .png image (arrow.png) above this button to the right like this</p>
  
  <p><img src="https://i.stack.imgur.com/uSU0H.jpg" alt="enter image description here"></p>
  
  <p>Is this possible, and if, how can I do it?</p>
  
  <p>Thanks in advance.
  <strong>__________________________________________________________________________________________________________________________________________</strong></p>
  
  <p><strong>Edit</strong></p>
  
  <p>After following <strong>Luksprog's</strong> advice below I now have <strong>"red_btn_normal.xml"</strong> in drawable</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:state_pressed="true" &gt;
          &lt;shape&gt;
              &lt;solid
                  android:color="#ef4444" /&gt;
              &lt;stroke
                  android:width="1dp"
                  android:color="#992f2f" /&gt;
              &lt;corners
                  android:radius="3dp" /&gt;
              &lt;padding
                  android:left="10dp"
                  android:top="10dp"
                  android:right="10dp"
                  android:bottom="10dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item&gt;
          &lt;shape&gt;
              &lt;gradient
                  android:startColor="#ef4444"
                  android:endColor="#992f2f"
                  android:angle="270" /&gt;
              &lt;stroke
                  android:width="1dp"
                  android:color="#992f2f" /&gt;
              &lt;corners
                  android:radius="3dp" /&gt;
              &lt;padding
                  android:left="10dp"
                  android:top="10dp"
                  android:right="10dp"
                  android:bottom="10dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  
  &lt;/selector&gt;
  </code></pre>
  
  <p>and <strong>red_btn_pressed.xml</strong></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 android:state_pressed="true"&gt;
          &lt;shape&gt;
              &lt;solid android:color="#ef4444" /&gt;
  
              &lt;stroke
                  android:width="1dp"
                  android:color="#992f2f" /&gt;
  
              &lt;corners android:radius="3dp" /&gt;
  
              &lt;padding
                  android:bottom="10dp"
                  android:left="10dp"
                  android:right="10dp"
                  android:top="10dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item&gt;
          &lt;bitmap
              android:gravity="right"
              android:src="@drawable/arrow" /&gt;
      &lt;/item&gt;
  
  
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>And then i create my button like this "red_btn.xml" </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/red_btn_pressed" android:state_pressed="true"&gt;&lt;/item&gt;
      &lt;item android:drawable="@drawable/red_btn_normal"&gt;&lt;/item&gt;
  
  &lt;/selector&gt;
  </code></pre>
  
  <p>And finally my button</p>
  
  <pre><code>    &lt;Button
                  android:id="@+id/testButton"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:text="Income"
                  android:textSize="15dip"
                  android:background="@drawable/red_btn"
  
      android:textColor="#fff"
       android:textStyle="bold" /&gt;
  </code></pre>
  
  <p>Problem is that it only shows the white arrows when I <strong>click</strong> the button and it dosn't show it when its <strong>not pressed</strong>. What is wrong with the code? =)</p>