Layout lineare e peso in Android

Ho sempre letto di questo divertente valore di peso nelle documentazioni di Android. Ora voglio provarlo per la prima volta ma non funziona affatto.

Come ho capito dalle documentazioni questo 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>

dovrebbe creare due pulsanti allineati orizzontalmente e condividere lo spazio equamente. Il problema è che i due pulsanti non crescono per riempire lo spazio.

Vorrei che i pulsanti crescessero e riempissero l'intera linea. Se entrambi i pulsanti sono impostati in modo da corrispondere solo al genitore, viene mostrato il primo pulsante e riempie l'intera riga.

Non stai impostando la layout_weightproprietà. Il tuo codice legge weight="1"e dovrebbe leggere android:layout_weight="1".

3 cose da ricordare:

• imposta android: layout_width dei bambini su "0dp"
• imposta android: weightSum del genitore ( modifica: come notato da Jason Moore, questo attributo è facoltativo, perché di default è impostato sulla somma layout_weight dei bambini)
• imposta Android: layout_weight di ogni bambino in modo proporzionale (es. weightSum = "5", tre figli: layout_weight = "1", layout_weight = "3", layout_weight = "1")

Esempio:

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

E il risultato:

Lo è android:layout_weight. Il peso può essere utilizzato solo in LinearLayout. Se l'orientamento di linearlayout è Verticale, utilizzare android:layout_height="0dp"e se l'orientamento è orizzontale, quindi utilizzare android:layout_width = "0dp". Funzionerà perfettamente.

Questa immagine riassume il layout lineare.

Puoi seguire questo link per ulteriori informazioni sull'argomento. Solo matematica - Visualizzazioni, Visualizza gruppi e layout

Video tutorial per layout lineare: larghezza, altezza e pesi

Tutorial layout lineare Android

Prova a impostare layout_widthentrambi i pulsanti su "0dip" e weightentrambi su0.5

LinearLayout supporta l'assegnazione di un peso a singoli bambini. Questo attributo assegna un valore di " importanza " a una vista e gli consente di espandersi per riempire lo spazio rimanente nella vista padre. Il peso predefinito è zero

calcolo per assegnare qualsiasi spazio rimanente / extra tra i bambini. (non lo spazio totale)

spazio assegnato a child = (peso individuale del bambino) / (somma del peso di ogni bambino nel layout lineare)

Esempio (1): se ci sono tre caselle di testo e due dichiarano un peso di 1, mentre alla terza non viene dato peso (0), lo spazio rimanente / aggiuntivo viene assegnato a

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

Esempio (2) : supponiamo di avere un'etichetta di testo e due elementi di modifica del testo in una riga orizzontale. L'etichetta non ha layout_weight specificato, quindi occupa lo spazio minimo richiesto per il rendering. Se layout_weight di ciascuno dei due elementi di modifica del testo è impostato su 1, la larghezza rimanente nel layout principale verrà suddivisa equamente tra di loro (poiché riteniamo che siano ugualmente importanti).

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

Se la prima casella di testo ha un layout_weight di 1 e la seconda casella di testo ha un layout_weight di 2, allora un terzo dello spazio rimanente verrà assegnato al primo e due terzi al secondo (perché sosteniamo che il secondo è più importante).

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

Nel campo della larghezza del pulsante, sostituire wrap-contentcon 0dp.
Usa l'attributo layout_weight di una vista.

android:layout_width="0dp"  

Ecco come apparirà il tuo codice:

<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 viene utilizzato per distribuire lo spazio rimasto in proporzioni. In questo caso, i due pulsanti stanno assumendo la larghezza "0dp". Quindi, lo spazio rimanente sarà diviso in proporzione 1: 1 tra loro, cioè lo spazio sarà diviso equamente tra le viste dei pulsanti.

Mi piace la risposta di @Manoj Seelan

Sostituisci android:layout_weightcon android:weight.

Quando usi Weight con LinearLayout. è necessario aggiungere weightSumin LinearLayoute secondo l'orientamento del vostro LinearLayoutè necessario impostare 0dpper la larghezza / altezza a tutti LinearLayout`s vista dei bambini

Esempio :

Se L'orientamento di Linearlayoutè Vertical, quindi Imposta larghezza di tutte le LinearLayoutviste Bambini con0dp

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

Se l'orientamento Linearlayoutdi è horizontal, quindi imposta l'altezza di tutte le LinearLayoutviste "Bambini" con 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>

Forse l'impostazione di entrambe le proprietà layout_width dei pulsanti su "fill_parent" farà il trucco.

Ho appena testato questo codice e funziona nell'emulatore:

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

Assicurati di impostare layout_width su "fill_parent" su entrambi i pulsanti.

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

Nel XML sopra, imposta il android:layout_weightlayout lineare come 2: android:layout_weight="2"

Inoltre, è necessario aggiungerlo android:layout_width="0dp"per le visualizzazioni dei bambini [Visualizzazioni pulsanti] diLinerLayout

Devi scrivere in questo modo, funziona per me

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

Di seguito sono riportate le modifiche (contrassegnate in grassetto ) nel codice:

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

Dal momento che LinearLayout ha l'orientamento come orizzontale, quindi dovrai mantenere la larghezza solo come 0dp. per l'utilizzo di pesi in quella direzione. (Se il tuo orientamento fosse verticale, avresti mantenuto la tua altezza solo 0dp) .

Poiché ci sono 2 viste e le hai posizionate android:layout_weight="1"per entrambe le viste, significa che dividerà le due viste equamente in direzione orizzontale (o per larghezza).

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

Questa è la risposta perfetta al tuo problema

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

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