Two Buttons next to each other in Android Layout


2 buttons next to each other Android Layout
2 buttons next to each other Android Layout

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 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.

⛏️ Note : Do not forget to add attribute : android:orientation="horizontal" to the LinearLayout.

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>

Top Hashtags:

Advertisements

Advertisements




Advertisements