Question

Here is the XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:background="@drawable/bg"
        >
    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="4"
            android:orientation="vertical"
            >
        <RelativeLayout
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:gravity="center_horizontal" //CENTER 01
                >
            <!--center button-->
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/img"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true" //CENTER 02
                    />
        //...            
        </RelativeLayout>        
    </LinearLayout>
    <include android:id="@+id/banner" layout="@layout/banner"
             android:layout_weight="1"
             android:layout_gravity="bottom"/>
</LinearLayout>

The center button is centered, but not in the real center of the screen, but rather approx 50px to the right of the center. If I remove centerHorizontal CENTER01, then this does not happen.

Does anyone know why is this happening?

Answer 1

This issue may be due to using of both Relative Layout and Linear Layout inside a xml file.

Change all Linear Layout to Relative Layouts so that Image View will be centered as you expected.

I too mingled both Linear Layout and Relative Layout in single XML and faces this kind of issue. Once i replaces all Linear Layout to Relative Layout my problem Resolved.

Try it.Thanks.Venky