爲什麼不能在同一行看到所有3個ImageButton？

Question

我試圖創建一個佈局（我可以包含在其他佈局中），其中包含3個圖像按鈕（後退，菜單，前進）。

那些3個圖像按鈕應該是在同一行（因爲後來我將包括該佈局的其他佈局中的每個佈局的底部）

我不明白我在做什麼錯了，我可以「T看到的所有3個按鈕，並且它們不是同一行（同一水平線）在

<?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="horizontal"> 



    <ImageButton 
     android:id="@+id/buttomMenuBack" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Back" 
     android:background="@drawable/back_button" 
     android:onClick="onClickButtomMenu"/> 

    <ImageButton 
     android:id="@+id/buttomMenuMenu" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Menu" 
     android:background="@drawable/HomButton" 
     android:onClick="onClickButtomMenu"/> 

    <ImageButton 
     android:id="@+id/buttomMenuForward" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Forward" 
     android:background="@drawable/forward_button" 
     android:onClick="onClickButtomMenu"/> 

</LinearLayout> 

Answer 1

它不適合，因爲它看起來像你的一些圖片太大了，但我們可以按比例重量，所以它會適合。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal" 
    android:weightSum="3"> 

    <ImageButton 
     android:id="@+id/buttomMenuBack" 
     android:layout_weight="1" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:text="Back" 
     android:background="@drawable/back_button" 
     android:onClick="onClickButtomMenu"/> 

    <ImageButton 
     android:id="@+id/buttomMenuMenu" 
     android:layout_weight="1" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:text="Menu" 
     android:background="@drawable/HomButton" 
     android:onClick="onClickButtomMenu"/> 

    <ImageButton 
     android:id="@+id/buttomMenuForward" 
     android:layout_weight="1" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:text="Forward" 
     android:background="@drawable/forward_button" 
     android:onClick="onClickButtomMenu"/> 

</LinearLayout> 

使用weightSum和layout_weight，3和1，我們要確保他們都各自採取的空間的1/3，在你的LinearLayout（呵呵，layout_width是0，因爲layout_weight覆蓋它）

Answer 2

看起來不同大小的圖像。 假設你有這些在水平線性佈局;嘗試改變高度，以一個固定的DP和把重量爲1的所有三個imagebuttons

例子：

<ImageButton 
android:id="@+id/buttomMenuBack" 
android:layout_width="0dp" 
android:layout_weight="1" 
android:layout_height="35dp" 
android:text="Back" 
android:background="@drawable/back_button" 
android:onClick="onClickButtomMenu"/> 

如果你這樣做的所有三個imagebuttons，他們將填滿整個屏幕，所有相同身高，彼此相鄰。

Answer 3

您可以使用LinearLayout，方向爲「水平」。這將使所有視圖都連續出現。此LinearLayout可以作爲嵌套佈局駐留在另一個佈局中，例如RelativeLayout。您也可以通過將其導入其他XMLlayouts來使用此佈局設計。

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 
    <ImageButton 
     android:id="@+id/buttomMenuBack" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Back" 
     android:background="@drawable/back_button" 
     android:onClick="onClickButtomMenu"/> 

    <ImageButton 
     android:id="@+id/buttomMenuMenu" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Menu" 
     android:background="@drawable/HomButton" 
     android:onClick="onClickButtomMenu"/> 

    <ImageButton 
     android:id="@+id/buttomMenuForward" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Forward" 
     android:background="@drawable/forward_button" 
     android:onClick="onClickButtomMenu"/> 
</LinearLayout>