LinearLayout not wrapping content

Question

I used LinearLayout to stack 4 images horizontally and it works well except for the height. It seems that the linearlayout is not properly wrapping its content. If I don't set the images' scale type to fitStart, they will be centered inside the linearlayout.

Here is my layout below:

linearlayout

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="top"
    android:orientation="horizontal"
    android:weightSum="4"
    android:layout_marginLeft="40dp"
    android:layout_marginRight="40dp">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        android:src="@drawable/header1"
        android:layout_weight="1"
        android:scaleType="fitStart" />

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/imageView2"
        android:layout_gravity="center_vertical"
        android:src="@drawable/header2"
        android:layout_weight="1"
        android:scaleType="fitStart" />

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/imageView3"
        android:layout_gravity="center_vertical"
        android:src="@drawable/header3color"
        android:layout_weight="1"
        android:scaleType="fitStart" />

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/imageView4"
        android:src="@drawable/header4"
        android:layout_weight="1"
        android:scaleType="fitStart" />
</LinearLayout>

Please don't cut off the XML. We need to see more to understand the problem. — Evan Bashir, Dec 23 '13 at 23:35

score 3 · Accepted Answer · answered Dec 23 '13 at 23:34

3

Try setting the adjustViewBounds attribute to true for those images. http://developer.android.com/reference/android/widget/ImageView.html#attr_android:adjustViewBounds

That should take care of that extra space you have and the LinearLayout should wrap_content correctly.

answered Dec 23 '13 at 23:34

Steven Roberts

300
1
3
14

Whoops, I put the wrong attribute in my answer. Just fixed it, so try adjustViewBounds – Steven Roberts Dec 23 '13 at 23:40
it works! I was thinking the wrong thing about this attribute.. ill be accepting this answer in 5 mins :) thanks! – dgzz Dec 23 '13 at 23:41
Excellent! ImageView can be tricky (perhaps buggy) with properties like padding and weights – Steven Roberts Dec 23 '13 at 23:43

score 2 · Answer 2 · answered Dec 23 '13 at 23:38

2

Try adding android:adjustViewBounds="true" to your ImageViews

answered Dec 23 '13 at 23:38

James McCracken

15,488
5
54
62

score -1 · Answer 3 · answered Dec 24 '13 at 10:16

-1

android:adjustViewBounds="true" to be set in your imageview's

answered Dec 24 '13 at 10:16

Muthuraja

551
5
13

LinearLayout not wrapping content

3 Answers3

Linked