title: How to prevent shrinking ImageViews in LinearLayout?
body: <p>I have a layout in an android app that is misbehaving. Right now, it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/gxQlp.png" alt="enter image description here"></p>
  
  <p>The idea is to have 3 images with their reflections as separate images lined up below them. If I just have the images (only the first nested LinearLayout, shown below) then the images show up just fine, in their native resolution and evenly spaced apart. But with the second linearlayout added in (the reflections), the images are shown much smaller than they should be.</p>
  
  <p>Those reflection images in the pic are showing up the right size, and the images should be just as wide as the reflections, natively. If they were showing up properly, then the top of the images to the bottom of the reflections should fill the height of the screen. But they're not. I've tried lots of combinations of layout_width and layout_height on the imageviews and the linearlayouts (also different scaleTypes), but nothing is preventing the images from shrinking for some reason. Can anyone suggest why?</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:orientation="vertical"
      android:layout_width="match_parent"
      android:layout_height="match_parent"&gt;
  
      &lt;!-- IMAGES --&gt;
      &lt;LinearLayout
          android:orientation="horizontal"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:weightSum="3"&gt;
  
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_weight="1" /&gt;
  
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_weight="1"" /&gt;
  
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_weight="1" /&gt;
  
      &lt;/LinearLayout&gt;
  
      &lt;!-- IMAGE REFLECTIONS --&gt;
      &lt;LinearLayout
          android:orientation="horizontal"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:weightSum="3"&gt;
  
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_weight="1" /&gt;
  
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_weight="1"" /&gt;
  
          &lt;ImageView 
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_weight="1" /&gt;
  
      &lt;/LinearLayout&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p><strong>Also, I'm not dead set on using LinearLayouts, so alternatives ideas are welcome.</strong></p>
  
  <p><strong>UPDATE:</strong><br>
  This is how it looks with a background color added to each ImageView:  </p>
  
  <p><img src="https://i.stack.imgur.com/oKAHG.png" alt="enter image description here"></p>
  
  <p>...and this is how it should actually look. This is accomplished by setting the layout_width and layout_height of each poster ImageView to 333px and 500px, respectively. But I don't want to do this. It causes horizontal alignment problems between the posters and reflections when there's less than 3 images to show on the screen:</p>
  
  <p><img src="https://i.stack.imgur.com/lssow.png" alt="enter image description here"></p>