title: Resize bitmap inside a drawable layer-list
body: <p>Currently I'm developing a Android application. I want to make a text (a header) with a background that looks like this:</p>
  
  <pre><code> _______
  /______/
  </code></pre>
  
  <p>I have the following code:</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;shape&gt;    
              &lt;gradient
                android:startColor="@color/jaarkleur"
                android:centerColor="@color/jaarkleur"
                android:endColor="#E66C2C00"
                android:angle="0" /&gt;
              &lt;stroke android:width="1dp"
              android:color="#ff000000"
              /&gt;       
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item&gt;
          &lt;bitmap android:src="@drawable/overlay_left" android:gravity="left"  /&gt;
      &lt;/item&gt;
      &lt;item&gt;
          &lt;bitmap android:src="@drawable/overlay_right" android:gravity="right"  /&gt;
      &lt;/item&gt;
  
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>So I made to images so with a transparant triangle which are placed at both ends.</p>
  
  <p>This works fine for headers with only one line, but when a header takes up two lines it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/GBtRR.png" alt="http://i.imgur.com/lDQGo.png"></p>
  
  <p>So my question is: Is it possible to resize both images so looks correctly?
  Thank you!</p>