If you want to place two or more buttons next to each other in your Android Application then the best way to achieve it is by using a linear layout with a horizontal orientation.

Be it any parent layout that you have (RelativeLayout, LinearLayout e.t.c) you can add a nested LinearLayout to get the buttons added one after the other horizontally.
Below example has 3 buttons added next to each other, we have a parent <RelativeLayout> and <LinearLayout> holding three buttons.
Example :
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.drawing.Sample" >
<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:orientation="horizontal" >
<Button
android:id="@+id/button1"
android:textSize="12dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button one" />
<Button
android:id="@+id/button2"
android:textSize="12dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button two" />
<Button
android:id="@+id/button3"
android:textSize="12dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button three" />
</LinearLayout>
</RelativeLayout>
You can achieve this also using <TableRow> layout, when you add Views to TableRow elements, get added next to each other.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.drawing.Sample"
tools:ignore="HardcodedText" >
<TableRow
android:id="@+id/tableRow1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp" >
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="40dp"
android:text="Button 1" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button 2" />
</TableRow>
</LinearLayout>
Provide Feedback For This Article
We take your feedback seriously and use it to improve our content. Thank you for helping us serve you better!
😊 Thanks for your time, your feedback has been registered!
Comments & Discussion
Facing issues? Have questions? Post them here! We're happy to help!