如何將Android XML分成三個相同的佈局矩形？

Question

如何將Android XML視圖分成三個相同的佈局矩形，如下圖所示？

Answer 1

你想用一個垂直的LinearLayout，像這樣：

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:weightSum="3" > 

    <FrameLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" 
     android:background="#ff0000" > 
    </FrameLayout> 
    <FrameLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" 
     android:background="#00ff00" > 
    </FrameLayout> 
    <FrameLayout 
     android:layout_width="fill_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1" 
     android:background="#0000ff" > 
    </FrameLayout> 

</LinearLayout> 

Answer 2

您可以在此情況下，使用線性的佈局，orientation:Vertical

嘗試了這一點

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

<Button 
    android:id="@+id/button2" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight="0.17" 
    android:text="Button" /> 

<Button 
    android:id="@+id/button1" 
    android:layout_width="match_parent" 
    android:layout_height="114dp" 
    android:layout_weight="0.11" 
    android:text="Button" /> 

<Button 
    android:id="@+id/button3" 
    android:layout_width="334dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="0.17" 
    android:text="Button" /> 

</LinearLayout>