title: Android : Draw Circle With Text Inside
body: <p>I need to draw three circles in my fragment ,the circles differ in size, I refer this <a href="https://stackoverflow.com/a/20168311/1450401">link</a> 
  The result i obtained is this </p>
  
  <p><img src="https://i.stack.imgur.com/gz1l0.png" alt="enter image description here"></p>
  
  <p>This is my XML Code : UPDATED</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
      &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:gravity="center" &gt;
           &lt;TextView
               android:id="@+id/large_volume"
               android:layout_width="185dp"
               android:layout_height="185dp"
               android:background="@drawable/circle"
               android:gravity="center"
               android:text="My name is NON"
               android:textColor="#FFFFFF"
               android:textSize="10dp" /&gt;
  
           &lt;TextView
               android:id="@+id/medium_volume"
               android:layout_width="120dp"
               android:layout_height="120dp"
               android:layout_alignTop="@+id/large_volume"
               android:layout_toRightOf="@+id/large_volume"
               android:background="@drawable/circle"
               android:gravity="center"
               android:text="My name is NON"
               android:textColor="#FFFFFF"
               android:textSize="10dp" /&gt;
  
           &lt;TextView
               android:id="@+id/TextView02"
               android:layout_width="90dp"
               android:layout_height="90dp"
               android:layout_below="@+id/medium_volume"
               android:layout_toRightOf="@+id/large_volume"
               android:background="@drawable/circle"
               android:gravity="center"
               android:layout_marginTop="-3dp"
               android:layout_marginLeft="-17dp"
               android:text="My name is NON"
               android:textColor="#FFFFFF"
               android:textSize="10dp" /&gt;
  
      &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>But what i need must be is like this <img src="https://i.stack.imgur.com/Xm9Qn.jpg" alt="enter image description here"></p>
  
  <p>You can see the circles must stay close together , But when i use XML view i can't achieve this . How can i achieve this , I need <code>onClickListeners</code> in my circle thats why i use views </p>
  
  <p>Is this can achieve through Canvas drawing , i heard canvas is not  view so this will restrict me from giving click listeners ,Correct me if i am wrong</p>
  
  <p><strong>UPDATE :</strong></p>
  
  <p>I fulfill my need through XML approach ,is there any way to achieve this through canvas drawing ,Should i post  another question for that ??</p>