title: Draw view on Image within xml
body: <p>can you help me by sharing your knowledge on how to draw a small rectangle on top of image in android. 
  I have main.xml and there are some widgets. right at top, there is a image and I would like to draw a rectangle on that Image and display both while app is running. </p>
  
  <p>Here is how my xml file looks like:</p>
  
  <pre><code>   &lt;?xml version="1.0" encoding="utf-8"?&gt;
      &lt;TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_margin="5px" android:padding="20px"&gt;
       &lt;ImageView
      android:id="@+id/myImageView"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/sinewave"/&gt;
      &lt;TableRow&gt;
  
  
      &lt;/TableRow&gt;
  
      &lt;TableRow&gt;    
              &lt;TextView android:text="00:00" 
                  android:id="@+id/TextView02" 
                  android:layout_width="wrap_content" 
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:paddingBottom="30dip"
  
                  android:gravity="center"&gt;
              &lt;/TextView&gt;      
      &lt;/TableRow&gt;
      &lt;TableRow android:gravity="center"&gt;
  
              &lt;Button android:text="Start" 
                      android:id="@+id/btnStart" 
                      android:layout_width="wrap_content" 
                      android:layout_height="wrap_content" 
                      android:padding="20px"
                      &gt;
              &lt;/Button&gt;
  
  
  
              &lt;Button android:text="Stop" 
                      android:id="@+id/btnStop" 
                      android:layout_width="wrap_content"  
                      android:layout_height="wrap_content" 
                      android:padding="20px"
                      &gt;
              &lt;/Button&gt;
  
      &lt;/TableRow&gt;
      &lt;TableRow&gt;
              &lt;TextView android:text=""
                  android:id="@+id/TextView01"
                  android:layout_width="wrap_content" 
                  android:layout_height="wrap_content"
                  android:paddingLeft="5px"
  android:paddingRight="5px"
  android:paddingTop="10px"
  android:paddingBottom="10px"
  
                  &gt;
              &lt;/TextView&gt;
  
       &lt;/TableRow&gt;
      &lt;TableRow&gt;   
              &lt;Button android:text="Mute Phone" 
                      android:id="@+id/Button01" 
                      android:layout_width="wrap_content" 
                      android:layout_height="wrap_content"
                      android:gravity="center"
                      android:paddingBottom="10dip"
                  &gt;
              &lt;/Button&gt;
      &lt;/TableRow&gt;
      &lt;TableRow&gt;
              &lt;Button 
                  android:text="Settings"
                  android:id ="@+id/btnClick"
                  android:layout_width="wrap_content" 
                  android:layout_height="wrap_content"
                  android:gravity="center"
                  android:paddingTop="30dip"
              /&gt;
      &lt;/TableRow&gt;
  
  &lt;/TableLayout&gt;
  </code></pre>