Many Views lines in LinearLayout

Question

How to recognize when there is no more space in the screen of the device, so the view is added in the next line. Something like this:

And I got this:

with this xml:

<LinearLayout
        android:orientation="horizontal"
        android:padding="5dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <TextView
            android:id="@+id/tournament_client"
            android:textSize="@dimen/text_small_p"
            android:textColor="@color/grey_line"
            android:background="@color/black_10"
            android:text="Lorem Ipsum"
            android:layout_margin="5dp"
            android:padding="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

You should look into LinearLayout Overflow or Flow layouts http://stackoverflow.com/a/14528602/1440950 — Ertyguy, Oct 29 '15 at 16:28
If you want that to happen, why dont you use a GridLayout instead? — luiscosta, Oct 29 '15 at 16:30
How should I use GridLayout to that escenario, the textviews are added programmatically. — Alejandro Cumpa, Oct 29 '15 at 16:31

score 0 · Accepted Answer · answered Nov 25 '15 at 15:55

I solve this using FlowLayout as Ertyguy said, works like charm:

with this in XML:

<com.theapplabperu.hazfutbol.Utils.FlowLayout
            android:id="@+id/layout_characteristics"
            android:paddingTop="10dp"
            android:paddingLeft="10dp"
            android:paddingRight="10dp"
            android:layout_marginBottom="10dp"
            android:layout_width="match_parent"
            android:background="@color/white"
            android:orientation="vertical"
            android:layout_height="wrap_content">

And a Loop like this to add the views:

for (String caracteristics : myPlayer.getCaracteristics())
                {
                    i = i+1;
                    TextView tv = new TextView(myContext);
                    tv.setText(caracteristics);
                    tv.setId(i + 20);
                    tv.setPadding(10, 10, 10, 10);
                    tv.setTextSize(14);
                    tv.setTextColor(myContext.getResources().getColor(R.color.gray_tags));
                    tv.setBackgroundDrawable(getDrawable(R.drawable.tags_shape));    
                    FlowLayout.LayoutParams layoutParams = new  FlowLayout.LayoutParams(30, 15);
                    tv.setLayoutParams(layoutParams);
                    lnrGameChars.addView(tv);
                }

Many Views lines in LinearLayout

1 Answers1