recycleview的多布局實現(xiàn)----帶時間列表的圖片管理集

一、效果圖


如上圖所示:時間是一個布局,圖片是一個布局。用recycleview的多布局實現(xiàn)上邊的效果。

二、具體實現(xiàn)

1、首先多布局,肯定要能區(qū)分出來是哪個布局。重寫adapter中的getItemViewType()方法來區(qū)分,具體實現(xiàn):

viewtype可以靈活定義,可以在實體類中,也可以通過其他形式,根據(jù)position來區(qū)分。

2、為不同的viewType引入其對應的布局,并創(chuàng)建對應的viewholder

說明:viewtype最好定義為常量,不要像我這里一樣寫成1,2。


3、綁定數(shù)據(jù)

判斷viewholder屬于哪種,在給對應的控件填充數(shù)據(jù)。

4、設置recycleview的樣式

三、圖片展示為GridView布局樣式

可能會想,把LinearLayoutManager換成GridLayoutManager就可以了,來看下效果

效果圖:


并列三個item,時間占了一個位置,我們不想要這樣的效果,我們想要的是時間是一個單獨的一行,圖片展示為網格布局的效果。

這時候就用上了setSpanSizeLookup了。

作用就是靈活的設置每行顯示的個數(shù)。上邊的代碼是根據(jù)adapter中的viewType來靈活設置span size的。運行效果如下:

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容