title: Android layout with 4 squares and a button inside each square
body: <p>I want to create 4 squares and in each square i want to create a small button. The square must be visible and must have a border.</p>
  
  <p>I know how to create 4 buttons as a square but i don't know how to create a border around each square. But i want to to be size independent, now the buttons are very big...</p>
  
  <p>my example</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;ViewFlipper xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_height="fill_parent" android:layout_width="fill_parent"&gt;
      &lt;RelativeLayout android:id="@+id/magaLoginLayout"
          android:layout_height="fill_parent" android:layout_width="fill_parent"&gt;
          &lt;Button android:text="@+id/Button01" android:id="@+id/Button01"
              android:layout_width="160dip" android:layout_height="160dip" android:layout_marginTop="20dip"&gt;&lt;/Button&gt;
          &lt;Button android:text="@+id/Button03" android:layout_below="@+id/Button01" android:id="@+id/Button03"
              android:layout_alignLeft="@+id/Button01" android:layout_height="160dip" android:layout_width="160dip"&gt;&lt;/Button&gt;
          &lt;Button android:text="@+id/Button04" android:layout_below="@+id/Button01" android:id="@+id/Button04"
              android:layout_toRightOf="@+id/Button03" android:layout_height="160dip" android:layout_width="160dip"&gt;&lt;/Button&gt;
          &lt;Button android:text="@+id/Button02" android:id="@+id/Button02" android:layout_width="wrap_content"
              android:layout_toRightOf="@+id/Button01" android:layout_alignTop="@+id/Button01" android:layout_alignParentRight="true" android:layout_height="160dip"&gt;&lt;/Button&gt;
  
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/AF5zB.png" alt="enter image description here">
      </p>