Android自定义控件StaggeredGridView-瀑布流效果的GridView

我们知道谷歌keep在显示记事的时候可以多列显示，但是跟国内很多应用不同，它的记事之间高度是随机的，效果如下：

因为之前没有用过GridView，但是知道GridView大概是怎么回事，只不过是listview的另一种形式而已，直觉告诉我谷歌这个界面是GridView做的。于是我就尝试着用GridView来模仿keep的界面。结果发现GridView根本做不出来，怎么弄每行都只能是一个固定高度。看来谷歌要么是没有用GridView，要么是修改了GridView。想看代码，但是keep人家不开源啊。

国内的网站上貌似没找到一个靠谱的解决方案，于是就在git上漫无目的的搜，结果发现了StaggeredGridView这样一个开源控件，根据其描述来看，和我的需求一致，分享给大家。

源码地址：https://github.com/maurycyw/StaggeredGridView

描述：

StaggeredGridView 允许你创建一个不规则的多列GridView ，类似于Pinterest的效果，包含了自己的OnItemClickListener和OnItemLongClickListener。

如何设置

将此工程放到你的workspace中，然后在你自己的项目中通过引入library的形式将此控件添加进去，就可以像一般的gridview一样使用了。

使用方法

StaggeredGridView 可以作为一个自定义view添加进任何layout中。

支持的属性(和 GridView相同):

• numColumns : 显示几列。
  

• drawSelectorOnTop : 点击某一条记录，颜色显示在最上面还是作为背景显示。

1 2 3 4 5 6 7 8 9 10 11 12 13

<LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android"      xmlns:tools= "http://schemas.android.com/tools"      xmlns:staggered= "http://schemas.android.com/apk/res-auto"      android:layout_width= "match_parent"      android:layout_height= "match_parent"      android:id= "@+id/mainLayout" >      <com.origamilabs.library.views.StaggeredGridView          android:id= "@+id/staggeredGridView1"          staggered:numColumns= "2"          staggered:drawSelectorOnTop= "true"          android:layout_width= "match_parent"          android:layout_height= "wrap_content" /> </LinearLayout>