title: How to easily convert my LinearLayouts into RelativeLayouts
body: <p>I have 4 <code>LinearLayout</code>s that I would like to convert into <code>RelativeLayout</code>s.  Using my <code>xml</code> here, I have, as my preferred format:</p>
  
  <ul>
  <li>ImageButton </li>
  <li>ImageButton  </li>
  <li>TextView  </li>
  <li>Button</li>
  </ul>
  
  <p>How do I change to <code>RelativeLayout</code> to always display the 1st <code>ImageButton</code> on the very top, always display the <code>Button</code> at the very bottom, and have the 2nd <code>ImageButton</code> below the first <code>ImageButton</code>, with the <code>TextView</code> between the 2nd <code>ImageButton</code> and the regular <code>Button</code>?</p>
  
  <p>Thanks!</p>
  
  <pre><code>&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent" android:gravity="center"&gt;
  
      &lt;ImageView 
          android:layout_width="fill_parent"
          android:layout_height="wrap_content" 
          android:id="@+id/image_view" /&gt;
  
      &lt;TextView 
          android:text="@+id/TextView01"  
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" 
          android:id="@+id/message" /&gt;
  
      &lt;Button
          android:layout_gravity="center_horizontal"
          android:layout_width="fill_parent"
          android:textStyle="bold" 
          android:id="@+id/action_button"    
          android:selectAllOnFocus="false" 
          android:layout_height="100dip" 
          android:text="Click here to Crop"/&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>