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= "https://schemas.android.com/apk/res/android"
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>
|
最后更新:2017-04-03 12:55:27