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

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

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

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

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

ОБНОВИТЬ :

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