How to adjust 3 ImageViews in a LinearLayout
<p>I defined a LinearLayout:</p>

<pre><code>&lt;LinearLayout
    android:id="@+id/top_menu"
    android:layout_width="fill_parent"
    android:orientation="horizontal"
    android:background="@drawable/backrepeat"
    android:layout_height="wrap_content" &gt;

        &lt;ImageView
        android:id="@+id/topLeft"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_gravity="left"
        android:src="@drawable/library_top_left"&gt;
        &lt;/ImageView&gt;


        &lt;ImageView
        android:id="@+id/topMiddle"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/library_top_middle"/&gt;

        &lt;ImageView
        android:id="@+id/topRight"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_gravity="right"
        android:src="@drawable/library_top_right"/&gt;

    &lt;/LinearLayout&gt;
</code></pre>

<p>I'd like that one image is on the left side of the screen, one in the middle, and one on the right side. However all of them are on the left side. How can I fix that?</p>
