title: Circular TextView with boundary
body: <p>In my android app I am having a textview with circular background like this.</p>
  
  <p><img src="https://i.stack.imgur.com/30MjI.png" alt="enter image description here"> </p>
  
  <p>Following code is being used.</p>
  
  <pre><code>&lt;TextView 
  android:id="@+id/tv4"
  android:layout_width="5dp"
  android:layout_height="5dp"
  android:background="@drawable/circle"
  android:layout_alignParentRight="true"
  android:layout_marginRight="50dp"
  android:layout_centerVertical="true"
  </code></pre>
  
  <p>/></p>
  
  <p>circle.xml</p>
  
  <pre><code>&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="#ff0000" /&gt; 
  &lt;corners android:topLeftRadius="60dp" android:topRightRadius="60dp"    android:bottomLeftRadius="60dp" android:bottomRightRadius="60dp" /&gt; 
  &lt;/shape&gt;
  </code></pre>
  
  <p>When the circle is touched I want it to have a circular boundary like this image. It should remain this way even when mouse moves away. How can this be done ?</p>
  
  <p><img src="https://i.stack.imgur.com/ES6sQ.png" alt="enter image description here"></p>