Question

I am trying to horizontally align an EditText with a Button without success. Both should be of the same height and their tops and bottoms should align with each other. Here’s my code:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <EditText
        android:id="@+id/quantity"
        android:inputType="number"
        android:layout_height="fill_parent"
        android:layout_width="100dp"
        android:layout_toRightOf="@id/quantity_label"
        android:background="@android:drawable/editbox_background" />
    <Button
        android:onClick="submitButtonTapped"
        android:id="@+id/submit"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_toRightOf="@id/quantity"
        android:drawableLeft="@drawable/submit_icon"
        android:drawablePadding="5dp"
        android:text="@string/submit" />
</LinearLayout>

The result is that the bottom of the two elements are aligned. The focus border of the EditText extends below the Button. The EditText does not extend to the height of the Button, even with the focus border. How do I get them aligned?

Answer 1

1. Set in dimen/line_height value.
2. Use this layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="@dimen/line_height"
android:orientation="horizontal" >
<EditText
    android:id="@+id/quantity"
    android:inputType="number"
    android:layout_height="fill_parent"
    android:layout_width="100dp"
    android:background="@android:drawable/editbox_background" />

<Button
    android:id="@+id/submit"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:drawableLeft="@drawable/submit_icon"
    android:onClick="submitButtonTapped"
    android:text="@string/submit" />
 </LinearLayout>