How can I put 2 buttons side by side, so that they occupy all the width, with a little space between them?
I thought a horiz linear layout, with 2 sub linear layouts set to match parent and weight 1, each of them containing the button. Is there a simpler way? can this be accomplished with relative layouts?
If you have multiple buttons that should sit side-by-side on the same line, add the data-inline="true" attribute to each button. This will style the buttons to be the width of their content and float the buttons so they sit on the same line.
<LinearLayout android:id="@+id/LinearLayout02" android:layout_height="wrap_content" android:layout_width="match_parent" android:layout_alignParentBottom="true"> <Button android:id="@+id/Button02" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="Apply"> </Button> <Button android:id="@+id/Button03" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:text="Cancel"> </Button> </LinearLayout>
If you want that the 2 buttons ocuppy all the width and the buttons have the same width, you must change in the 2 buttons the propertie:
android:layout_width="wrap_content"
to android:layout_width="match_parent"
because if you have one of this button with a long text and the other button with short text, the button with long text ocuppy more space.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With