How to align a TextView, Spinner and Button in same row in android

Question

How to align a TextView, Spinner and Button in same row in android ?

My layout xmls as follows

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"  
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" 
android:gravity="center">


<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
     >

    <TextView android:id="@+id/textView1" 
        android:layout_width="0dp"
        android:layout_height="wrap_content" 
        android:text="Show"
        android:gravity="center" 
        android:layout_weight="1"
        android:textColor="#CD2134"  
        android:textStyle="bold"  />


    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="5"
        android:layout_marginBottom="15dp"
        android:prompt="@string/prompt"/>

    <Button
        android:id="@+id/button2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Get"
        android:layout_weight="1"
        android:onClick="button_click"/>


</LinearLayout>


  </LinearLayout>

output of the above layout as follows

enter image description here

I want just like below image

enter image description here

thanks in advance

score 12 · Accepted Answer · answered Apr 07 '14 at 10:43

Try this..

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="Show"
        android:textColor="#CD2134"
        android:textStyle="bold" />

    <Spinner
        android:id="@+id/spinner1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" 
        android:prompt="@string/prompt" />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="button_click"
        android:text="Get" />
</LinearLayout>

@Hariharan... one doubt how to set same height for button & spinner ? — Riskhan, Apr 07 '14 at 11:01
OK thanks The following link helped me http://stackoverflow.com/questions/4188859/how-to-get-a-buttons-height-to-match-another-elements-height — Riskhan, Apr 07 '14 at 11:10

score 2 · Answer 2 · answered Apr 07 '14 at 10:46

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:text="Show"
    android:textColor="#CD2134"
    android:textStyle="bold" />

<Spinner
    android:id="@+id/spinner1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_gravity="center_vertical"
    android:prompt="@string/prompt" />

<Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:onClick="button_click"
    android:layout_gravity="center_vertical"
    android:text="Get" />

Thanks suitable is hariharan's solution – Riskhan Apr 07 '14 at 10:54 — Riskhan, Apr 07 '14 at 10:54

score 1 · Answer 3 · answered Apr 07 '14 at 10:51

Try this

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"  
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" 
android:gravity="center">

<TextView
    android:id="@+id/textView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"

    android:gravity="center"
    android:text="Show"
    android:textColor="#CD2134"
    android:textStyle="bold" />

<Spinner
    android:id="@+id/spinner1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_marginBottom="15dp"
/>

<Button
    android:id="@+id/button2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"

    android:onClick="button_click"
    android:text="Get" />

Hope this will solve the issue

Thanks suitable is hariharan's solution – Riskhan Apr 07 '14 at 10:54 — Riskhan, Apr 07 '14 at 10:54

score 0 · Answer 4 · answered Aug 20 '19 at 09:20

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:weightSum="3"
android:orientation="horizontal" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
   />

<Spinner
    android:id="@+id/spinner1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
  />

<Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1" 
    android:text="Get" />

How to align a TextView, Spinner and Button in same row in android

4 Answers4