title: LinearLayout ImageView Resize All Image Widths To Fit
body: <p>I have a horizontal linear layout that contains 3 image views. Each image view contains the same image which is 200x200 pixels. Here is my layout xml:</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      tools:context=".MainActivity" &gt;
  
      &lt;LinearLayout
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_alignParentTop="true"
          android:layout_centerHorizontal="true" &gt;
  
          &lt;ImageView
              android:id="@+id/imageView1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:src="@drawable/image200" /&gt;
  
          &lt;ImageView
              android:id="@+id/imageView2"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:src="@drawable/image200" /&gt;
  
          &lt;ImageView
              android:id="@+id/imageView3"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:src="@drawable/image200" /&gt;
  
      &lt;/LinearLayout&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>And here is what it looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/LD8R8.png" alt="linear layout test screenshot"></p>
  
  <p>Notice how the third image from the left is resized I assume because there is not enough real estate to contain 3x 200 pixel wide images.</p>
  
  <p>What I would rather happen is instead of shrinking only the last image, all three images are resized evenly so that they all fit across the screen. How do I setup my layout to evenly fit all three images?</p>
  
  <p>Thank you</p>
  
  <p>UPDATE - after changing my settings here is what things look like:</p>
  
  <p><img src="https://i.stack.imgur.com/mgNqb.png" alt="updates"></p>
  
  <p>Notice that the <em>border</em> around the image view is still 200 px high. Why is this happening?</p>