Spacing Button in android

Question

I have this layout with 2 buttons but they are attached side by side, How can I put a gap or spacing between them. And how can I make the buttons change color when I click

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:padding="30dp" >
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="20dp" >
    <Button
        android:id="@+id/login"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.40"
        android:background="#FF55FF"
        android:text="Login"
        android:textColor="#FFFFFF" />
    <Button
        android:id="@+id/register"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.40"
        android:background="#FF55FF"
        android:text="Register"
        android:textColor="#FFFFFF" />
</LinearLayout>

This worked well, But also how can I change their color when I click? — Abel Pule Chilungu, Jul 09 '15 at 09:36
`how can I change their color when I click?` Use a State selector. — Phantômaxx, Jul 09 '15 at 09:37
@MD From "Der Golem" to "Der Gol...lum" (a "golemized" Gollum). ;) — Phantômaxx, Jul 09 '15 at 10:00

score 1 · Answer 1 · answered Jul 09 '15 at 09:30

1

using margin (left, right, bottom and top) you can elegantly position your UI elements

answered Jul 09 '15 at 09:30

Ali Kazmi

1,460
9
22

This worked well, But also how can I change their color when I click? – Abel Pule Chilungu Jul 09 '15 at 09:35
check out this http://stackoverflow.com/questions/1521640/standard-android-button-with-a-different-color – Ali Kazmi Jul 09 '15 at 09:37
if your problem is solved then mark my suggestion as answer – Ali Kazmi Jul 09 '15 at 09:37

score 0 · Accepted Answer · answered Jul 09 '15 at 09:32

I have just given layout_margin for buttons as 5dp. Choose accordingly to your requirement

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:padding="30dp" >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:paddingTop="20dp" >
            <Button
                android:id="@+id/login"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0.40"
                android:background="#FF55FF"
                android:text="Login"
                android:layout_margin="5dp"
                android:textColor="#FFFFFF" />
            <Button
                android:id="@+id/register"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0.40"
                android:background="#FF55FF"
                android:text="Register"
                android:layout_margin="5dp"
                android:textColor="#FFFFFF" />
        </LinearLayout>
        </LinearLayout>

score 0 · Answer 3 · answered Jul 09 '15 at 09:47

Reference for your question about color change on click. To change the color of the button on click you need to implement event handlers such as onClickListener in your source file. You can refer to below code for example. Implement this code in onCreate method in your java source file...

//initializing your buttons first
  Button button1 = (Button)findViewById(R.id.button1id);
  button1.setOnClickListener(new OnClickListener() {
  button1.setBackgroundResource(R.color.Red);
  });

The color should already be defined in the values. Create a folder named colors in values and define various colors.

Spacing Button in android

3 Answers3