title: Android layout with square buttons
body: <p>I want to make a layout similar to this one:</p>
  
  <p><a href="http://www.imagebanana.com/view/9kmlhy66/layout.png" rel="nofollow noreferrer">www.ImageBanana.net - layout.png http://www.imagebanana.com/img/9kmlhy66/thumb/layout.png</a></p>
  
  <p>Four square buttons on the screen - each of those using half of the screen with/screen height (whichever is smaler). Independent of screen size/resolution.</p>
  
  <p>I already tried to achieve this by using a <code>LinearLayout</code>but the buttons are ending up using the correct width, but still having the height of the background (not square any more).</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"&gt;
  
      &lt;LinearLayout 
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;Button 
              android:layout_height="wrap_content" 
              style="@style/CKMainButton"
              android:layout_width="fill_parent" 
              android:text="@string/sights"
              android:id="@+id/ApplicationMainSight" 
              android:layout_toLeftOf="@+id/ApplicationMainEvent"&gt;&lt;/Button&gt;
  
          &lt;Button 
              android:layout_height="wrap_content" 
              style="@style/CKMainButton"
              android:layout_width="fill_parent" 
              android:text="@string/sights"
              android:id="@+id/ApplicationMainSight" 
              android:layout_toLeftOf="@+id/ApplicationMainEvent"&gt;&lt;/Button&gt;
  
      &lt;/LinearLayout&gt;
  
      &lt;LinearLayout 
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;Button 
              android:layout_height="wrap_content" 
              style="@style/CKMainButton"
              android:layout_weight="1" 
              android:layout_width="fill_parent"
              android:text="@string/usergenerated" 
              android:id="@+id/ApplicationMainUserGenerated" /&gt;
  
          &lt;Button 
              android:layout_height="wrap_content" 
              style="@style/CKMainButton"
              android:layout_weight="1" 
              android:layout_width="fill_parent"
              android:text="@string/tours" 
              android:id="@+id/ApplicationMainTour"/&gt;
  
      &lt;/LinearLayout&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>It's looking like this: <a href="http://www.imagebanana.com/view/i2ni6g4/layout2.png" rel="nofollow noreferrer">www.ImageBanana.net - layout2.png http://www.imagebanana.com/img/i2ni6g4/thumb/layout2.png</a></p>
  
  <p>How can i acchieve the Layout to look like the image at the top above?</p>