title: How to handle nested FrameLayout properly
body: <p>I am using FrameLayouts to overlap image over image, but I can't understand in this particular scenario where my inner FrameLayout doesn't show at the front of another image. Here's the theory:</p>
  
  <p><img src="https://i.stack.imgur.com/6DfR5.png" alt="theory"></p>
  
  <p>and here's the actual thing:</p>
  
  <p><img src="https://i.stack.imgur.com/EWVat.png" alt="actual"></p>
  
  <p>So here's my XML:</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/mypage_container"
  android:layout_width="match_parent"
  android:layout_height="match_parent" &gt;
  
  &lt;FrameLayout
      android:id="@+id/frame"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" &gt;
  
      &lt;RelativeLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content" &gt;
  
          &lt;ImageView
              android:id="@+id/cover_photo"
              android:layout_width="match_parent"
              android:layout_height="180dp"
              android:layout_marginTop="120dp"
              android:scaleType="fitXY"
              android:src="#CCFF0000" /&gt;
  
          &lt;FrameLayout
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_below="@id/cover_photo" &gt;
  
              &lt;ImageView
                  android:layout_width="105dp"
                  android:layout_height="90dp"
                  android:layout_below="@id/cover_photo"
                  android:adjustViewBounds="true"
                  android:src="@color/aqua"
                  android:translationY="-45dp" /&gt;
  
              &lt;ImageView
                  android:layout_width="80dp"
                  android:layout_height="80dp"
                  android:layout_marginLeft="15dp"
                  android:src="@color/green"
                  android:translationY="-40dp" /&gt;
          &lt;/FrameLayout&gt;
  
      &lt;/RelativeLayout&gt;
  &lt;/FrameLayout&gt;
  </code></pre>
  
  <p></p>
  
  <p>Have I placed the inner FrameLayout wrong? I don't know how what to do anymore.
  Any help will be deeply appreciated. Thanks!</p>