orizzontale LinearLayout con più figli, Move bambini al di sotto su New Line Quando No More orizzontale Spazio

Question

mi piacerebbe avere un orizzontale LinearLayout che è larga quanto lo schermo e alto come le sue figli, ma il trucco è che i suoi bambini avranno una larghezza dinamica ciascuno e non voglio che vadano fuori dallo schermo (ritagliati). Voglio che scorrano/rompano in una nuova riga in modo che siano tutti visibili.

Anche se totalmente irrilevante per Android, dovrebbe funzionare come il lavoro in linea di in HTML.

Ecco quello che ho in questo momento:

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="If you would enter some digits in this field " /> 
     <EditText 
      android:id="@+id/tvDistance" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:hint="enter some digits here"/> 
     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text=" that would be great" /> 
    </LinearLayout> 

Ma non appena i figli del LinearLayout ottengono più ampia dello schermo la parte più ottiene fuori dallo schermo/invisibile.

Answer 1

mi piacerebbe avere un LinearLayout orizzontale che è larga quanto lo schermo e alto come i suoi figli, ma il trucco è che i suoi figli avranno larghezza dinamica ciascuno e non voglio andare li fuori dallo schermo (tagliato).

Un LinearLayout non possono farlo (qualsiasi layout predefinito dal SDK non può farlo) perché il LinearLayout è impostato per posizionare tutti i bambini in una linea orizzontale o verticale. Inoltre, qualsiasi tipo di regole di layout condizionale basate su dimensioni non ancora disponibili (come nel caso della larghezza disponibile per lo LinearLayout) non è comunque possibile nell'xml.

Quello che ti serve è un layout personalizzato che misuri i bambini a utilizzare lo spazio disponibile spostando i bambini non adatti su una nuova riga di seguito (un cosiddetto FlowLayout).

Edit:

Google ora fornisce la libreria che implementa il layout flexbox FlexBox nel web su Android. Utilizzando questa libreria, i figli di un FlexboxLayout saranno posti su più linee in base alle loro larghezze utilizzando il flexDirection (con un valore di fila) e flexWrap (con un valore di dell'involucro) attributi.