Question

I have 3 main elements in my XML layout (also see the image):

1. The header, a linearLayout (nothing exciting here)
2. The content, a relativeLayout, there is an image in there that I centered both horizontal and vertical.
3. The footer, a linearLayout

What I need this to look like is as following:

• The footer(3) needs to be aligned to the bottom so there is no white space left
• The content(2) needs to fill the space between the header(1) and the footer(3) so the image is always centered precisely between the two elements.

What I’ve tried:

• Setting the content(2) to fill vertically, but it ignores the footer(3) so it overlaps the footer so it isn’t visible anymore.
• I also tried putting the footer(3) in another LinearLayout that fills the bottom part, and then using the gravity attribute I aligned the footer(3) to the bottom, this looks perfect for the footer(3) but the content(2) keeps it’s size (shown on the image) because the footer(3) is already filling up the space below it.

Can anyone help me with setting up the correct layout?

To recap:
I need the footer(3) to be aligned to the bottom (no white space), keep the header(1) at the top, and all the space in between should be filled with the content(2) part so the centering of the image looks right.

I can provide my current XML-Layout code if needed.

Answer 1

Try like this..

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/relativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:orientation="vertical" >

    </LinearLayout>

    <RelativeLayout
        android:id="@+id/relativeLayout2"
        android:layout_width="wrap_content"
        android:layout_height="200dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/linearLayout1" >

    </RelativeLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/relativeLayout2"
        android:layout_alignParentBottom="true"
        android:orientation="vertical" >

    </LinearLayout>

</RelativeLayout>

make a relative layout as the parent layout of all the 3 other layouts and put

android:layout_below="@+id/relativeLayout2"
        android:layout_alignParentBottom="true"

in the last linear layout