Android - Layout with images

Question

I've been working on this for few days but I couldn't get the layout I need. I would like to have a layout similar to the image below. Can anyone guide me with this ? What kind of layout and view should I use ?

Thanks :)

Answer 1

Ive added some code generated by drawing what you want in the layout editor in eclipse.

Looks like this

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >



<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.81" >


        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1.00"
            android:src="@drawable/ic_launcher" />


        <LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="0dp"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:orientation="vertical" >


            <ImageView
                android:id="@+id/ImageView02"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1.00"
                android:src="@drawable/ic_launcher" />


            <ImageView
                android:id="@+id/ImageView01"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1.00"
                android:src="@drawable/ic_launcher" />

            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:layout_weight="1.00"
                android:src="@drawable/ic_launcher" />

        </LinearLayout>

    </LinearLayout>


    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

</LinearLayout>

Answer 2

You could use a LinearLayout. In the first row you can add another two LinearLayouts with horizontal orientation. So: LinearLayout container (orientation horizontal). In the first row add two LinearLayouts with vertical orientation. First coloumn image1, second column LinearLayout with horizontal orientation (every row image 2,3,4). Return to container, on the second row add image 5 :)