Horizontal Linearlayout mit mehreren Kindern, Move Kinder unter auf New Line Wenn No More Horizontal Raum

Question

Ich möchte eine horizontale LinearLayout haben, die so breit wie der Bildschirm ist und so hoch wie seine Kinder, aber der Trick ist, dass seine Kinder jeweils eine dynamische Breite haben und ich nicht will, dass sie vom Bildschirm verschwinden (ausgeschnitten). Ich möchte, dass sie in einer neuen Zeile fließen/brechen, so dass sie alle sichtbar sind.

Obwohl für Android völlig irrelevant, sollte es ähnlich funktionieren wie inline <div> in HTML arbeiten.

Hier ist, was ich jetzt haben:

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

Aber sobald die Kinder der LinearLayout breiter bekommen als der Bildschirm der Extrateil des Bildschirms/unsichtbar aussteigt.

Answer 1

Ich möchte eine horizontale Linearlayout haben, die so breit wie der Bildschirm ist und so hoch wie seine Kinder, aber der Trick ist, dass seine Kinder werden dynamische Breite jeder haben, und ich will sie nicht gehen Off-Screen (ausgeschnitten).

A LinearLayout kann, dass (eine beliebige Standard-Layout aus dem SDK das nicht können) nicht, weil die LinearLayout gesetzt alle die Kinder in einem horizontale oder vertikale Linie zu platzieren. Außerdem ist jede Art von bedingten Layoutregeln basierend auf Dimensionen, die noch nicht verfügbar sind (wie in Ihrem Fall die verfügbare Breite für die LinearLayout), in der XML sowieso nicht möglich.

Was Sie brauchen, ist ein benutzerdefiniertes Layout, das die Kinder mißt, um den verfügbaren Platz zu verwenden, um nicht passende Kinder in eine neue Zeile zu verschieben (eine sogenannte FlowLayout).

Edit:

Google bietet jetzt die flexbox-Bibliothek, die die Flexbox Layout auf Android Web implementiert. Unter Verwendung dieser Bibliothek werden die Kinder eines FlexboxLayout auf mehreren Linien auf ihre Breiten auf Basis platziert werden, indem die Verwendung von flexDirection (mit einem Wert von Reihe) und flexWrap (mit einem Wert von Wrap) Attribute.