Putting two buttons side by side

Question

I need to put two buttons side by side, centered and aligned to bottom. At the moment they're both bottomed and centered, but they're over each other and I need them side by side

<Button
    android:id="@+id/uploadButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="UPLOAD" />


<Button
    android:id="@+id/removeButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="REMOVE" />

Does this answer your question? [2 buttons side by side - android layouts](https://stackoverflow.com/questions/5551349/2-buttons-side-by-side-android-layouts) — Javad Dehban, Jul 27 '20 at 08:21

score 1 · Answer 1 · answered Jul 27 '20 at 06:58

Try this layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/uploadButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:text="UPLOAD" />


        <Button
            android:id="@+id/removeButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:text="REMOVE" />
        
    </LinearLayout>

</RelativeLayout>

score 1 · Answer 2 · edited Jul 28 '20 at 13:53

You can use a linear layout and put the buttons in that layout. and add layout_weight to the buttons. Like this:

<LinearLayout 
    android:id="@+id/LinearLayout" 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    android:layout_alignParentBottom="true">

    <Button
    android:id="@+id/uploadButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="UPLOAD"
android:layout_weight="1" />

    <Button
    android:id="@+id/removeButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:text="REMOVE" 
android:layout_weight="1"/>
</LinearLayout>

@MMG as this is the common way to put two buttons side by side and i always use this method and matching both answer is purely coincidence. — Saurav Kumar, Jul 27 '20 at 14:29

MMG · Answer 3 · 2020-07-27T07:01:08.793

Give weight to them:

  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

     <Button
            android:id="@+id/uploadButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
    android:layout_weight="1"
            android:text="UPLOAD" />
        
        
        <Button
            android:id="@+id/removeButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
    android:layout_weight="1"
            android:text="REMOVE" />
<LinearLayout/>

Put them in a layout @JAMESBOND123123 – MMG Jul 27 '20 at 07:01 — MMG, Jul 27 '20 at 07:01

Putting two buttons side by side

3 Answers3