title: How do you layer imageViews in an android application?
body: <p>I'm trying to create my first real Android app, the code seems easy enough, but the layout is giving me problems.</p>
  
  <p>My app will be a drag and drop application, very simple, just drag shapes to the correct place in the "puzzle". Here's an example of how it looks right now:</p>
  
  <p><img src="https://i.stack.imgur.com/lrrqt.jpg" alt="enter image description here"></p>
  
  <p>What I have currently is 4 <code>ImageView</code>s, one for the "empty puzzle" at the top, then 1 for each of the shapes below. I <strong>think</strong> the correct way to do this is to have each of the empty spots in the puzzle be an <code>ImageView</code> (what the arrow is pointing to, for example, should be an <code>ImageView</code>)</p>
  
  <p>If I am correct on this, I need to "layer" <code>ImageView</code>s, put 3 "empty shape" image views over the "puzzle" image view at the top. The problem is I can't find any examples or suggestions for this anywhere online. So my questions are:</p>
  
  <ol>
  <li>Does it make sense to have 3 <code>ImageView</code>s sitting on top of a "background" <code>ImageView</code>, or is there a more correct way to do this?</li>
  <li>If I'm heading in the right direction, could someone explain/examplify how one builds <code>ImageView</code> layers?</li>
  </ol>
  
  <hr>
  
  <p>XML for my current screen:</p>
  
  <pre><code>&lt;LinearLayout 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"
      android:orientation="vertical" &gt;
      &lt;ImageView
          android:id="@+id/emptyPuz"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:src="@drawable/EmptyPuzzle" /&gt;
      &lt;LinearLayout 
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:orientation="horizantal" &gt;
         &lt;ImageView
             android:id="@+id/imageView1"
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="wrap_content"
             android:adjustViewBounds="false"
             android:src="@drawable/Circle" /&gt;
          &lt;ImageView
             android:id="@+id/imageView2"
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="wrap_content"
             android:adjustViewBounds="false"
             android:src="@drawable/Square" /&gt;
          &lt;ImageView
             android:id="@+id/imageView3"
             android:layout_width="0dp"
             android:layout_weight="1"
             android:layout_height="wrap_content"
             android:adjustViewBounds="false"
             android:src="@drawable/Triangle" /&gt;
     &lt;/LinearLayout&gt;
  &lt;/LinearLayout&gt;
  </code></pre>