title: Android drawable with background and gradient on the left
body: <p>W would like to have a <code>drawable</code> which has background and gradient on the left that is about <code>10dp</code> wide. </p>
  
  <p>Image of what I would like to achieve: </p>
  
  <p><img src="https://i.stack.imgur.com/251Kc.png" alt="enter image description here"></p>
  
  <ol>
  <li>Red gradient on the left</li>
  <li>Background on the rest</li>
  </ol>
  
  <p>How I can achieve that?</p>
  
  <p>I've tried <code>layer-list</code> with two shapes but with no luck.</p>
  
  <p>Item background: </p>
  
  <pre><code>&lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android" &gt;
      &lt;item android:drawable="@drawable/background" /&gt;
      &lt;item android:drawable="@drawable/gradient" /&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>Background drawable:</p>
  
  <pre><code>&lt;shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"&gt;
      &lt;solid android:color="@color/black" /&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>Shape drawable:</p>
  
  <pre><code>&lt;shape xmlns:android="http://schemas.android.com/apk/res/android" 
  android:shape="rectangle"&gt;
      &lt;gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF"
          android:angle="90"/&gt;
         &lt;size android:width="10dp" /&gt;
  &lt;/shape&gt;
  </code></pre>