Android layout with sqare buttons

Posted by Mannaz on Stack Overflow See other posts from Stack Overflow or by Mannaz
Published on 2010-06-01T08:22:42Z Indexed on 2010/06/01 9:23 UTC
Read the original article Hit count: 594

Filed under:
|
|
|
|

I want to make a layout similar to this one:

www.ImageBanana.net - layout.png

Four square buttons on the screen - each of those using half of the screen with/screen height (whichever is smaler).

I already tried to achieve this by using a LinearLayoutbut the buttons are ending up using the correct width, but still having the height of the background (not square any more).

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <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"></Button>

    <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"></Button>
</LinearLayout>

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <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"></Button>
    <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"></Button>
</LinearLayout>
</LinearLayout>

It's looking like this: www.ImageBanana.net - layout2.png

How can i acchieve the Layout to look like the image above?

© Stack Overflow or respective owner

Related posts about Xml

Related posts about android