Android: Position Widget in the center

Question

I am trying to learn about Animation and am using following layout

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_gravity="center"
        android:padding="16dp">

        <ImageButton
            android:id="@+id/thumb_button_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@mipmap/ic_launcher"
            android:scaleType="centerCrop"
            android:layout_gravity="center"
            android:background="@null"
            android:contentDescription="@string/description_image_1" />

    </LinearLayout>
</FrameLayout>

However, this will not center the ImageButton vertically. It does it only horizontally. I tried layout_gravity "center", "center_vertical", "center_horizontal" without success. The best I got is this:

but I need to get this:

Much appreciated

score 1 · Accepted Answer · edited May 23 '17 at 12:06

Try android:gravity="center" to your LinearLayout:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_gravity="center"
        android:padding="16dp"
       android:gravity="center">

        <ImageButton
            android:id="@+id/thumb_button_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:src="@mipmap/ic_launcher"
            android:scaleType="centerCrop"
            android:layout_gravity="center"
            android:background="@null"
            android:contentDescription="@string/description_image_1" />

    </LinearLayout>

difference between gravity and layout_gravity

Thank you Krupal, that fixed it. Much appreciated. – pixel Oct 02 '15 at 17:32 — pixel, Oct 02 '15 at 17:32

score 0 · Answer 2 · answered Oct 02 '15 at 17:26

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:layout_gravity="center"
    android:padding="16dp">

    <ImageButton
        android:id="@+id/thumb_button_1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:adjustViewBounds="true"
        android:src="@mipmap/ic_launcher"
        android:scaleType="centerCrop"
        android:layout_gravity="center"
        android:background="@null"
        android:contentDescription="@string/description_image_1" />

</LinearLayout>

There is problem in wrap_content in layout height and width in your imagebutton widget

Android: Position Widget in the center

2 Answers2