title: How to maintain multi layers of ImageViews and keep their aspect ratio based on the largest one?
body: <p>Suppose I have multiple Images that I need to put one on top of the other, some might have some kind of animation appearing and some might even be draggable.</p>
  
  <p>the largest one which usually takes the whole screen would be the bottom in the Z-coordinate (let's call it the backgroundImageView ), while all of the rest appear on top of it (and on top of others).</p>
  
  <p>like so:</p>
  
  <ul>
  <li>backgroundImageView</li>
  <li>imageView1 , centered.</li>
  <li>imageView2 , at 60%,60% of the top left corner</li>
  <li>...</li>
  </ul>
  
  <p>If I use a FrameLayout (which seems like the best solution), the backgroundImageView would have its size fit nicely, but how can I force the other layers resize themselves accordingly?</p>
  
  <p>I think I need to somehow get where to put the other layers and how to set their sizes.</p>
  
  <p>The easy way is to make sure all layers have the exact same size, but that could take a lot of memory and become very slow when animating or dragging views. It would be a huge waste if some of the layers have a very small content.</p>