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”

<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: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>

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”

<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: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>
Follow Lynxbee

Leave a Reply / Ask Question