title: Custom thumb for a seekbar in Android
body: <p>I want to create a custom thumb for seekbar that should look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/AjZF5.png" alt="enter image description here"></p>
  
  <p>One solution could be <a href="https://stackoverflow.com/questions/16163215/android-styling-seek-bar">this one</a>, where png pictures are used to draw the thumb. </p>
  
  <p>I believe that it should be possible to use xml only, since it is very similar to this thumb:</p>
  
  <p>thumb.xml</p>
  
  <pre><code>&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="oval"&gt;
  
      &lt;size android:height="30dp" android:width="30dp"/&gt;
      &lt;stroke android:width="18dp" android:color="#882EA5DE"/&gt;
      &lt;solid android:color="#2EA5DE" /&gt;
      &lt;corners android:radius="1dp" /&gt;
  
  &lt;/shape&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/NkzK3.png" alt="enter image description here"></p>
  
  <p>Just need to add second border (white stroke around), so that I can skip to manage all that pictures for different screen resolutions (hdpi/mdpi/xhdpi/xxhdpi).</p>
  
  <p>I have tried different combination with shapes "oval" and "ring", but could not get the result required. How can you make it?</p>