Table with variable column width per row (similar to UICollectionView for iOS)

Question

Is there an equivalent for iOS UICollectionView in Android SDK?

I need to implement similar "table" layout as below, but as there are many cells (user will scroll the screen to view all) I need cell re-using for performance reasons.

+-----------------+----------+--------+
| cell 1          | cell 2   | cell 3 |
+-----------------+--+-------+--+-----+
| cell 4  | cell 5   | cell 6   |
+---------+---+------+-----+----+---------+
| cell 7      | cell 8     | cell 9       |
+-------------+------------+--------------+

I was thinking to use separate GridView for each row, but I need to scroll all table at once and I am not sure if cell re-using will work properly that way.

What is the best way to implement the table above?

Thanks for upvote my answer but i really want to help you so please tell me whether you got solution or not? And if not then let me know where you stuck. — Shreyash Mahajan, Feb 08 '13 at 06:34

score 4 · Answer 1 · answered Feb 02 '13 at 00:18

If you can set the cells to a predefined width, you should check out TwoWayGridView.

Otherwise, what you are looking for is in the AOSP's experimental branch and it's called StaggeredGridView. They have started the implementation but it's quite young and unprepared, though it may give you a hint as to where to start.

Generally, there are different approaches to this, and from my experience you may end up in having to write a good robust view recycler and re-user yourself, to be able to rely on existing API and widgets, where you will only have to calculate the width of the scroll and lay the views as they detach or need to be attached to your containers upon scrolling events.

Thanks, I've already found the TwoWayGridView, but didn't test it yet. The cells width is based on output of external service so I think it is a no go. — Petr Peller, Feb 02 '13 at 18:55

score 1 · Answer 2 · edited May 23 '17 at 11:51

I am not sure, but you can find the Solution for your issue here.

I think Bucket List Adapter is the Solution of your question. Please try with implementing it and let me know.

Feel free to comments. Enjoy Coding. :)

UPDATED

You Can also do like as you have said. Just create Dynamic TableLayout while User scrolling from down to up. So it will not take much Memory and will also display the data based on your custom view. In such way you will have Scroll will all the cell and also have solve the memory issue.

score 1 · Answer 3 · answered Feb 06 '13 at 12:26

I think the StaggeredGridView or QuiltView libraries will help you solve your issue. Using these libraries, we can arrange the images according to the width and height

If you are using quilt view, you can arrage it in different styles by changing the ScaleType, etc.

I haven't tried the TwoWayGridView but is worth trying. I hope this helps.. :)

Table with variable column width per row (similar to UICollectionView for iOS)

3 Answers3