本發(fā)明實施例涉及一種顯示方法以及一種應用該顯示方法的顯示裝置。

背景技術：

隨著技術的發(fā)展，移動設備功能越來越豐富，越來越多的人使用移動設備進行娛樂和生活。移動設備最常用的功能當屬使用瀏覽器訪問網(wǎng)站。

很多網(wǎng)站都會有一些以列表形式展示的信息，根據(jù)移動設備的操作習慣，這些列表一般是可以無限下拉加載的。上述網(wǎng)頁通常使用HTML技術呈現(xiàn)視覺效果。然而，限于實現(xiàn)的機制，跟原生軟件實現(xiàn)的列表組件相比，HTML列表的渲染性能差很多。特別當網(wǎng)頁中包括大量數(shù)據(jù)項的列表在滾動時，會占用更多的內存，從而使頁面操作出現(xiàn)卡頓的情況。

技術實現(xiàn)要素：

本申請旨在至少在一定程度上解決相關技術中的技術問題之一。

為此，本申請的第一個目的在于提出一種一種顯示方法，應用于顯示裝置中，其特征在于，包括：初始化列表并生成第一數(shù)量的顯示項；判斷是否有顯示項被移出顯示區(qū)域；當有顯示項被移出所述顯示區(qū)域時，將至少一移出的顯示項顯示于列表；對顯示項設置新的數(shù)據(jù)顯示。

本申請的第二個目的在于提出一種應用該顯示方法的顯示裝置。

為達上述目的，本申請第一方面實施例提出了一種顯示方法，包括：初始化列表并生成第一數(shù)量的顯示項；判斷是否有顯示項被移出顯示區(qū)域；當有顯示項被移出所述顯示區(qū)域時，將至少一移出的顯示項顯示于列表；對顯示項設置新的數(shù)據(jù)顯示。

本申請實施例的顯示方法，其中所述初始化列表之后還包括： 監(jiān)控所述列表滾動動作。

本申請實施例的顯示方法，所述方法還包括：判斷所述列表的滾動速度是否滿足一預設條件；當滾動速度滿足所述預設條件時，對滾動時間進行第一時間長度的延時。

本申請實施例的顯示方法，所述當初始化列表并生成第一數(shù)量的顯示項進一步包括，所述顯示項被賦予坐標值。

本申請實施例的顯示方法，當所述顯示項被移動時，通過賦予顯示項偏移量以更改其坐標值。

為達上述目的，本申請第二方面實施例提出了一種顯示裝置，包括初始化模塊，監(jiān)控模塊，及控制模塊，所述初始化模塊用于初始化列表并生成第一數(shù)量的顯示項；所述監(jiān)控模塊圖用于判斷是否有顯示項被移出顯示區(qū)域；所述控制模塊用于當有顯示項被移出所述顯示區(qū)域時，將至少一移出的顯示項顯示于列表，所述顯示裝置還用于對顯示項設置新的數(shù)據(jù)顯示。

本申請實施例的顯示裝置，所述初始化模塊還用于在初始化列表后監(jiān)控所述列表滾動動作。

本申請實施例的顯示裝置，所述監(jiān)控模塊還用于監(jiān)控列表滾動動作，判斷所述列表滾動速度是否滿足一預設條件；及 所述顯示裝置，還包括延時模塊，用于當所述列表滾動速度滿足所述預設條件時，對滾動時間進行第一時間長度的延時。

本申請實施例的顯示裝置，所述控制模塊還用于當初始化列表并生成第一數(shù)量的顯示項時賦予所述顯示項坐標值。

本申請實施例的顯示裝置，所述控制模塊還用于當所述顯示項被移動時，通過賦予顯示項偏移量以更改其坐標值。

通過所述顯示方法，當所述顯示項被移動時，只是對顯示項進行垂直方向上的偏移，而避免了顯示項的新生成、插入、刪除和移動，即對已生成的顯示項進行了節(jié)點重復利用，因此可以實現(xiàn)在有限內存的環(huán)境中實現(xiàn)列表的無限滾動。

