Android: нарисовать круг с текстом внутри

Мне нужно нарисовать три круга в моем фрагменте, круги различаются по размеру, я имею в виду этоссылка В результате я получил это

Это мой код XML: ОБНОВЛЕНО

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center" >
         <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" />

         <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" />

         <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" />

    </RelativeLayout>

Но что мне нужно, так это

Вы можете видеть, что круги должны оставаться близко друг к другу, но когда я использую представление XML, я не могу достичь этого. Как мне этого добиться, мне нужноonClickListeners в моем кругу, поэтому я использую представления

Может ли это быть достигнуто с помощью рисования на холсте, я слышал, что холст не виден, так что это будет ограничивать меня от прослушивания кликов

ОБНОВИТЬ :

Я выполняю свою потребность с помощью подхода XML, есть ли способ добиться этого с помощью рисования на холсте, Должен ли я опубликовать еще один вопрос для этого?

Ответы на вопрос(5)

Ваш ответ на вопрос