RelativeLayout wrap_content problem
<p>I want to display 3 images on a background image. First I thought of using a relative layout and setting the background to be my background image. Then I placed the images in the layout: left, center and right. The problem is that the relative layout fills the whole screen and the background image is scaled. Using the background image as an image view in the layout is not an option, because I want my 3 images to have a maximum height determined by the background height. What is the best way to achieve this? here is my code too: </p>

<pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content" 
android:background="@drawable/instruction_background"&gt;
&lt;ImageView android:id="@+id/background"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentBottom="true"/&gt;   
&lt;ImageView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignBottom="@+id/background"
    android:src="@drawable/apple_sauce"/&gt;
&lt;ImageView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentBottom="true"
    android:src="@drawable/white_wine"/&gt;
&lt;ImageView 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_alignParentBottom="true"
    android:src="@drawable/tuna_fish"/&gt;
</code></pre>

<p>    </p>

<p>Best Regards</p>
