title: Android design - RelativeLayout (background color)
body: <p>I've the following RelativeLayout but i would like to improve it. (make a nice design)</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout
      android:id="@+navigate/RLayout"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:background="#ABABAB"
      xmlns:android="http://schemas.android.com/apk/res/android"
      &gt;
      &lt;ImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textStyle="bold"
          android:id="@+id/hcorpo" 
          android:layout_centerHorizontal="true"
          android:src="@drawable/hcorpo"
          android:layout_marginTop="15dp" /&gt;.
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textStyle="bold|italic"
          android:textColor="#000000"
          android:id="@+id/hotelinfos"
          android:layout_below="@+id/hcorpo"
          android:layout_alignLeft="@+id/hcorpo" 
          android:layout_marginTop="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textStyle="bold"
          android:textColor="#000000"
          android:id="@+id/hotelname"
          android:layout_below="@+id/hotelinfos"
          android:layout_alignLeft="@+id/hotelinfos" 
          android:layout_marginTop="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/hoteladdress"
          android:layout_below="@+id/hotelname"
          android:layout_alignLeft="@+id/hotelname" 
          android:layout_marginTop="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:id="@+id/hotelphone"
          android:layout_below="@+id/hoteladdress"
          android:layout_alignLeft="@+id/hoteladdress" 
          android:layout_marginTop="10dp"
          android:textColor="#12C"
          android:textStyle="bold|italic"
          android:onClick="onClick"
          android:clickable="true" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#12C"
          android:onClick="onClick"
          android:clickable="true"
          android:textStyle="bold|italic"
          android:id="@+id/hotelemail"
          android:layout_below="@+id/hotelphone"
          android:layout_alignLeft="@+id/hotelphone"
          android:layout_marginTop="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:textStyle="bold|italic"
          android:id="@+id/bookinginfos"
          android:layout_below="@+id/hotelemail"
          android:layout_alignLeft="@+id/hotelemail"
          android:layout_marginTop="20dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/pnr"
          android:layout_below="@+id/bookinginfos"
          android:layout_alignLeft="@+id/bookinginfos" 
          android:layout_marginTop="10dp"
          android:layout_marginRight="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/segmentCode"
          android:layout_below="@+id/bookinginfos"
          android:layout_toRightOf="@+id/pnr"
          android:layout_marginTop="10dp"
          android:layout_marginRight="20dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/checkin"
          android:layout_below="@+id/pnr"
          android:layout_alignLeft="@+id/pnr" 
          android:layout_marginTop="10dp"
          android:layout_marginRight="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/checkout"
          android:layout_below="@+id/pnr"
          android:layout_toRightOf="@+id/checkin"
          android:layout_marginTop="10dp"
          android:layout_marginRight="20dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/nights"    
          android:layout_below="@+id/pnr"
          android:layout_toRightOf="@+id/checkout"
          android:layout_marginTop="10dp"
          android:layout_marginRight="20dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/roomType"
          android:layout_below="@+id/checkin"
          android:layout_alignLeft="@+id/checkin" 
          android:layout_marginTop="10dp"
          android:layout_marginRight="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/boardBasis"
          android:layout_below="@+id/roomType"
          android:layout_alignLeft="@+id/roomType"
          android:layout_marginRight="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/paxNames"
          android:layout_below="@+id/boardBasis"
          android:layout_alignLeft="@+id/boardBasis" 
          android:layout_marginTop="10dp"
          android:layout_marginRight="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:textStyle="bold|italic"
          android:id="@+id/forHotel"
          android:layout_below="@+id/paxNames"
          android:layout_alignLeft="@+id/paxNames" 
          android:layout_marginTop="20dp"
          android:layout_marginRight="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/supplierCode"
          android:layout_below="@+id/forHotel"
          android:layout_alignLeft="@+id/forHotel" 
          android:layout_marginTop="10dp"
          android:layout_marginRight="10dp" /&gt;
      &lt;ImageView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:id="@+id/picture" 
          android:layout_below="@+id/hcorpo"
          android:layout_alignRight="@+id/hcorpo"
          android:layout_marginTop="10dp"/&gt;
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>I would like to do something like the tripadvisor app: <a href="http://hpics.li/d961aa3" rel="noreferrer">http://hpics.li/d961aa3</a>
  explanation:</p>
  
  <p>For example i would like to put the following part in a nice white rectangle:</p>
  
  <pre><code>&lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textStyle="bold|italic"
          android:textColor="#000000"
          android:id="@+id/hotelinfos"
          android:layout_below="@+id/hcorpo"
          android:layout_alignLeft="@+id/hcorpo" 
          android:layout_marginTop="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textStyle="bold"
          android:textColor="#000000"
          android:id="@+id/hotelname"
          android:layout_below="@+id/hotelinfos"
          android:layout_alignLeft="@+id/hotelinfos" 
          android:layout_marginTop="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:textColor="#000000"
          android:id="@+id/hoteladdress"
          android:layout_below="@+id/hotelname"
          android:layout_alignLeft="@+id/hotelname" 
          android:layout_marginTop="10dp" /&gt;
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="10dp"
          android:id="@+id/hotelphone"
          android:layout_below="@+id/hoteladdress"
          android:layout_alignLeft="@+id/hoteladdress" 
          android:layout_marginTop="10dp"
          android:textColor="#12C"
          android:textStyle="bold|italic"
          android:onClick="onClick"
          android:clickable="true" /&gt;
  </code></pre>
  
  <p>Should i create a new RelativeLayout with another background color?</p>
  
  <p>Any help is appreciated !</p>