附圖說明

圖1為本發(fā)明實施例顯示方法的流程圖。

圖2為本發(fā)明實施例顯示裝置的示意圖。

圖3為本發(fā)明實施例顯示裝置的方框圖。

具體實施方式

下面詳細描述本申請的實施例，所述實施例的示例在附圖中示出，其中自始至終相同或類似的標號表示相同或類似的元件或具有相同或類似功能的元件。下面通過參考附圖描述的實施例是示例性的，旨在用于解釋本申請，而不能理解為對本申請的限制。

下面參考附圖描述本申請關于一種顯示裝置以及一種顯示方法的實施例。

請參考圖1及圖2，圖1為本發(fā)明實施例顯示方法100的流程圖，圖2為本發(fā)明實施例顯示裝置200的示意圖。所述顯示裝置200包括一顯示屏201，所述顯示屏201包括一顯示區(qū)域202。

所述顯示方法100包括：

步驟110，初始化列表并生成第一數(shù)量的顯示項；

步驟120，監(jiān)控列表滾動動作；

步驟130，判斷是否有顯示項被移出顯示區(qū)域，若判斷有顯示項被移出顯示區(qū)域，到步驟140；

步驟140，判斷所述列表的滾動速度是否滿足預設條件，若滾動速度滿足預設條件，到步驟150，若滾動速度不滿足預設條件，到步驟160；

步驟150，對滾動時間進行第一時間長度的延時；

步驟160，判斷所述列表的滾動方向是否為向下滾動，若滾動方向為向下滾動，到步驟170；若滾動方向為向上滾動，到步驟180；

步驟170，將至少一移出的顯示項顯示于列表末端；

步驟180，將至少一移出的顯示項顯示于列表頂端；

步驟190，對顯示項設置新的數(shù)據(jù)顯示。

需要說明的是，此處定義的方向，“上”對應于“下”，“末端”對應于“頂端”。

對于步驟110，所述列表內容被初始化以顯示于所述顯示項中。所述顯示區(qū)域用于同時顯示第二數(shù)量的顯示項，所述第二數(shù)量小于或者等于第一數(shù)量。列表初始化時，根據(jù)所述顯示項的高度和所述顯示屏201的可視高度，生成有限數(shù)量的所述顯示項，所述有限數(shù)量在這里被稱之為第一數(shù)量，所述述顯示屏201的顯示區(qū)域202可以同時容納的顯示項數(shù)量稱之為第二數(shù)量。

例如，在一實施例中，所述顯示區(qū)域可以同時容納的顯示項為10個，則可以生成12個顯示項。列表滾動時，由于所述顯示區(qū)域只能同時顯示10個顯示項，被移出顯示區(qū)域的顯示項被移動到回收箱，被移入顯示區(qū)域的顯示項被從回收箱中取出作為新的顯示于所述顯示區(qū)域的顯示項，2個顯示項緩存于回收箱隨時準備被調用。

在步驟120，實時監(jiān)控所述列表的滾動操作。

在一實施例中，所述顯示項在初始化時被賦予了坐標值，所述針對顯示項的移動均為坐標值一特定方向上的移動。在本發(fā)明的一個實施例中，所述列表的滾動方向為向上滾動或者向下滾動。

在一實施例中，步驟140中的所述預設條件為，所述列表的滾動速度，即所述顯示項的移動速度超過了一預設值。本實施方式中，當所述第一數(shù)量的顯示項的移動速度超過所述預設值時，即單位時間內移動的顯示項數(shù)量超過了所述第一數(shù)量時，所述預設條件視為被滿足。

本實施例中，步驟150中的所述第一時間長度的延時時間為100毫秒。

在一實施例中，在所述第一時間長度的延時過程中，所述顯示區(qū)域的顯示項不會被設置新的數(shù)據(jù)顯示，而是顯示模糊狀圖像，延時過程中認為列表仍然處于滾動狀態(tài)，第一時間長度延時過后，若判斷列表滾動速度滿足所述預設條件，則繼續(xù)執(zhí)行延時第一時間長度。在其他實施例中，在所述第一時間長度的延時過程中，所述顯示區(qū)域用于顯示固定圖像。本發(fā)明對此不進行限定。

