How to center views in LinearLayout and RelativeLayout ?

Recently while developing one of our application, we wanted to have center aligned buttons, while in one application we were using LinearLayout, in another application we were using RelativeLayout.

So in this post, we will show you how you can center any view in Linear and Relative layouts.

Centre views / buttons in LinearLayout

For adjusting any view to center in LinearLayout, you will need to modify your layout file with parameter android:layout_gravity=”center”

[bash] <LinearLayout xmlns:android="" xmlns:app="" xmlns:tools="" android:id="@+id/linear_layout_root" android:layout_width="match_parent" android:layout_height="match_parent" <Button android:id="@+id/btn_start_stop" android:text="Linear Layout Center Button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" /> </LinearLayout> [/bash]

Center views / buttons in RelativeLayout

For adjusting any view to center, you will need to modify your layout file with paramater android:layout_centerInParent=”true”

[bash] <RelativeLayout xmlns:android="" xmlns:app="" xmlns:tools="" android:id="@+id/relative_layout_root" android:layout_width="fill_parent" android:layout_height="fill_parent"> <Button android:id="@+id/btn_start_stop" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Relative Layout Center Button" android:layout_centerInParent="true"/> </RelativeLayout> [/bash]

Leave a Comment