實現列表懸浮標籤 頂上去 的效果

2021-09-11 11:02:21 字數 767 閱讀 6975

列表頂部的標籤懸浮大家應該都知道,但「頂上去」是個啥玩意?

看一下效果圖就知道了,注意看頂部的懸浮標籤切換時的效果:

這是我在之前乙個自定義側邊索引欄的專案上修改的,對側邊索引欄的實現有興趣的可以看一下之前的文章:自定義側邊快速索引欄

思路是這樣子的:

感覺比想象中簡單啊。可以看出邏輯都是在滑動事件裡,我們用 recyclerview 的 addonscrolllistener 方法監聽列表的滑動事件,在***裡面實現上面的邏輯。說的可能不是很好,看**就知道多簡單了。

***的**如下:

class

mscrolllistener

extends

recyclerview.onscrolllistener

@override

public

void

onscrolled

(recyclerview recyclerview, int dx, int dy)

else

}if (mcurrentposition != firstvisibleitemposition)

}/**

* @param position 對應項的下標

* @return 是否為標籤項

*/private

boolean

isitem

(int position)

}複製**

這樣就已經實現「頂上去」的效果了,妥妥的。

原始碼位址

RecyclerView懸浮標題

效果圖 1.頂部會懸浮章的部分 2.第二章上滑會推擠第一章 3.第二章下拉會帶出第一章 4.並不是所有時候都有懸浮部分 為什麼這條標紅,因為市面上幾乎所有的懸浮都是必須存在且在頂部,害的我必須自己寫 可惜啊,我這裡螢幕頂部還有其他的布局,導致一開始不能懸浮 結構圖分析如下 如下 private vo...

RecyclerView懸浮標題

效果圖 1.頂部會懸浮章的部分 2.第二章上滑會推擠第一章 3.第二章下拉會帶出第一章 4.並不是所有時候都有懸浮部分 為什麼這條標紅,因為市面上幾乎所有的懸浮都是必須存在且在頂部,害的我必須自己寫 可惜啊,我這裡螢幕頂部還有其他的布局,導致一開始不能懸浮 結構圖分析如下 如下 private vo...

懸浮框實現

專案1專案2 專案3乙個簡單的 是這麼建立的 專案value 電腦 1600 手機 12 導管 1 main.qml import qtquick 2.15 import qtquick.window 2.15 import window 初始化和顯示懸浮框 function initfloatin...