Adjust button text size with button height

Question

I have a button that I set a particular height for and have the button text fill the entire button. I achieved this before by setting textSize to a specific dimension to fill the button.

But the problem is whenever the user changes the system font of his/her device, it affects the button text and the text overflows and gets cut in the button. How can I make the button text size match the height of the button?

Edit

The button's height is set to match_parent for it's parent widget

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay">
            <RelativeLayout
                android:layout_marginEnd="16dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_marginRight="16dp">
                <Button
                    android:id="@+id/text_toolbar"
                    style="?android:attr/borderlessButtonStyle"
                    android:layout_centerInParent="true"
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:textSize="36sp"
                    android:textColor="@color/white"
                    android:text="@string/k_i_n_e_c_t"/>
            </RelativeLayout>
        </android.support.v7.widget.Toolbar>

Set your button height to wrap content then it'll automatically adjust to change in text size. — sumit, Jun 08 '17 at 05:15

score 1 · Answer 1 · answered Jun 08 '17 at 05:18

1

Just take the height from the button with:

button.getHeight();

set your text size with:

button.setTextSize();

answered Jun 08 '17 at 05:18

Android Geek

8,956
2
21
35

That won't work cos they have different dimensions. Besides, I need an xml fix, not Java – Ace Falobi Jun 08 '17 at 05:47

score 1 · Answer 2 · answered Jun 08 '17 at 05:19

1

If you use this wrap_content the text does't overflow

<Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Upload Image"
            android:id="@+id/buttonUpload" />

answered Jun 08 '17 at 05:19

Shiva kumar

71
6

score 1 · Accepted Answer · answered Jun 08 '17 at 05:39

try to wrap_content property to both RelativeLayout and Button like above code ,

  <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay">
        <RelativeLayout
            android:layout_marginEnd="16dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="16dp">
            <Button
                android:id="@+id/text_toolbar"
                style="?android:attr/borderlessButtonStyle"
                android:layout_centerInParent="true"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textSize="36sp"
                android:textColor="@color/white"
                android:text="@string/k_i_n_e_c_t"
                android:padding="2sp"/>
        </RelativeLayout>
    </android.support.v7.widget.Toolbar>

Thanks. That worked. Had to change the width to `wrap_content` though — Ace Falobi, Jun 08 '17 at 11:24

score 0 · Answer 4 · answered Jun 08 '17 at 05:21

0

I guess you must have used dp as the unit for your textsize. It is preferable to use sp for text dimensions.

Why should we use sp for font sizes in Android?

answered Jun 08 '17 at 05:21

Arun Shankar

2,295
16
20

That is what I'm using – Ace Falobi Jun 08 '17 at 05:30

score 0 · Answer 5 · edited May 24 '18 at 12:15

0

You can achieve this by setting width, height & wrap_content of the button.

Or you can try by fixing the size of the button and change the button size dynamically as per the text size.

edited May 24 '18 at 12:15

syam

799
1
12
30

answered May 24 '18 at 11:52

Rajan

19
5

Adjust button text size with button height

5 Answers5