title: Set custom rounded scrollbarThumbVertical outside scrollbarTrackVertical android
body: <p>The three xml files below is my custom scrollbar. I want to set  seek_bar_thumboutsite.xml outside scroll.xml.</p>
  
  <p><img src="https://i.stack.imgur.com/mqOIC.png" alt="enter image description here"></p>
  
  <p><strong>style.xml</strong></p>
  
  <pre><code>    &lt;style name="scroll"&gt;
          &lt;item name="android:scrollbarThumbVertical"&gt;@drawable/seek_bar_thumb&lt;/item&gt;
          &lt;item name="android:scrollbarTrackVertical"&gt;@drawable/scroll&lt;/item&gt;
          &lt;item name="android:scrollbarThumbHorizontal"&gt;@drawable/scrollbar_handle&lt;/item&gt;
          &lt;item name="android:scrollbarTrackHorizontal"&gt;@drawable/scrollbar_track&lt;/item&gt;
          &lt;item name="android:scrollbarFadeDuration"&gt;0&lt;/item&gt;
          &lt;item name="android:scrollbarAlwaysDrawVerticalTrack"&gt;true&lt;/item&gt;
  
      &lt;/style&gt;
  
  
  **scroll.xml**
  
  &lt;?xml version="1.0" encoding="UTF-8"?&gt; 
   &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"&gt; 
   &lt;solid android:color="#E3E3E3"/&gt;    
   &lt;stroke android:width="1dp"
          android:color="#E3E3E3" /&gt;&lt;!-- #330000FF #ffffffff --&gt;
   &lt;gradient                             
      android:startColor="#E3E3E3" 
      android:endColor="#E3E3E3" 
      android:angle="90"/&gt; 
  
   &lt;padding android:left="5dp"
           android:top="5dp"
           android:right="5dp"
           android:bottom="5dp"/&gt; 
   &lt;corners android:bottomRightRadius="7dp"     
           android:bottomLeftRadius="7dp" 
           android:topLeftRadius="7dp"
           android:topRightRadius="7dp"/&gt; 
   &lt;/shape&gt;
  
  
  **seek_bar_thumb**
  
  &lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!--  @author : @alexduhem 
          blog.sakaroz.com
   --&gt;
  &lt;shape
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="oval"&gt;
      &lt;size
          android:width="25dip"
          android:height="25dip" /&gt;
      &lt;stroke
          android:width="1dip"
          android:color="#ff5da8d4" /&gt;
      &lt;gradient
          android:startColor="#ff0e75af"
          android:endColor="#ff1997e1"
          android:angle="270"
          android:type="linear" /&gt;
  &lt;/shape&gt;
  </code></pre>
  
  <p>I want the thumb to appear like the random round scrollthumbvertical in the progress bar below. The only difference is that the scroll thumb should be vertical</p>
  
  <p><img src="https://i.stack.imgur.com/W3Saf.png" alt="enter image description here"></p>