Place 3 Tasten in einer Linearlayout gleiche Menge von Raum zu besetzen

Question

Ich mag würde drei Tasten unter gleicher Menge verfügbaren Raum horizontal in einer Reihe haben. Ich verwendete android:layout_gravity. Was ist das Problem?

Layout 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> 

wenn jemand sehen, was ist falsch, danke.

Answer 1

Das folgende Layout funktionieren sollte. Gewichte sind für 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

Setzen Sie die Tasten in einem relativen Layout. Fügen Sie Eigenschaften zu den Schaltflächen allignParentleft = true, einem anderen allignParentcenter = true und allignParentRight = true für jede Schaltfläche hinzu.

Answer 3

Check out this:

<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

Teilen Sie die Gewichtssumme zu gleichen Teilen in allen Knöpfen.

Entfernen layout_gravity Immobilien und fügen android: layout_weight = 0,33.

Es funktioniert

Answer 5

neben der eine layout_weight Einstellung layout_width oder layout_height zu 0dp setzen müssen. Also, wenn Sie zum Beispiel will horizontal um die Tasten zu verteilen, sollte layout_width 0DP und layout_weight 0,2 oder eine beliebige Zahl sein, solange Sie haben über die Tasten gleich ist.

so sollte Ihr Layout wie diese

<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

sind Sie es wie folgt aufteilen: `

  <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

Bitte beachten Sie den folgenden Layout-Schnipsel:

<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> 

2 Dinge oben zu beachten.

A. habe ich ein Linearlayout mit weightSum von 3.

B. Dann im Inneren, dass ich schaffen 3 Elemente mit jeweils layout_weight von 1, so dass ich mein Kind-Elemente haben den gesamten Raum unter sich gleichmäßig verteilen.

Answer 8

habe ich es ohne Gewicht pragmatisch machen

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>