Android Linear Layout Misalignment

Question

I'm trying to use Linear Layout to create a simple layout with four elements in a row with 30dp fixed height. The elemens are a TextView, a Button, another TextView and another Button. However the second textview element is misaligned like it has a marginTop property set of a couple dp.

I've tried forcing the margins to zero but to no avail. Can you help me?

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/x"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView
        android:id="@+id/aod_division_name"
        android:layout_width="80dp"
        android:layout_height="30dp"
        android:layout_marginStart="5dp"
        android:gravity="center|start"
        android:text="@string/add"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Button
        android:id="@+id/aod_division_minusDivisionTotalButton"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:padding="0dp"
        android:text="@string/minus" />

    <TextView
        android:id="@+id/aod_division_totalValue"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <Button
        android:id="@+id/aod_division_plusDivisionTotalButton"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:gravity="center"
        android:padding="0dp"
        android:text="@string/plus" />

</LinearLayout>

Screenshot of the layout

Answer 1

Just add this attribute android:gravity="center" to your second text view.

If you still facing the issue try to add both TextView and button inside RelativeLayout, and you can use android:layout_toRightOf attribute, to align it perfectly. Something like this

<RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/aod_division_minusDivisionTotalButton"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:text="-" />

        <TextView
            android:id="@+id/aod_division_totalValue"
            android:layout_toRightOf="@+id/aod_division_minusDivisionTotalButton"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <Button
            android:id="@+id/aod_division_plusDivisionTotalButton"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_toRightOf="@+id/aod_division_totalValue"
            android:gravity="center"
            android:padding="0dp"
            android:text="+" />

    </RelativeLayout>

The above UI looks like this