2015-05-04 114 views
0

我想對齊我的按鈕,使它們都彼此並排排列,但出於某種原因,下一個按鈕顯示在線性下面。我必須爲此使用線性佈局。如何在同一行上設置線性佈局的按鈕

這是我得到:

<ImageButton 
    android:layout_width="30dp" 
    android:layout_height="30dp" 
    android:gravity="top|left" 
    android:background="@drawable/pic_icon" 
    android:id="@+id/picButton" 
    android:layout_gravity="left"/> 

<ImageButton 
    android:layout_width="30dp" 
    android:layout_height="30dp" 
    android:gravity="top|center" 
    android:background="@drawable/cancel_pic" 
    android:id="@+id/deletePicButton" 
    android:layout_gravity="center"/> 

更新代碼:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:layout_gravity="center_horizontal|bottom" 
android:orientation="horizontal" 
android:background="#000000" 
tools:context=".Visualizer" 
android:id="@+id/homePage"> 

<ImageButton 
    android:layout_width="30dp" 
    android:layout_height="30dp" 
    android:gravity="top|left" 
    android:background="@drawable/pic_icon" 
    android:id="@+id/picButton" 
    android:layout_gravity="left"/> 

<ImageButton 
    android:layout_width="30dp" 
    android:layout_height="30dp" 
    android:gravity="top|center" 
    android:background="@drawable/cancel_that_pic" 
    android:id="@+id/deletePicButton" 
    /> 

<ImageButton 
    android:layout_width="30dp" 
    android:layout_height="30dp" 
    android:gravity="top|right" 
    android:background="@drawable/visual_blueblue" 
    android:id="@+id/visIcon" 
    android:layout_gravity="right" 
    /> 

<ListView 
    android:id="@+id/song_list" 
    android:layout_width="fill_parent" 
    android:layout_height="500dp" > 
</ListView> 

<Space 
    android:id="@+id/blank_space" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_gravity="center_horizontal" /> 

+1

顯示您嘗試使用線性佈局。 –

+0

將這兩個按鈕放在一個'LinearLayout'中併爲佈局設置以下屬性: 'android:orientation =「horizo​​ntal」' – ihsan

+0

您應該接受一個答案。 –

回答

2

爲您的線性佈局:) 把這個線在你的線性佈局 設置方向線性佈局方向很重要

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
> 
+0

謝謝!雖然他們現在在同一條線上,但我怎樣才能得到它們,以便它們都處於左上角/右上角? –

+0

在你的第二個圖像按鈕中刪除此行android:layout_gravity =「center」 –

+0

這似乎不工作:(我有一個文本視圖列表後,這些按鈕,他們開始在同一行,因爲某些原因,即使他們他們不應該......這是什麼原因?有沒有辦法在我的最後一張照片後面設置任何東西來開始新的生產線? –

1

您應該將LinearLayout的方向設置爲水平。

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="horizontal"> 
    <ImageButton 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:gravity="top|left" 
     android:background="@drawable/pic_icon" 
     android:id="@+id/picButton" 
     android:layout_gravity="left"/> 

    <ImageButton 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:gravity="top|center" 
     android:background="@drawable/cancel_pic" 
     android:id="@+id/deletePicButton" 
     android:layout_gravity="center"/> 
</LinearLayout>