1. 程式人生 > >Android自定義控件StaggeredGridView-瀑布流效果的GridView

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

eight base raw cells 不出 layout near 解決 p s

我們知道谷歌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>

再分享一下我老師大神的人工智能教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智能的隊伍中來!http://www.captainbed.net

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