本實施方式中，所述顯示區(qū)域202用于顯示一網(wǎng)頁，或稱為一列表。所述網(wǎng)頁內容經(jīng)初始化后形成若干適應于所述顯示區(qū)域202的元素。所述顯示裝置200還依據(jù)所述顯示區(qū)域202生成第一數(shù)量的顯示項。

以顯示項2021以及顯示項2022為例，當所述顯示裝置200工作時，所述顯示項2021位于所述列表的頂部，所述顯示項2022位于所述列表的底部，所述顯示項2021及所述顯示項2022分別被用于顯示插入的元素。本實施方式中，所述顯示項2021及所述顯示項2022分別被賦予一坐標值。

在步驟170中，如圖2所示，當所述列表向下滾動時，所述顯示項2022位于列表末端，位于列表頂端的顯示項2021向上移動將被移出顯示區(qū)域，此時所述顯示項2021將被賦予一垂直方向上的偏移量，使得列表滾動一格顯示項距離后所述顯示項2021被顯示于列表末端，所述顯示項2021在未改變文檔對象模型（DOM）的前提下被用于顯示新的數(shù)據(jù)，或元素。

在步驟180中，當所述列表向上滾動時，所述顯示項2022將被移出所述顯示區(qū)域202，此時所述顯示項2022將被賦予所述垂直方向上的偏移量，使得列表滾動一格顯示項距離后所述顯示項2022將被顯示于列表頂端，位于所述顯示項2021之上，所述顯示項2022在未改變文檔對象模型（DOM）的前提下被用于顯示新的數(shù)據(jù)，或元素。

上述方式為第一數(shù)量等于第二數(shù)量的方式，在一些實施例中，當?shù)谝粩?shù)量大于第二數(shù)量時，可以在滾動過程中調用緩存于回收箱的緩存顯示項使得滾動更加平滑。例如，當所述列表向下滾動時，所述顯示項2022位于列表末端，位于列表頂端的顯示項2021向上移動將被移出顯示區(qū)域，此時一緩存顯示項將被調用，所述緩存顯示項將被賦予一垂直偏移量以顯示于列表末端，位于顯示項2022之下，所述顯示項2021將被緩存到回收箱。類似地，當所述列表向上滾動時，所述顯示項2022將被移出所述顯示區(qū)域202，此時緩存顯示項將被賦予所述垂直方向上的偏移量，使得列表滾動一格顯示項距離后所述緩存顯示項將被顯示于列表頂端，位于所述顯示項2021之上，所述顯示項2022被緩存到回收箱。

通過所述顯示方法100，當所述顯示項被移動時，只是對顯示項進行垂直方向上的偏移，而避免了顯示項的新生成、插入、刪除和移動，即對已生成的顯示項進行了節(jié)點重復利用，因此可以實現(xiàn)在有限內存的環(huán)境中實現(xiàn)列表的無限滾動。

請參考圖3，圖3為本發(fā)明實施例顯示裝置200的方框圖。

所述顯示裝置200包括初始化模塊21，監(jiān)控模塊22，延時模塊23，回收模塊24及控制模塊25。

所述初始化模塊21用于初始化列表并生成第一數(shù)量的顯示項。

所述監(jiān)控模塊22用于監(jiān)控列表滾動動作。

所述延時模塊23用于對滾動時間進行第一時間長度的延時。

所述回收模塊24用于回收及緩存顯示項。

所述控制模塊25用于控制顯示項以顯示內容。

當所述監(jiān)控模塊22判斷所述列表的滾動速度滿足預設條件時，所述監(jiān)控模塊22控制所述延時模塊23對滾動時間進行第一時間長度的延時。

