title: How to draw a circle inside a circle using Android xml shapes?
body: <p>I'm trying to make a thumb for a seekbar for my app, and I want to have an inner circle surrounded by a different, larger (semi-transparent) outer circle. I'm trying to use <code>layer-list</code>, but I'm having issues. Below is my 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
          android:shape="oval" &gt;
          &lt;solid android:color="#00f" /&gt;
  
          &lt;size
              android:height="15dp"
              android:width="15dp" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  
  &lt;item&gt;
      &lt;shape
          android:shape="oval" &gt;
          &lt;solid android:color="#f00" /&gt;
  
          &lt;size
              android:height="10dp"
              android:width="10dp" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>I would expect to see a small red circle on top of a larger blue circle, but all I'm seeing is the small red circle. Does anyone have any ideas?</p>