如何在LinearLayout中將圖像按鈕與等寬對齊

Question

我有一個接一個的4個圖像按鈕的線性佈局。在水平方向的線性佈局中，並提供相等的寬度。這裏按鈕對齊正確，但這些按鈕中的圖像沒有正確對齊。

這是下面的代碼，我試過了，這是它的樣子。我如何使圖像正確對齊正確的形狀？

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="50dp" 
    android:orientation="horizontal" 
    android:background="#fff" 
    android:paddingLeft="10dp" 
    android:paddingRight="10dp"> 
    <ImageButton 
     android:id="@+id/add_fav_btn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:minWidth="0dp" 
     android:minHeight="0dp" 
     android:scaleType="fitXY" 
     android:layout_gravity="center" 
     android:src="@drawable/ic_whatsapp" 
     /> 

    <ImageButton 
     android:id="@+id/id_share_fb_btn" 
     android:src="@drawable/ic_whatsapp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:minWidth="0dp" 
     android:minHeight="0dp" 
     android:layout_gravity="center" 
     android:scaleType="fitXY"/> 
    <ImageButton 
     android:id="@+id/id_share_all_btn" 
     android:src="@drawable/ic_share" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:minWidth="0dp" 
     android:minHeight="0dp" 
     android:layout_gravity="center" 
     android:scaleType="fitXY"/> 
    <ImageButton 
     android:id="@+id/id_whatsapp_btn" 
     android:src="@drawable/ic_whatsapp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:minWidth="0dp" 
     android:minHeight="0dp" 
     android:layout_gravity="center" 
     android:scaleType="fitXY"/> 
</LinearLayout> 

更新圖像，改變android:layout_height="50dp" to android:layout_height="wrap_content"

Answer 1

你的影像後，看起來像平方。你正在讓他們伸展的方式來填補整個寬度，但你正在使他們所有的高度爲50dp。

變化從50dp的高度

android:layout_height="wrap_content" 

，他們將保持正確的高度基於寬度。如果你希望它們都符合的50dp高度，你有兩個選擇：

1. 將寬度設置爲50dp，並在家長中心他們
2. 創建"square button"

我不知道，如果我拿到了一點，如果不低於

Answer 2

評論把所有每幅圖像按鈕相對佈局的RelativeLayout的layout_weight 1和layout_width = match_parent

我想這可能工作......或嘗試使用替代的ImageButton imageview的

<LinearLayout 
android:layout_width="match_parent" 
android:layout_height="50dp" 
android:orientation="horizontal" 
android:background="#fff" 
android:paddingLeft="10dp" 
android:paddingRight="10dp"> 
<RelativeLayout 
    android:layout_weight="1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
<ImageButton 
    android:id="@+id/add_fav_btn" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:minWidth="0dp" 
    android:minHeight="0dp" 
    android:scaleType="fitXY" 
    android:layout_gravity="center" 
    android:src="@drawable/ic_whatsapp" 
    /> 
    </RelativeLayout> 
    <RelativeLayout 
    android:layout_weight="1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
<ImageButton 
    android:id="@+id/id_share_fb_btn" 
    android:src="@drawable/ic_whatsapp" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:minWidth="0dp" 
    android:minHeight="0dp" 
    android:layout_gravity="center" 
    android:scaleType="fitXY"/> 
</RelativeLayout> 
<RelativeLayout 
    android:layout_weight="1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
<ImageButton 
    android:id="@+id/id_share_all_btn" 
    android:src="@drawable/ic_share" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:minWidth="0dp" 
    android:minHeight="0dp" 
    android:layout_gravity="center" 
    android:scaleType="fitXY"/> 
</RelativeLayout> 
<RelativeLayout 
    android:layout_weight="1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 
<ImageButton 
    android:id="@+id/id_whatsapp_btn" 
    android:src="@drawable/ic_whatsapp" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:minWidth="0dp" 
    android:minHeight="0dp" 
    android:layout_gravity="center" 
    android:scaleType="fitXY"/>