How to do a layout with 4 images in different sizes in Android?

Question

I need to do an layout in which 4 images are shown in a box in different sizes using XML.

Layout

The box is a linearLayout with a fixed height 300dp and fill_parent in the width. It is not a Requirement to do this using a LinearLayout.

I tried to do it using weights and weightsum, but there was no success.

     <LinearLayout
                        android:layout_width="fill_parent"
                        android:layout_height="300dp"
                        android:layout_margin="10dp" >

                        <ImageView
                            android:layout_width="0dp"
                            android:layout_height="fill_parent"
                            android:layout_weight="1"
                            android:src="@drawable/image1" />

                        <ImageView
                            android:layout_width="0dp"
                            android:layout_height="fill_parent"
                            android:layout_weight="1"
                            android:src="@drawable/image2" />

 <ImageView
                            android:layout_width="0dp"
                            android:layout_height="fill_parent"
                            android:layout_weight="2"
                            android:src="@drawable/image3" />

 <ImageView
                            android:layout_width="0dp"
                            android:layout_height="fill_parent"
                            android:layout_weight="2"
                            android:src="@drawable/image4" />
                    </LinearLayout>

Can you post your attempt at trying to do this? – Andrew Schuster Jun 11 '14 at 12:30 — Andrew Schuster, Jun 11 '14 at 12:30
Using a GridLayout might be a good choice. – Phantômaxx Jun 11 '14 at 12:47 — Phantômaxx, Jun 11 '14 at 12:47

score 2 · Accepted Answer · answered Jun 11 '14 at 12:33

Here an example:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:weightSum="2">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/imageView"
        android:layout_weight="1" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:weightSum="2">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/imageView2"
            android:layout_weight="1" />

        <LinearLayout
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:weightSum="2">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/imageView3"
                android:layout_weight="1" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/imageView4"
                android:layout_weight="1" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

Nested layouts aren't good for performances. Consider using a GridLayout, instead. — Phantômaxx, Jun 11 '14 at 12:48
I know, but GridLayout requires API level 14 and this case is not very demanding in terms of performance. — adboco, Jun 11 '14 at 12:52
You can use the **support library**, to overcome the API requirement. — Phantômaxx, Jun 11 '14 at 12:56
Do you have a suggestion how to achieve this using GridLayout? — Johnny2012, Jun 11 '14 at 13:03
adboco's anwer worked for me, so I accepted it. GridLayout is better for perfomance, like Der Golem said , unfortunately without codeSample — Johnny2012, Jun 22 '14 at 19:01

How to do a layout with 4 images in different sizes in Android?

1 Answers1