How to bring button to center of the screen in Android

Question

I have a single button in Linear layout and I want to keep it at the center (horizontally).
I set android:gravity="center_horizontal" for button and linear layout but no luck.

 <LinearLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/linearLayout4" android:layout_gravity="center_horizontal">
        <Button android:id="@+id/button1" android:layout_height="wrap_content" android:layout_width="wrap_content" android:gravity="center_horizontal" android:text="Search"></Button>
    </LinearLayout>

Sorry for such a basic question but as far as I know only android:gravity can be used to bring it to center and it didn't work for me.

Solution:

Thanks to Sbossb

<RelativeLayout android:id="@+id/RelativeLayout01"
        android:layout_width="fill_parent" android:layout_height="wrap_content">
        <Button android:id="@+id/Button01" android:layout_width="wrap_content"
            android:layout_height="wrap_content" android:text="Search"
            android:layout_centerInParent="true"></Button>
    </RelativeLayout>

~Ajinkya.

score 11 · Accepted Answer · answered Jun 21 '11 at 15:24

11

You could use a relative layout and set the child to android:layout_centerInParent="true". LinearLayout are a little tricky when it comes to centering check out this article http://sandipchitale.blogspot.com/2010/05/linearlayout-gravity-and-layoutgravity.html.

answered Jun 21 '11 at 15:24

Stefan Bossbaly

6,682
9
53
82

change android:layout_width="wrap_content" android:layout_height="wrap_content" in the relative layout to android:layout_width="fill_parent" android:layout_height="fill_parent" – Stefan Bossbaly Jun 21 '11 at 15:46

score 5 · Answer 2 · answered Jun 21 '11 at 15:26

Try using this layout!

<LinearLayout android:id="@+id/linearLayout1" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal">
    <LinearLayout android:id="@+id/linearLayout2" android:layout_height="wrap_content" android:gravity="center" android:layout_width="match_parent">
        <Button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
    </LinearLayout>
</LinearLayout>

It wrappes the button with another Linear layout with horizontal orientation. Thus it will span the parent and allows the center gravity to work. Thanks — C--, Jun 21 '11 at 15:50

score 4 · Answer 3 · answered Jun 21 '11 at 15:21

4

It should be android:layout_gravity instead of android:gravity.

answered Jun 21 '11 at 15:21

JDx

2,615
3
22
33

Should I use it for both `button` & `linear layout` ? – Ajinkya Jun 21 '11 at 15:23
android:gravity can be used on the linearlayout and it sets its child views to be centered. android:layout_gravity sets itself to be centered in the parent view. – JDx Jun 21 '11 at 15:24
set layout_width on the linear/relative layout to be fill_parent and put the layout_gravity back in. – JDx Jun 21 '11 at 15:38
I think some other code causing this.Will put some chunk from my code in my question. – Ajinkya Jun 21 '11 at 15:46

score -1 · Answer 4 · edited May 23 '17 at 12:10

-1

You can use the solution in this question: Center a button in a Linear layout

Basically, instead of LinearLayout, use RelativeLayout.

edited May 23 '17 at 12:10

Community

1
1

answered Jun 21 '11 at 15:26

SERPRO

10,015
8
46
63

@Ajunkya try to set layout_width to "fill_parent". – SERPRO Jun 21 '11 at 15:59
@downvoter can you kindly post a comment? This answer or the one in the link might not suit you, but you could point what is wrong. – SERPRO Jun 04 '15 at 12:07

How to bring button to center of the screen in Android

4 Answers4