Newbie: How to set attribute of the relative layout in my case??

Posted by Leem on Stack Overflow See other posts from Stack Overflow or by Leem
Published on 2011-06-30T07:35:36Z Indexed on 2011/06/30 8:22 UTC
Read the original article Hit count: 965

I would like to divide my screen into 4 equal areas like ?.Each one of the four area is a linear layout.

I tried to use relative layout to hold four linear layout like below:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout
        android:id="@+id/up_left_area"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ffff66"
    >
        <TextView
            android:id="@+id/label1"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="UP LEFT"/>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/up_right_area"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"    
        android:layout_toRightOf="@id/up_left_area"
        android:background="#ccffff">

        <TextView
            android:id="@+id/label2"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="UP RIGHT"/>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/down_left_area"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_below="@id/up_left_area"
        android:background="#66cc33"
        >

        <TextView
            android:id="@+id/label3"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="DOWN LEFT"/>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/down_right_area"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/up_right_area"
        android:layout_toRightOf="@id/down_left_area"
         android:background="#cc6600">

        <TextView
            android:id="@+id/label4"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:text="DOWN RIGHT"/>
    </LinearLayout>
</RelativeLayout>

With the above xml layout code, I do get 4 areas on the screen, but they are not equal sized. How to modify my code to have equal sized 4 areas on the screen like ? ?

© Stack Overflow or respective owner

Related posts about android

Related posts about android-layout