title: round corners with border color
body: <p>I am using the following code to get rounded corners as well as a colored outline:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; 
  </code></pre>
  
  <p> </p>
  
  <pre><code>&lt;gradient 
      android:startColor="@color/white" 
      android:endColor="@color/white" /&gt; 
  
  &lt;corners 
      android:bottomRightRadius="2dp" 
      android:bottomLeftRadius="2dp" 
      android:topLeftRadius="2dp" 
      android:topRightRadius="2dp"/&gt; 
  
  &lt;stroke
      android:width="5dip"
      android:color="@color/black" /&gt;
  </code></pre>
  
  <p> </p>
  
  <p><img src="https://i.stack.imgur.com/2yDyi.png" alt="round corners with border color"></p>
  
  <p>The image displays what I'm getting right now. Due to the <code>stroke</code>, the rounded corners only lie on the outer edge of the layout and the inner edge of the black outline makes a rectangle with sharp edges. How can I convert the sharp edges to rounded corners?</p>