android:gravity does not align as it should

Question

I have some code that should center a text in button, but the text is not aligned exactly in the middle. It is located a little at the bottom. How I could fix this?

</style>
    <style name="ButtonText">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">34dp</item>
    <item name="android:layout_weight">0.5</item>
    <item name="android:textColor">#ffffff</item>
    <item name="android:gravity">center</item>
    <item name="android:layout_margin">3dp</item>
    <item name="android:padding">1dp</item>
    <item name="android:textSize">26sp</item>
    <item name="android:textStyle">bold</item>
</style>

        <Button
        android:id="@+id/buttonStop"
        android:background="@drawable/greenbutton"
        style="@style/ButtonText"
        android:text="@string/ButtonStop" />

Screenshot

decrease the `textSize` to `12sp` for testing.and be sure that it is not the issue due to insufficient space as you have fixed height to `34dp`. — Mehul Joisar, Nov 08 '13 at 13:55

score 1 · Accepted Answer · answered Nov 08 '13 at 13:55

1

This is normal. Text generally has top/bottom padding that isn't even. It's used for ascender/descender area.

If you need pixel-perfect centering, you can try telling it not to include the font padding with:

android:includeFontPadding="false"

answered Nov 08 '13 at 13:55

Geobits

22,218
6
59
103

score 0 · Answer 2 · answered Nov 08 '13 at 14:01

0

I guess must be contradict in your style. Change your padding and layout_height attributes to following.

<item name="android:layout_height">wrap_content</item>
<item name="android:paddingTop">4dp</item>
<item name="android:paddingBottom">4dp</item>

answered Nov 08 '13 at 14:01

edisonthk

1,403
16
35

android:gravity does not align as it should

2 Answers2