title: How overlay bitmap and shape in layer-list properly
body: <p>I want make button with white border and bitmap at the left side:</p>
  
  <p><a href="https://i.stack.imgur.com/HZDLk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HZDLk.png" alt="enter image description here"></a></p>
  
  <p>I have xml for background:</p>
  
  <pre><code>&lt;layer-list
      xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item&gt;
          &lt;shape&gt;
              &lt;corners android:radius="10.0dip"/&gt;
              &lt;stroke
                  android:width="2px"
                  android:color="@android:color/white"/&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item&gt;
          &lt;bitmap
              android:gravity="left"
              android:src="@drawable/vk_login"&gt;
          &lt;/bitmap&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>And result is:</p>
  
  <p><a href="https://i.stack.imgur.com/4l16R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4l16R.png" alt="enter image description here"></a></p>
  
  <p>I don't know how make border and cut corners from bitmap. What is best way to make background like first image?</p>