colonna GridLayout sta andando oltre i suoi limiti

Question

Sto cercando di fare una forma di griglia simile, simile a the example on the official Android Developers blog.

Ecco il mio layout:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical"> 

    <GridLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="48dp" 
     android:layout_marginRight="48dp" 
     android:layout_marginTop="@dimen/activity_vertical_margin" 
     android:columnCount="2" 
     android:rowCount="2"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="0" 
      android:layout_gravity="end" 
      android:layout_row="0" 
      android:text="Send" 
      android:textColor="?android:attr/textColorPrimary" 
      android:textSize="24sp" /> 

     <Spinner 
      android:id="@+id/send_currency" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="1" 
      android:layout_row="0" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="0" 
      android:layout_gravity="end" 
      android:layout_row="1" 
      android:text="to" 
      android:textColor="?android:attr/textColorPrimary" 
      android:textSize="24sp" /> 

     <EditText 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="1" 
      android:layout_row="1" 
      android:hint="username" 
      android:textColor="?android:attr/textColorPrimary" 
      android:textSize="24sp" /> 
    </GridLayout> 
</LinearLayout> 

La mia colonna di sinistra (testo statico, destra allineato) sta funzionando bene. Allinea il testo a destra e la larghezza dipende dalla riga più larga.

Tuttavia, la colonna di destra sembra disegnare fuori dai limiti del GridLayout.

In questo quadro, la scatola blu è i limiti della GridLayout. Puoi già vedere il problema nella barra verde in alto. Si suppone che il lato destro si fermi ai limiti del GridLayout (come il lato sinistro), ma per qualche motivo lo sta superando.

La scatola blu in quella foto è dei limiti della EditText (è impostato su wrap_content). Tuttavia, la scatola colorata aqua è il limite in cui è permesso espandersi. Quando digito un sacco di personaggi in EditText, passa oltre i limiti di GridLayout e anche oltre il bordo dello schermo del telefono!

Si tratta di un bug in GridLayout? O mi sta sfuggendo qualcosa?

Answer 1

È possibile limitare edittext a linea singola.

<EditText 
... 
android:singleLine="true" 
android:lines="1" 
android:maxLines="1" 
android:hint="to"></EditText> 

Answer 2

Definitivamente dispari. Cosa succede se vincoli la larghezza di EditText a "match_parent" invece di "wrap_content" (che dovrebbe vincolare la sua larghezza orizzontale all'interno della cella della griglia)?

cioè

 <EditText 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_column="1" 
     android:layout_row="1" 
     android:hint="username" 
     android:textColor="?android:attr/textColorPrimary" 
     android:textSize="24sp" /> 

o, in alternativa, dare al vostro EditText un margine destro per cercare di spingere quel bordo destro a mano in un po '? per esempio.

android:layout_marginRight="20dp" 

e vedere se questo fa la differenza?

Answer 3

Questo è 'normale' comportamento di GridLayout.

Fortunatamente, v'è una nuova versione di GridLayout, che è stato aggiunto con API 21. Grazie di questo fatto, si può fare GridLayout accoglie i bambini al suo la larghezza o l'altezza secondo che il suo orientamento.

Per conoscere i dettagli guardano documentation, soprattutto in Class Sommario -> L'eccesso di spazio di distribuzione. Potete trovare lì informazioni su come utilizzare GridLayout nel modo desiderato.

---

Suggerimento:

Non dimenticate che a fare uso di nuove GridLayout, è necessario add it as support library e in xml s si dovrebbe usare:

<android.support.v7.widget.GridLayout ... > 

invece di

<GridLayout ... > 

Answer 4

I trovato this answer per essere utile. Inoltre, la risposta di paulina_glab dell'uso di <android.support.v7.widget.GridLayout invece di solo <GridLayout - grazie!

In particolare questi attributi su ogni cella:

android:layout_width="0dp" 
app:layout_columnSpan="1" 
app:layout_columnWeight="1" 
app:layout_rowSpan="1" 

Speranza che aiuta.