How to align TextViews one next to each other from beginning to the end?

Question

I am creating an android app, and I have to display for example 10 textviews - one next to each other etc., doesn't matter in how many rows, just do it automatically. Something like in this image:

enter image description here

Which layout should I use? I tried Gridlayout and gridview, but somehow I am not able to achieve such behavior. Any ideas?

Thanks!

on what based does the first row shows 3 buttons and 2nd row shos 2? is it fixed or varies dynamically? — KOTIOS, Jan 27 '15 at 11:17
is that random to align ? like 2 in first row, 3 in second ? — Murtaza Khursheed Hussain, Jan 27 '15 at 11:21
no. Just how it fit on line, automatically. For example there can't be textview nr. 6 in row 2 even when there is a little space, because it just won't fit there. Anyway, answer was already found :) — qkx, Jan 27 '15 at 11:34

score 0 · Answer 1 · answered Jan 27 '15 at 11:27

I would suggest you use a single texView for this unless you wish to give different UI design to every text like text color, background, font style etc.
If you are not aware of number of texts you may include use a single textView and set text to it your concatenated full text.
You text view should support multiple lines and you may also set a max limit to number of lines....
Example code:

      <TextView 
        android:id="@+id/tvMyText"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:singleLine="false" 
        android:maxLines="5"
        android:textColor="@color/black"
        android:textSize="14sp" />

        String finalText = "";
        String[] yourData =  // string your containing all texts
        for ( String text : yourData ) {
            finalText = text + " "; // add space after every text
        }
        TextView tvText = (TextView) view.findViewById( R.id.tvMyText );
        tvText.setText( finalText );

I'm not sure if this solution would work perfectly for your requirements... but you may just give it a thought.

score 0 · Answer 2 · answered Nov 17 '15 at 12:39

Hello here is example using custom Library which acts like List GitHubLibrary TagLayout

Sample Code:-

mFlowLayout.setAdapter(new TagAdapter<String>(mVals) { @Override public View getView(FlowLayout parent, int position, String s) { TextView tv = (TextView) mInflater.inflate(R.layout.tv, mFlowLayout, false); tv.setText(s); return tv; } });

-- this will dynamically set your textview as per size of text in array

How to align TextViews one next to each other from beginning to the end?

2 Answers2