title: Android ImageView place other image and text in region
body: <p>I am trying to setup a layout such that it has an image with regions. Those regions,can have either other ImageView or TextView. I am able to achieve this at a high level using FrameLayout and RelativeLayout. However, it does not scale properly on different devices. </p>
  
  <p>As an example here is an image
  <img src="https://i.stack.imgur.com/kLFT9.png" alt="enter image description here"> </p>
  
  <pre><code>Yellow/Red Region - ImageView setup dynamically
  Blue/Green Region - TextView
  </code></pre>
  
  <p>So On the Device, I want it to look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/GIwez.png" alt="enter image description here"></p>
  
  <p>And like this:</p>
  
  <p><img src="https://i.stack.imgur.com/3KYUG.jpg" alt="enter image description here"></p>
  
  <p>Note that Image scales correctly and so does child views in correct regions.
  Can someone please share some ideas on how this could be achieved?</p>