title: Android, how to set imageview with percentage in relativelayout
body: <p>I want to build a UI like this <a href="http://postimg.cc/image/fihidv1rv/" rel="nofollow noreferrer">http://postimg.cc/image/fihidv1rv/</a> .
  Here is my xml code for it,
  for my design, I want "EFFECT" &amp; "CAMERA" to combine as one <code>ImageView</code> like "SHOP" in the link
  so there will be total 5 <code>ImageView</code>s, and I set the id as they named in the link</p>
  
  <p>the problem is, how can I set the height and width with percentage?</p>
  
  <p>effect+camrea: height 25%,width 100%</p>
  
  <p>collage:       height 25%,width 50%</p>
  
  <p>draw:          height 25%,width 50%</p>
  
  <p>photo:         height 50%,width 50%</p>
  
  <p>shop:          height 25%,width 100%</p>
  
  <pre><code>&lt;RelativeLayout android:id="@+id/mainContent" android:layout_width="fill_parent" android:layout_height="fill_parent"
      android:orientation="horizontal" android:background="#ffffff"&gt;
      &lt;ImageView 
          android:id="@+id/img_effect+camera" 
          android:layout_width="fill_parent" 
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true" 
          android:src="@drawable/a" /&gt;
      &lt;ImageView 
          android:id="@+id/img_collage" 
          android:layout_width="fill_parent" 
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true" 
          android:layout_below="@+id/img_effect+camera"
          android:src="@drawable/b" /&gt;
      &lt;ImageView 
          android:id="@+id/img_draw" 
          android:layout_width="fill_parent" 
          android:layout_height="wrap_content"
          android:layout_alignParentRight="true"
          android:layout_below="@+id/img_effect+camera" 
          android:layout_toRightOf="@+id/img_collage"
          android:src="@drawable/c" /&gt;
      &lt;ImageView 
          android:id="@+id/img_photo" 
          android:layout_width="fill_parent" 
          android:layout_height="wrap_content"
          android:layout_alignParentRight="true"
          android:layout_toRightOf="@+id/img_collage"
          android:layout_below="@+id/img_draw"
          android:src="@drawable/d" /&gt;
      &lt;ImageView 
          android:id="@+id/img_shop" 
          android:layout_width="fill_parent" 
          android:layout_height="wrap_content"
          android:layout_alignParentLeft="true" 
          android:layout_below="@+id/img_photo"
          android:src="@drawable/e" /&gt;
  &lt;/RelativeLayout&gt;
  </code></pre>