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