Lineares Layout und Gewicht in Android

Ich habe immer über diesen lustigen Gewichtswert in den Android-Dokumentationen gelesen. Jetzt möchte ich es zum ersten Mal versuchen, aber es funktioniert überhaupt nicht.

So wie ich es aus den Dokumentationen verstehe, ist dieses Layout:

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

     <Button
        android:text="Register"
        android:id="@+id/register"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dip"
        weight="1" />

     <Button
        android:text="Not this time"
        android:id="@+id/cancel"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dip"
        weight="1" />

  </LinearLayout>

sollte zwei Schaltflächen erstellen, die horizontal ausgerichtet sind und den Raum gleichmäßig teilen. Das Problem ist, dass die beiden Schaltflächen nicht wachsen, um den Raum zu füllen.

Ich möchte, dass die Schaltflächen wachsen und die gesamte Zeile ausfüllen. Wenn beide Schaltflächen so eingestellt sind, dass sie mit der übergeordneten Schaltfläche übereinstimmen, wird nur die erste Schaltfläche angezeigt und füllt die gesamte Zeile aus.

Sie legen die layout_weightEigenschaft nicht fest. Ihr Code liest weight="1"und sollte lesen android:layout_weight="1".

3 Dinge zu beachten:

• setze die android: layout_width der Kinder auf "0dp"
• setze die android: weightSum des Elternteils ( edit: wie Jason Moore bemerkt hat, ist dieses Attribut optional, da es standardmäßig auf die Summe layout_weight der Kinder gesetzt ist)
• Stellen Sie den Android: layout_weight jedes Kindes proportional ein (zB weightSum = "5", drei Kinder: layout_weight = "1", layout_weight = "3", layout_weight = "1")

Beispiel:

    <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="5">

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="1" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="3"
        android:text="2" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="3" />

    </LinearLayout>

Und das Ergebnis:

Es ist android:layout_weight. Gewicht kann nur in verwendet werden LinearLayout. Wenn die Ausrichtung des linearen Layouts vertikal ist, verwenden Sie android:layout_height="0dp"und wenn die Ausrichtung horizontal ist, verwenden Sie android:layout_width = "0dp". Es wird perfekt funktionieren.

Dieses Bild fasst das lineare Layout zusammen.

Sie können diesem Link folgen, um weitere Informationen zum Thema zu erhalten. Nur Mathematik - Ansichten, Ansichtsgruppen und Layouts

Video-Tutorial für lineares Layout: Breite, Höhe und Gewichte

Android Linear Layout Tutorial

Versuchen Sie, layout_widthbeide Tasten auf "0dip" und beide Tasten auf "0dip" weightzu stellen0.5

LinearLayout unterstützt das Zuweisen eines Gewichts zu einzelnen Kindern. Dieses Attribut weist einer Ansicht einen " Wichtigkeits " -Wert zu und ermöglicht das Erweitern, um den verbleibenden Platz in der übergeordneten Ansicht zu füllen. Das Standardgewicht ist Null

Berechnung, um verbleibenden / zusätzlichen Platz zwischen den Kindern zuzuweisen . (nicht der gesamte Raum)

Leerzeichen für Kind zuweisen = (individuelles Gewicht des Kindes) / (Summe des Gewichts jedes Kindes im linearen Layout)

Beispiel (1): Wenn drei Textfelder vorhanden sind und zwei davon eine Gewichtung von 1 deklarieren, während das dritte keine Gewichtung (0) erhält, wird der verbleibende / zusätzliche Speicherplatz zugewiesen

1st text box = 1/(1+1+0) 
2nd text box = 1/(1+1+0) 
3rd text box = 0/(1+1+0) 

Beispiel (2) : Nehmen wir an, wir haben eine Textbeschriftung und zwei Textbearbeitungselemente in einer horizontalen Zeile. Für das Label ist kein layout_weight angegeben, daher nimmt es den zum Rendern erforderlichen Mindestspeicherplatz ein. Wenn das layout_weight jedes der beiden Textbearbeitungselemente auf 1 gesetzt ist, wird die verbleibende Breite im übergeordneten Layout gleichmäßig zwischen ihnen aufgeteilt (da wir behaupten, dass sie gleich wichtig sind).

calculation : 
1st label = 0/(0+1+1) 
2nd text box = 1/(0+1+1) 
3rd text box = 1/(0+1+1)

Wenn das erste Textfeld ein Layoutgewicht von 1 und das zweite Textfeld ein Layoutgewicht von 2 hat, wird ein Drittel des verbleibenden Platzes dem ersten und zwei Drittel dem zweiten Platz zugewiesen (weil wir behaupten, das zweite ist wichtiger).

calculation : 
1st label = 0/(0+1+2) 
2nd text box = 1/(0+1+2) 
3rd text box = 2/(0+1+2) 

Im Breitenfeld der Taste, ersetzen wrap-contentmit 0dp.
Verwenden Sie das Attribut layout_weight einer Ansicht.

android:layout_width="0dp"  

So sieht Ihr Code aus:

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

 <Button
    android:text="Register"
    android:id="@+id/register"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:padding="10dip"
    android:layout_weight="1" />

 <Button
    android:text="Not this time"
    android:id="@+id/cancel"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:padding="10dip"
    android:layout_weight="1" />    

</LinearLayout>

layout_weight wird verwendet, um den verbleibenden Platz in Proportionen zu verteilen. In diesem Fall nehmen die beiden Schaltflächen die Breite "0dp" an. Der verbleibende Raum wird also im Verhältnis 1: 1 aufgeteilt, dh der Raum wird gleichmäßig auf die Schaltflächenansichten aufgeteilt.

