Pinterest style listview or gridview in android

Question

I am looking to implement pinterest style gridview (see image) and am having difficulty coming up with an approach.

The view needs to have 3 columns (like pinterest) with individual images having constant width but variable height. It should be scrollable. I am also concerned about the issue of being able to recycle views as the number of images can be lot (say 1000s)

I am not sure how to approach this view in android.

Gaurav

Pinterest View

score 5 · Answer 1 · answered Oct 06 '12 at 14:18

I never thought about it until you brought it up, but this is an interesting problem to try an solve. My suggestion would be to fit 3 ListView's into the Activity or Fragment. I assume each one recycles their own View's respectively. This solves your performance pretty easily assuming it is safe to do it. So maybe a horizontal LinearLayout that holds the 3 ListViews. Adding some padding to the middle one would produce the desired effect.

Of course, more thought needs to be put into deciding how the images end up where they are, but that is you to figure out :) Hope this gives you some ideas!

I like the suggestion. Will try this. – rOrlig Oct 06 '12 at 15:00 — rOrlig, Oct 06 '12 at 15:00

score 3 · Answer 2 · answered Mar 27 '12 at 22:02

3

I would do it this way:

ScrollView
  LinearLayout (horizontal)
    LinearLayout (vertical, layout weight for width)
      [All the content in column 1]
    LinearLayout (vertical, layout weight for width)
      [All the content in column 2]
    LinearLayout (vertical, layout weight for width)
      [All the content in column 3]

Use lazy loading for the pictures if there are thousands

answered Mar 27 '12 at 22:02

AJcodez

31,780
20
84
118

4

lazy loading of the images is not the issue. I am more concerned with the recycling the imageviews inserted in the three linearlayouts. – rOrlig Mar 27 '12 at 22:53
1

I did try this approach with lazy loading and it does not perform well probably due to not recycling image views. – rOrlig Mar 27 '12 at 22:54
1

Hmm. I guess if you are loading that many images you can remove the views at the beginning and add more views to end as you scroll. – AJcodez Mar 28 '12 at 07:19

Pinterest style listview or gridview in android

2 Answers2

Linked