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

泡在网上的日子 / 文 发表于2013-08-22 19:02 次阅读 android,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 : 点击某一条记录,颜色显示在最上面还是作为背景显示。


<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>


收藏 赞 (6) 踩 (0)
上一篇:Fragment 横竖屏切换问题
在默认情况下当发生横竖屏切换时,当前Activity中的fragment都会通过Fragment.instantiate重新生成,该方法将使用默认的构造函数来生成相应的Fragment,所以如果没有默认构造函数的话将会报错,例如: class MyFragment {public MyFragment(int title, Strin
下一篇:对网络上关于listview异步加载优化方案的文章的总结
Android中ListView是使用平率最高的控件之一(GridView跟ListView是兄弟,都是继承AbsListView),ListView优化最有效的无非就是采用ViewHolder来减少频繁的对view查询和更新,缓存图片加快解码,减小图片尺寸。 下面是Google的建议 Your code might call fi