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