Android draw circle around Text

Question

I have a textView with a single character in it (all single digit, numbers 0-9). I'd like to draw a circle or a square around the number. I saw a thread mention using a nine-patch to style around it, but I'm unsure of how to do this (or if it is the best way to do it). How can I have a circle around the number?

Thanks

score 56 · Accepted Answer · answered Apr 08 '12 at 05:20

56

Just need to create a round drawable like this

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval">
    <corners android:radius="10dip"/>
    <stroke android:color="@color/red" android:width="2dip"/>
    <solid android:color="@android:color/transparent"/>
</shape>

And set this drawable as your TextView background.

answered Apr 08 '12 at 05:20

anticafe

6,642
9
41
73

3

Why do you use coners inside oval shape? From documentation: Creates rounded corners for the shape. Applies only when the shape is a rectangle. – Ray Mar 24 '14 at 11:17
6

This draws oval instead of circle – Roman Aug 13 '15 at 19:21
add padding left and right slightly more than top and bottom to textView – Faisal Naseer Mar 16 '17 at 09:17

score 1 · Answer 2 · answered Mar 05 '21 at 23:14

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <stroke android:color="@color/teal_200" android:width="2dip"/>
    <solid android:color="@android:color/transparent"/>
    <size
        android:width="10dp"
        android:height="10dp" 
    />
</shape>

score 0 · Answer 3 · answered Apr 08 '12 at 05:06

0

You should be able to just give that TextView a Shape drawable that is a circle as a background.

http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape

answered Apr 08 '12 at 05:06

flagoworld

3,177
2
19
16

Android draw circle around Text

3 Answers3

Linked