Apps How to make a layout just fits the width when it's in a HorizonrtalScrollView

[MuhammedRefaat]

I have a horizontal LinearLayout that contains bunch of vertical LinearLayouts , each one of these vertical Layouts supposed to fit only 25% of the horizontal layout, so it can only contains four ones, so, i want to add a HorizontalViewScroll to contain the rest of the vertical layouts when it's number is more than four,
i set the WeightSum of the horizontal layout as four so that any vertical layout will take a weight as one, and that will make it fits only 25% of the horizontal layout. everything is OK before adding the HorizontalViewScroll , consider the following figure (the vertical layouts is the Green colored):

But when adding the HorizontalViewScroll :

I considered setting the horizontal layout as WrapContent and FillParent but the same result, although the same when setting HorizontalViewScroll as WrapContent and FillParent .


XML code:


[HIGH]
<HorizontalScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
androidrientation="horizontal"
android:weightSum="4" >

<LinearLayout
android:id="@+id/innerVer1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
androidrientation="vertical"
android:weightSum="1" >

<LinearLayout
android:id="@+id/icon1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="5dp"
android:layout_marginTop="15dp"
android:layout_weight="0.5"
android:background="@drawable/ac_overlay"
androidrientation="horizontal"
android:tag="normal" >
</LinearLayout>

<LinearLayout
android:id="@+id/icon2"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="5dp"
android:layout_marginTop="15dp"
android:layout_weight="0.5"
android:background="@drawable/ac_overlay"
androidrientation="horizontal"
android:tag="normal" >
</LinearLayout>
</LinearLayout>
<LinearLayout
android:id="@+id/innerVer1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
androidrientation="vertical"
android:weightSum="1" >

<LinearLayout
android:id="@+id/icon1"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="5dp"
android:layout_marginTop="15dp"
android:layout_weight="0.5"
android:background="@drawable/ac_overlay"
androidrientation="horizontal"
android:tag="normal" >
</LinearLayout>

<LinearLayout
android:id="@+id/icon2"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="5dp"
android:layout_marginTop="15dp"
android:layout_weight="0.5"
android:background="@drawable/ac_overlay"
androidrientation="horizontal"
android:tag="normal" >
</LinearLayout>
</LinearLayout>
</LinearLayout>
</HorizontalScrollView>[/HIGH]