布局使用的LinearLayout，Imagebuttons和TextView的

Question

我希望我可以做类似下面的图片：

嗯......我的版面应该像下面的一个（唯一的区别是，他们不会是纯颜色......他们将图片

链接到Image： 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>