title: Dashboard Design in Android
body: <p>I have below kind of dashboard in my app which i would like to design in Android. But I am not able to create it same as its in design.</p>
  
  <p>Here is the design...<img src="https://i.stack.imgur.com/nkClX.png" alt="enter image description here"></p>
  
  <p><strong>NOTE - Used 6 buttons named as one, two, three and so on. Also I have common header for which i user ViewStub. And I have created 320x480 round circle like below and set that as background image and placing the buttons accordingly. This is the approach i used.</strong></p>
  
  <p>Layout Code :-</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:background="@drawable/background" &gt;
  
      &lt;LinearLayout
          android:id="@+id/banner"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_marginBottom="10dip" &gt;
  
          &lt;ViewStub
              android:id="@+id/vsHeader"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:inflatedId="@+id/headings"
              android:layout="@layout/header" /&gt;
      &lt;/LinearLayout&gt;
  
      &lt;RelativeLayout
          android:id="@+id/categories"
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_below="@id/banner" &gt;
  
          &lt;ImageView
              android:id="@+id/logo"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_centerHorizontal="true"
              android:contentDescription="desc"
              android:src="@drawable/logo" /&gt;
  
          &lt;Button
              android:id="@+id/one"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentTop="true"
              android:layout_below="@id/logo"
              android:layout_centerHorizontal="true"
              android:layout_marginTop="100dp"
              android:background="@drawable/truck_button"
              android:onClick="onButtonClicker" /&gt;
  
          &lt;Button
              android:id="@+id/two"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignParentRight="true"
              android:layout_alignParentTop="true"
              android:layout_marginRight="20dp"
              android:layout_marginTop="150dp"
              android:background="@drawable/two"
              android:onClick="onButtonClicker" /&gt;
  
          &lt;Button
              android:id="@+id/three"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignLeft="@+id/two"
              android:layout_below="@+id/two"
              android:layout_marginTop="15dp"
              android:background="@drawable/tire_button"
              android:onClick="onButtonClicker" /&gt;
  
          &lt;Button
              android:id="@+id/four"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignBaseline="@+id/two"
              android:layout_alignBottom="@+id/two"
              android:layout_marginLeft="25dip"
              android:layout_marginRight="14dp"
              android:background="@drawable/tow_truck_button"
              android:onClick="onButtonClicker" /&gt;
  
          &lt;Button
              android:id="@+id/five"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignBaseline="@+id/three"
              android:layout_alignBottom="@+id/three"
              android:layout_alignParentLeft="true"
              android:layout_marginLeft="25dip"
              android:background="@drawable/trailer_button"
              android:onClick="onButtonClicker" /&gt;
  
          &lt;Button
              android:id="@+id/six"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:layout_alignLeft="@+id/one"
              android:layout_below="@+id/five"
              android:background="@drawable/six"
              android:onClick="onButtonClicker" /&gt;
      &lt;/RelativeLayout&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p><strong>If anyone has any idea about this please kindly help or provide your valuable suggestion.</strong> </p>