當所述監(jiān)控模塊22判斷所述列表的滾動方向為向下滾動時，將至少一移出的顯示項顯示于列表末端；當所述監(jiān)控模塊22判斷所述列表的滾動方向為向上滾動時，將至少一移出的顯示項顯示于列表頂端。

當所述監(jiān)控模塊22監(jiān)控到所述列表滾動時，所述回收模塊24用于回收及緩存被移出的顯示項。所述控制模塊25用于賦予至少一被移出顯示區(qū)域的顯示項一垂直偏移量并控制該顯示項顯示魚列表末端或頂端，所述控制模塊25還用于對顯示項設置新的數(shù)據(jù)顯示。

本實施方式中，所述顯示裝置200還包括處理器、存儲器、存儲介質、顯示芯片、連接線等器件，本發(fā)明對此不做限定。

在本說明書的描述中，參考術語“一個實施例”、“一些實施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結合該實施例或示例描述的具體特征、結構、材料或者特點包含于本申請的至少一個實施例或示例中。在本說明書中，對上述術語的示意性表述不必須針對的是相同的實施例或示例。而且，描述的具體特征、結構、材料或者特點可以在任一個或多個實施例或示例中以合適的方式結合。此外，在不相互矛盾的情況下，本領域的技術人員可以將本說明書中描述的不同實施例或示例以及不同實施例或示例的特征進行結合和組合。

此外，術語“第一”、“第二”僅用于描述目的，而不能理解為指示或暗示相對重要性或者隱含指明所指示的技術特征的數(shù)量。由此，限定“第一”、“第二”的特征可以明示或者隱含地包括至少一個該特征。在本申請的描述中，“多個”的含義是至少兩個，例如兩個，三個等，除非另有明確具體的限定。

流程圖中或在此以其他方式描述的任何過程或方法描述可以被理解為，表示包括一個或更多個用于實現(xiàn)特定邏輯功能或過程的步驟的可執(zhí)行指令的代碼的模塊、片段或部分，并且本申請的優(yōu)選實施方式的范圍包括另外的實現(xiàn)，其中可以不按所示出或討論的順序，包括根據(jù)所涉及的功能按基本同時的方式或按相反的順序，來執(zhí)行功能，這應被本申請的實施例所屬技術領域的技術人員所理解。

應當理解，本申請的各部分可以用硬件、軟件、固件或它們的組合來實現(xiàn)。在上述實施方式中，多個步驟或方法可以用存儲在存儲器中且由合適的指令執(zhí)行系統(tǒng)執(zhí)行的軟件或固件來實現(xiàn)。例如，如果用硬件來實現(xiàn)，和在另一實施方式中一樣，可用本領域公知的下列技術中的任一項或他們的組合來實現(xiàn)：具有用于對數(shù)據(jù)信號實現(xiàn)邏輯功能的邏輯門電路的離散邏輯電路，具有合適的組合邏輯門電路的專用集成電路，可編程門陣列(PGA)，現(xiàn)場可編程門陣列(FPGA)等。

本技術領域的普通技術人員可以理解實現(xiàn)上述實施例方法攜帶的全部或部分步驟是可以通過程序來指令相關的硬件完成，所述的程序可以存儲于一種計算機可讀存儲介質中，該程序在執(zhí)行時，包括方法實施例的步驟之一或其組合。

此外，在本申請各個實施例中的各功能單元可以集成在一個代理模塊中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個模塊中。上述集成的模塊既可以采用硬件的形式實現(xiàn)，也可以采用軟件功能模塊的形式實現(xiàn)。所述集成的模塊如果以軟件功能模塊的形式實現(xiàn)并作為獨立的產(chǎn)品銷售或使用時，也可以存儲在一個計算機可讀取存儲介質中。

上述提到的存儲介質可以是只讀存儲器，磁盤或光盤等。盡管上面已經(jīng)示出和描述了本申請的實施例，可以理解的是，上述實施例是示例性的，不能理解為對本申請的限制，本領域的普通技術人員在本申請的范圍內可以對上述實施例進行變化、修改、替換和變型。