快速利用RecyclerView的LayoutManager搭建流式布局

之前也寫了一個(gè)ViewGroup版本的流式布局,該流式布局有兩大優(yōu)點(diǎn):可以設(shè)置行數(shù)是否內(nèi)容在該行中居中顯示(猛戳),說真的自從對(duì)RecyclerViewLayoutManager有新的認(rèn)識(shí)后,完全不用擔(dān)心很多的復(fù)雜布局了。而且對(duì)ViewGroup測(cè)量過程也不用擔(dān)心了,因?yàn)槔锩嬗?strong>LayoutManager幫我們實(shí)現(xiàn)了。下面就進(jìn)入該篇文章的主題吧,廢話不多說,直接上圖更有說服力。

simple.gif

上面的示例圖是我把ItemView分別用了TextViewImageView。其實(shí)這些是沒什么好說的,主要是如何定義這樣的LayoutManager。相信大家都用過了LinearLayoutManager吧,系統(tǒng)提供的LayoutManager都是對(duì)齊的方式進(jìn)行排版的,我們這里的flow的樣式就是在排版item之前,判斷了該行多余的空間還夠不夠顯示,如果不夠直接換行顯示的思路。

使用:

詳見TextFlowActivityDiffHeightTextFlowActivity、PhotoFlowActivity

RecyclerView recyclerView = (RecyclerView) findViewById(flow);
FlowLayoutManager flowLayoutManager = new FlowLayoutManager();
//設(shè)置每一個(gè)item間距
recyclerView.addItemDecoration(new SpaceItemDecoration(dp2px(10)));
recyclerView.setLayoutManager(flowLayoutManager);
recyclerView.setAdapter(new FlowAdapter());

常見商品屬性界面(RV嵌套R(shí)V,item高度為wrap_content):

商品屬性界面.gif

使用:見ProductActivity

常見懸浮商品屬性界面(RV嵌套R(shí)V,item高度為wrap_content):

懸浮商品屬性界面.gif

使用:見SuspensionProductActivity

動(dòng)畫修復(fù)問題:

動(dòng)畫演示.gif

使用:見TextFlowActivity

viewpager中流式布局應(yīng)用:

viewpager中流式布局.gif

使用:見ViewPagerActivity

添加RV嵌套R(shí)V高度為wrap_content不顯示問題,請(qǐng)使用:
NestedRecyclerView

添加長點(diǎn)擊進(jìn)入刪除效果,點(diǎn)擊外面進(jìn)入正常模式:

長點(diǎn)擊刪除界面.gif

使用:見LongClickDeleteTextFlowActivity

gradle依賴:

all projects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

dependencies {
        compile 'com.github.1002326270xc:LayoutManager-FlowLayout:v1.7'
}

歡迎大家提出問題,留言板留言或郵箱直接聯(lián)系我。我會(huì)第一時(shí)間測(cè)試相關(guān)的bug

歡迎客官到本店光臨:184793647(qq群)

關(guān)于我:

email:a1002326270@163.com
csdn:enter
github:enter

更多你喜歡的文章

仿360手機(jī)助手下載按鈕
仿蘋果版小黃車(ofo)app主頁菜單效果
設(shè)計(jì)一個(gè)銀行app的最大額度控件
帶你實(shí)現(xiàn)ViewGroup規(guī)定行數(shù)、item居中的流式布局
定制一個(gè)類似地址選擇器的view
3D版翻頁公告效果
一分鐘搞定觸手app主頁酷炫滑動(dòng)切換效果
快速利用RecyclerView的LayoutManager搭建流式布局
用貝塞爾曲線自己寫的一個(gè)電量顯示的控件
快速搞定一個(gè)自定義的日歷
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,281評(píng)論 25 708
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,180評(píng)論 1 92
  • 一.常用控件的使用方法 1.TextView match_parent 由父布局來決定當(dāng)前控件的大小。wrap_c...
    努力生活的西魚閱讀 1,338評(píng)論 5 0
  • 調(diào)優(yōu)region server還是master 需要為region server增加參數(shù),而master并不會(huì)是個(gè)...
    水他閱讀 2,173評(píng)論 0 50
  • 3.遍嘗百湯。網(wǎng)上的教程翻遍了,還是沒辦法讓湯變得醇厚。我只好主動(dòng)出擊,像獵人搜獵物一樣,去搜湯!當(dāng)然,并沒有嘗過...
    塵__閱讀 454評(píng)論 0 1

友情鏈接更多精彩內(nèi)容