使用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>