下拉載入更多

2021-06-19 12:03:21 字數 763 閱讀 8977

前言:由於專案需要,經理喊我做乙個瀑布流的檢視,在網上找了幾個目前主流的幾個瀑布流解決方案。最後分別研究了各自的解決方案,我選擇了stageredgridview。大家可以在github上找到。但是最後我發現用stageredgridview來實現下拉重新整理、上拉載入更多很不方便,並且stageredgridview在很多功能上還不完善。思前想後,幾經周折我還是在stageredgridview上找到了突破口。

目標:由於下拉重新整理、上拉載入更多,網上已經於很多的相關解決方案,我研究了這些解決方案,發現乙個共同點,都是在listview、gridview、scrollview上做的處理。包括目前github上有個專案叫pulltorefresh的,可以直接使用在listview、gridview、scrollview,在stageredgridview上就不適用了。想了一下,如果能做乙個這樣的控制項,任意view(如:linearlayout,)放在其中,都能很方便的實現此功能,那該多好啊。故我想了一套解決方案,希望大家一起來**,指教。

方案:在乙個relativelayout中,先放上5個布局(當然可以是任意的,我選擇的是linearlayout)。如下圖所示:

在這樣的方案下,我分別測試了stageredgridview,srcollview。都可以達到預期效果,由於專案緊就沒有過多的測試其他檢視,這也是我拿出來討論的目的,希望大家一起來完善。

例項效果:下面是我測試stageredgridview的效果圖。

下拉過程中

原始碼:結言:不是為了解決問題而解決問題,希望大家能幫我完善此功能。方便以後專案開發。

下拉載入更多

element.scrollheight 元素內容高度的度量 包括由於溢位導致的檢視中不可見的內容 element.clientheight 元素內部的高度 包括內邊距,但是不包括水平滾動軸與邊距和外邊距 element.scrolltop 獲取或者設定乙個元素的內容垂直滾動的畫素數。2.判斷乙個元...

uni 下拉載入更多 uni app下拉載入更多

其實關於載入更多這個外掛程式,官方已經為我們提供了,放在擴充套件元件中,當然這個元件只是為我們實現了上拉載入的按鈕顯示樣式,具體的獲取資料邏輯還是需要我們自己去編寫。效果預覽 轉的有點大,沒工夫找工具了。分析資料結構 我們獲取資料的邏輯是要根據目標介面返給我們的的資料結構來編寫的,我們先來看下目標返...

下拉載入更多內容(滾動載入)

最近寫專案,要求實現滾動條滾動到底部的時候請求載入更多的資料。要實現此功能首先想到的就是scroll事件,經過查閱資料終於實現此功能,具體原理如下 首先需要給div加scroll事件,監聽滾動條滾動動作。滾動載入的原理 當滾動條的高度加上 滾動條到div頂部的高度 等於div的可滾動高度時,說明滾動...