Wie Antwort von @Manoj Seelan

Ersetzen Sie android:layout_weightmit android:weight.

Wenn Sie Gewicht mit verwenden LinearLayout. Sie müssen hinzufügen weightSumin LinearLayoutund nach Ausrichtung Ihres LinearLayoutmüssen Sie Einstellung 0dpfür Breite / Höhe zu allen LinearLayout`s Kinder Blick

Beispiel:

Wenn die Ausrichtung von Linearlayoutist Vertical, dann legen Sie die Breite aller LinearLayoutuntergeordneten Ansichten von mit fest0dp

 <LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="vertical"
     android:weightSum="3">

     <Button
        android:text="Register"
        android:id="@+id/register"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="10dip"
        android:layout_weight="2" />

     <Button
        android:text="Not this time"
        android:id="@+id/cancel"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:padding="10dip"
        android:layout_weight="1" />

  </LinearLayout>

Wenn die Ausrichtung Linearlayoutvon ist horizontal, dann stellen Sie die Höhe aller LinearLayoutKinderansichten mit ein 0dp.

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

     <Button
        android:text="Register"
        android:id="@+id/register"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:padding="10dip"
        android:layout_weight="2" />

     <Button
        android:text="Not this time"
        android:id="@+id/cancel"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:padding="10dip"
        android:layout_weight="1" />

  </LinearLayout>

Vielleicht reicht es, wenn Sie die beiden Eigenschaften layout_width der Schaltflächen auf "fill_parent" setzen.

Ich habe gerade diesen Code getestet und er funktioniert im Emulator:

<LinearLayout android:layout_width="fill_parent"
          android:layout_height="wrap_content">

    <Button android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="hello world"/>

    <Button android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="goodbye world"/>

</LinearLayout>

Stellen Sie sicher, dass layout_width auf beiden Schaltflächen auf "fill_parent" gesetzt ist.

<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/logonFormButtons"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:baselineAligned="true"       
        android:orientation="horizontal">

        <Button
            android:id="@+id/logonFormBTLogon"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"            
            android:text="@string/logon"
            android:layout_weight="0.5" />

        <Button
            android:id="@+id/logonFormBTCancel"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"            
            android:text="@string/cancel"
            android:layout_weight="0.5" />
    </LinearLayout>

Stellen Sie im obigen XML android:layout_weightdas lineare Layout wie folgt ein 2: android:layout_weight="2"

Außerdem müssen Sie dies android:layout_width="0dp"für untergeordnete Ansichten [Schaltflächenansichten] von hinzufügenLinerLayout

Du musst so schreiben, dass es für mich funktioniert

<LinearLayout
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal"
            android:weightSum="2">

         <Button
            android:text="Register"
            android:id="@+id/register"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dip"
            android:layout_weight="1" />

         <Button
            android:text="Not this time"
            android:id="@+id/cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dip"
            android:layout_weight="1" />

Nachfolgend finden Sie die Änderungen (in Fettdruck markiert ) in Ihrem Code:

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

     <Button
        android:text="Register"
        android:id="@+id/register"
        android:layout_width="0dp" //changes made here
        android:layout_height="wrap_content"
        android:padding="10dip"
        android:layout_weight="1" /> //changes made here

     <Button
        android:text="Not this time"
        android:id="@+id/cancel"
        android:layout_width="0dp" //changes made here
        android:layout_height="wrap_content"
        android:padding="10dip"
        android:layout_weight="1" /> //changes made here

  </LinearLayout>

Da Ihr LinearLayout horizontal ausgerichtet ist, müssen Sie Ihre Breite nur auf 0 dp beschränken. für die Verwendung von Gewichten in dieser Richtung. (Wenn Ihre Ausrichtung vertikal wäre, hätten Sie Ihre Höhe nur 0 dp gehalten) .

Da es 2 Ansichten gibt und Sie android:layout_weight="1"für beide Ansichten platziert haben, bedeutet dies, dass die beiden Ansichten gleichmäßig in horizontaler Richtung (oder nach Breite) geteilt werden.

 <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:text="Button 1" />

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="3"
        android:text="Button 2" />

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:text="Button 3" />

    </LinearLayout>

Dies ist die perfekte Antwort auf Ihr Problem

  <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:text="Register" android:id="@+id/register"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:padding="10dip" weight="1" />
     <Button 
        android:text="Not this time" android:id="@+id/cancel"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:padding="10dip" weight="1" />
  </LinearLayout>

Ersetzen Sie wrap_contentmit fill_parent.

 <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:background="#008">

            <RelativeLayout
                android:id="@+id/paneltamrin"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"

                >
                <Button
                    android:id="@+id/BtnT1"
                    android:layout_width="wrap_content"
                    android:layout_height="150dp"
                    android:drawableTop="@android:drawable/ic_menu_edit"
                    android:drawablePadding="6dp"
                    android:padding="15dp"
                    android:text="AndroidDhina"
                    android:textColor="#000"
                    android:textStyle="bold" />
            </RelativeLayout>

            <RelativeLayout
                android:id="@+id/paneltamrin2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                >
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="150dp"
                     android:drawableTop="@android:drawable/ic_menu_edit"
                    android:drawablePadding="6dp"
                    android:padding="15dp"
                    android:text="AndroidDhina"
                    android:textColor="#000"
                    android:textStyle="bold" />

            </RelativeLayout>
        </LinearLayout>