How to keep a TextView square?

Question

I found this answer, which makes sure the aspect ratio is preserved of the an ImageView.

How would I be able to do that with a TextView with a background drawable? I have this TextView:

       <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:padding="5dp"
            android:layout_margin="5dp"
            android:text="1"
            android:textColor="@color/white"
            android:id="@+id/tvCount"
            android:background="@drawable/textview_notify"
            android:layout_column="2"
            android:layout_gravity="right|top"/>

and this is my background drawable:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    >
    <!-- The fill color -->
    <solid android:color="@color/red" />
    <!-- Just to add a border -->
    <stroke
        android:color="@color/white"
        android:width="2dp"
        />
</shape>

How to make sure the TextView stays square (and the background thus a perfect circle?).

@Blackbelt could you elaborate on that? I tried subclassing it and overriding `onMeasure`, but I get some strange values when reading height and width I get in that call. — Bart Friederichs, Feb 26 '16 at 15:56
If you don't need anything fancy [this](http://stackoverflow.com/questions/25770142/how-to-set-relativelayout-height-equal-to-its-width) should do it — Blackbelt, Feb 26 '16 at 19:13

score 1 · Answer 1 · answered Feb 26 '16 at 15:17

1

Use android:gravity="center" and android:padding="@dimen/circle_radius. Define circle_radius dimen in dimens.xml file.

answered Feb 26 '16 at 15:17

Malwinder Singh

6,644
14
65
103

I never used the `dimen.xml` file, how would I define that ? – Bart Friederichs Feb 26 '16 at 15:44
It is resource file under values folder. – Malwinder Singh Feb 26 '16 at 15:51
I know that, but how should I define a circular radius in there? Just putting `padding="5sp"` will still make it oval if the width is larger than the height. – Bart Friederichs Feb 26 '16 at 15:52
Yes you can.. I recommend not hard coding it. – Malwinder Singh Feb 26 '16 at 15:54
Use `` inside tag – Malwinder Singh Feb 26 '16 at 15:57
Still makes it oval if the text becomes larger. – Bart Friederichs Feb 26 '16 at 16:14
Do you want text in single line? – Malwinder Singh Feb 26 '16 at 16:18
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/104664/discussion-between-bart-friederichs-and-malwinder). – Bart Friederichs Feb 26 '16 at 16:18

score 1 · Answer 2 · answered Jan 24 '21 at 14:00

Use app:layout_constraintDimensionRatio="1:1" in TextView

<TextView
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:textAppearance="?android:attr/textAppearanceSmall"
    android:padding="5dp"
    android:layout_margin="5dp"
    android:text="1"
    android:textColor="@color/white"
    android:id="@+id/tvCount"
    android:background="@drawable/textview_notify"
    android:layout_column="2"
    android:layout_gravity="right|top"
    app:layout_constraintDimensionRatio="1:1"/>

How to keep a TextView square?

2 Answers2