Макет с использованием LinearLayout, Imagebuttons и TextView

Question

Хотелось бы сделать что-то вроде следующего рисунка:

Ну ... мой макет должен выглядеть так, как показано ниже (единственное отличие состоит в том, что они не будут однотонными ...это будут картинки

ССЫЛКА НА ИЗОБРАЖЕНИЕ: http://www.imagebam.com/image/6054a5158069351

У меня есть следующий код в моей заявке:

    <?xml version="1.0" encoding="utf-8"?>
         <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" 
android:background="#FFFFFFFF">

     <LinearLayout              
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        android:layout_weight="2"/>

    <LinearLayout               
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        android:layout_weight="1">

    <LinearLayout               
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"

        android:orientation="vertical"
        android:layout_weight="1">
        <FrameLayout            
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="30dip"
            android:layout_weight="1"> 
            <ImageButton
                android:scaleType="centerCrop"
                android:cropToPadding="true"
                android:background="@drawable/user"
                android:layout_gravity="center_horizontal"                  
                android:padding="20dip"                 
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_weight="1">
            </ImageButton>
        <TextView android:text="User"
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_gravity="bottom|center"
            android:textSize="20dip"
            android:textColor="#000000"
            android:textStyle="bold"
            android:layout_weight="1"/>

        </FrameLayout>

    </LinearLayout>

    <LinearLayout               
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:layout_weight="1">
        <FrameLayout            
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:padding="30dip"
            android:layout_weight="1"> 
            <ImageButton
                android:scaleType="centerCrop"
                android:cropToPadding="true"
                android:layout_gravity="center_horizontal"
                android:background="@drawable/admin"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"

                android:layout_weight="1">
            </ImageButton>

        <TextView android:text="Admin"
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content" 
            android:layout_gravity="bottom|center"
            android:textSize="20dip"
            android:textColor="#000000"
            android:textStyle="bold"
            android:layout_weight="1"/>

        </FrameLayout>

    </LinearLayout>
    </LinearLayout>
     <LinearLayout              
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        android:layout_weight="2"/>

Как вы, ребята, можете видеть ... приведенная выше схема не работает должным образом.

Хотелось бы, чтобы приведенная выше схема могла "расширяться" до больших экранов, сохраняя соотношение сторон, понимаете?

Есть идеи?

Любая помощь приветствуется.

Answer 1

Я думаю, я нашел решение.Код ниже работает.

    <?xml version="1.0" encoding="utf-8"?>
        <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" 
android:background="#FFFFFFFF">


    <LinearLayout               
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal"
        android:layout_weight="1">

    <LinearLayout               
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"

        android:orientation="vertical"
        android:layout_weight="1">
        <FrameLayout            
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1">

            <LinearLayout 
                android:orientation="vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|center_horizontal"
                >
                <ImageView
                    android:scaleType="centerCrop"
                    android:cropToPadding="true"
                    android:src="@drawable/user"
                    android:id="@+id/user" 
                    android:background="@drawable/image_bg"
                    android:layout_gravity="center_horizontal"                  
                    android:padding="20dip"                 
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.8">
                </ImageView>
                <TextView android:text="User"
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:layout_gravity="bottom|center"
                    android:textSize="20dip"
                    android:textColor="#000000"
                    android:textStyle="bold"
                    android:layout_weight=".2"/>
             </LinearLayout>    
        </FrameLayout>

    </LinearLayout>

    <LinearLayout               
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:layout_weight="1">
        <FrameLayout            
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1">

            <LinearLayout 
                android:orientation="vertical"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical|center_horizontal"
                >
                <ImageView
                    android:scaleType="centerCrop"
                    android:cropToPadding="true"
                    android:src="@drawable/admin"
                    android:id="@+id/cuidador"
                    android:background="@drawable/image_bg"
                    android:layout_gravity="center_horizontal"                  
                    android:padding="20dip"                 
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.8">
                </ImageView>
                <TextView android:text="Admin"
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:layout_gravity="bottom|center"
                    android:textSize="20dip"
                    android:textColor="#000000"
                    android:textStyle="bold"
                    android:layout_weight=".2"/>
             </LinearLayout>    
        </FrameLayout>

    </LinearLayout>
    </LinearLayout>