StaggeredGridView

A sweeter StaggeredGridView

This widget is based on maurycyw/StaggeredGridView, which is a modification of Android's experimental StaggeredGridView: com.android.ex.widget.StaggeredGridView

This widget has fixed some of the major bugs and has some new features that you may be interested.

Suggestion

It is very helpful for you to use this widget in your app and understand the restriction in it if you had knowledge of how to create Android custom views; http://developer.android.com/guide/topics/ui/custom-components.html has good information about that;

Features

• Stability and high performance

  This widget fix some bugs of maurycyw/StaggeredGridView. Such as when fling the view, the scroll sometimes slow down and speed up later.

  Notice that the image loading also has a contribution to the performance. I use square/Picasso, it provides the best performance I've ever seen.

• Header and Footer View and an Adapter to wrap all child views, just like android.widget.ListView

  Header and footer views can cross columns, but the widget currently only support no more than one header and no more than one footer.

• Load more when get to the bottom

  You may find the footer view useful here.

• Work with PullToRefresh

  A compatible part enable this widget to be pulled to refresh.

Restriction

• You have to determine the dimension of each child view in the widget before the parent the child.measure()

  This is because the after the child is first time added to the parent widget, its size should not be changed, otherwise it may cause gird misalign as you may have seen in maurycyw/StaggeredGridView.

  eg. You want to display pictures in the widget, and the pictures are loaded from network. The height of each grid is decided by the size of the picture in them. Say, if you set your picture container to WRAP_CONTENT, the size of the pic container may change when the picture is loaded, and then the size of the grid change. This can cause gird misalign. Unfortunately, the current methodology has nothing to do to fix this. Instead, you can let this widget know the size of each child before the picture is actually downloaded. You can do this by overwrite the onMeasure() method of the container.

• Load more is lazy

  When load more, the widget only add new items to the old ones, the old ones is not reloaded.

• Screen rotation

  The widget may have problem holding the state when it is destroyed and restored the them in a different screen orientation. Besides, you may want to change the column number when the screen orientation changed, you'd better rebuild the whole content from start.

Project structure

Project contains StaggeredGridView library, StaggeredGridView demo, modified PullToRefresh library to work with StaggeredGridView. In order to avoid some dependency problems, I add the libs into one project, but it is easy to retrieve the libs.

• StaggeredGridView lib

  code: src/com.bulletoid.android.widget.StaggeredGridView

  res: res/stgv_*.xml

• PullToRefresh lib

  code: src/com.handmark.pulltorefresh.library

  res: res/ptr_*.xml

Usage

Please refer to the Demo of how to use the widget and use it with PullToRefresh.

Pictures in the demo are from Pinterest