在LinearLayout中放置3個按鈕以佔用相等的空間量

Question

我想要三個按鈕在同一行中水平放置相等數量的可用空間。 我用android:layout_gravity。問題是什麼？

佈局的xml：

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

    <Button android:id="@+id/button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="@string/Bg" 
      android:background="@drawable/button_red" 
      android:layout_weight=".2" 
      android:layout_gravity="left" 
    /> 
    <Button android:id="@+id/button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="@string/Bm" 
      android:background="@drawable/button_red" 
      android:layout_weight=".2" 
      android:textColor="#ffffff" 
      android:layout_gravity="center" 
    /> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="@drawable/button_red" 
     android:layout_weight=".2" 
     android:text="@string/Bf" 
     android:layout_gravity="right" 
    /> 

</LinearLayout> 

，如果有人看到什麼是錯，謝謝。

Answer 1

下面的佈局應該工作。權重是LinearLayouts ..

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

    <Button android:id="@+id/button1" 
      ... 
      android:layout_weight="1"/> 

    <Button android:id="@+id/button2" 
      ... 
      android:layout_weight="1"/> 

    <Button 
     android:id="@+id/button3" 
     ... 
     android:layout_weight="1"/> 

</LinearLayout> 

Answer 2

將按鈕放在相對佈局中。將按鈕的屬性添加到allignParentleft = true，另一個allignParentcenter = true和allignParentRight = true。

Answer 3

看看這個：

<RelativeLayout 
    android:id="@+id/layout" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true"/> 
    <RelativeLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true"> 
     <Button 
      android:id="@+id/button2" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:layout_height="wrap_content" 
      android:layout_toRightOf="@+id/button1"/> 
    </RelativeLayout> 
    <Button 
     android:id="@+id/button3" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true"/> 
</RelativeLayout> 

Answer 4

鴻溝的重量總和在所有按鈕比例相等。

刪除layout_gravity屬性並添加android：layout_weight = 0.33。

它會工作

Answer 5

除了設置layout_weight你必須設置layout_width或layout_height到0dp的。所以如果你想要例如水平分配按鈕，layout_width應該是0dp和layout_weight.2或任何數字，只要通過你有的按鈕是相等的。

所以你的佈局應該是這樣的

<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:orientation="horizontal" 
> 

<Button android:id="@+id/button" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:text="@string/Bg" 
     android:background="@drawable/button_red" 
     android:layout_weight="1" 
/> 
<Button android:id="@+id/button" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:text="@string/Bm" 
     android:background="@drawable/button_red" 
     android:layout_weight="1" 
     android:textColor="#ffffff" 
/> 

<Button 
    android:id="@+id/button" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:background="@drawable/button_red" 
    android:layout_weight="1" 
    android:text="@string/Bf" 
/> 
</LinearLayout> 

Answer 6

你可以把它像這樣： `

  <RelativeLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentLeft="true" 
       android:layout_alignParentStart="true" 
       android:layout_centerVertical="true" 
       android:layout_toLeftOf="@+id/imageButtonLikedPost"> 

       <ImageButton 
        android:id="@+id/imageButtonMyPost" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerHorizontal="true" 
        android:layout_centerVertical="true" 
        android:background="@drawable/mypost_tab_bg" /> 
      </RelativeLayout> 

      <ImageButton 
       android:id="@+id/imageButtonLikedPost" 
       android:layout_width="40dp" 
       android:layout_height="30dp" 
       android:layout_centerHorizontal="true" 
       android:layout_centerVertical="true" 
       android:background="@drawable/mylike_tab_bg" /> 

      <RelativeLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignParentEnd="true" 
       android:layout_alignParentRight="true" 
       android:layout_centerVertical="true" 
       android:layout_toRightOf="@+id/imageButtonLikedPost"> 

       <ImageButton 
        android:id="@+id/imageButtonMyBlog" 
        android:layout_width="30dp" 
        android:layout_height="30dp" 
        android:layout_centerHorizontal="true" 
        android:layout_centerVertical="true" 
        android:background="@drawable/tab4_bg" /> 
      </RelativeLayout> 
     </RelativeLayout>` 

Answer 7

請考慮以下佈局片段：

<LinearLayout 
    android:orientation="horizontal" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:weightSum="3"> 

    <ImageView 
     android:src="@drawable/logo1" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:layout_gravity="left|center_vertical" /> 

    <TextView 
     android:id="@+id/toolbar_title" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:text="Some Title" 
     android:textColor="@android:color/black" 
     android:layout_gravity="center" 
     android:gravity="center" 
     android:layout_weight="1" /> 

    <ImageView 
     android:src="@drawable/logo2" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:layout_gravity="right|center_vertical" /> 

</LinearLayout> 

兩件事上面要注意。

答：我創建了一個與LinearLayout中的weightSum 3.

B.內。然後，我創建3種元素的1各有layout_weight，這樣我可以有我的子元素均勻地分佈在它們之間的整個空間。

Answer 8

我必須讓它務實而不重

float width = CommonUtills.getScreenWidth(activity); 
    int cardWidth = (int) CommonUtills.convertDpToPixel(((width)/3), activity); 

    LinearLayout.LayoutParams params = 
     new LinearLayout.LayoutParams(cardWidth, 
      LinearLayout.LayoutParams.MATCH_PARENT); 

    btnOne.setLayoutParams(params); 
    btnTwo.setLayoutParams(params); 
    btnThree.setLayoutParams(params); 

    public class CommonUtills { 
     public static float getScreenWidth(Context context) { 
      float width = (float) 360.0; 
      DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics(); 
      width = displayMetrics.widthPixels/displayMetrics.density; 
      return width; 
     } 
    } 



    <LinearLayout 
    android: layout_width = "match_parent" 
    android: layout_height = "50dp"  
    android: orientation = "horizontal" > 


     <Button 
    android: id = "@+id/btnOne" 
    android: layout_width = "wrap_content" 
    android: layout_height = "match_parent" > </Button> 


     <Button 
    android: id = "@+id/btnTwo" 
    android: layout_width = "wrap_content" 
    android: layout_height = "wrap_content" > </Button> 



     <Button 
    android: id = "@+id/btnThree" 
    android: layout_width = "wrap_content" 
    android: layout_height = "wrap_content" > </Button> 
     </LinearLayout>