[發明專利]一種頁面顯示方法和裝置

在審

• 申請號: 201510788937.4
• 申請日: 2015-11-17
• 公開（公告）號: CN105389372A
• 公開（公告）日: 2016-03-09
• 發明（設計）人: 曹亮;金鑫
• 申請（專利權）人: 杭州九言科技股份有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/0488;G06F3/0484;G06F3/0485
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆;胡彬

技術領域

本發明涉及頁面顯示技術領域，尤其涉及一種頁面顯示方法和裝置。

背景技術

在移動互聯網日益普及的今天，用戶越來越多的使用手持設備來進行閱讀。目前在終端的第三方軟件中，比較流行的一種網站頁面布局是瀑布流式布局，其視覺表現為參差不齊的多欄布局，隨著頁面滾動條向下滾動，這種布局會不斷加載數據塊并附加至當前尾部。

現有的頁面顯示方式，在使用過程中，大多以滑動翻閱的交互形式來進行屏幕上的內容切換，即用戶通常采用滑屏操作實現前進、后退等功能。但由于頁面的瀑布流式布局會不斷加載數據塊，使得終端很難精確定位到屏幕上的視覺錨點，在閱讀過程中，無形中會增加用戶的操作次數，例如，即使用戶微小的誤操作，也可能會導致用戶多次進行調整定位，極易造成視覺疲勞，且影響閱讀效率，使得用戶的閱讀體驗不佳。

發明內容

有鑒于此，本發明實施例提供一種頁面顯示方法和裝置，以減少用戶在頁面進行閱讀時，由于誤操作產生的多次調整定位，易造成視覺疲勞，且影響閱讀效率等問題，通過改善頁面顯示的方法，提升用戶閱讀體驗。

第一方面，本發明實施例提供了一種頁面顯示方法，包括：

以卡片為單位，從待顯示頁面的內容中加載設定數量的卡片，并確定當前顯示卡片進行顯示，其中，所述卡片具有設定的卡片尺寸；

在卡片顯示過程中，捕捉用戶滑屏操作，并獲取與所述滑屏操作對應的滑動參數，其中，所述滑動參數包括滑動加速度和滑動方向；

基于與所述滑動參數的取值對應的頁面顯示策略，在全部已加載卡片中獲取目標卡片的目標內容，更新為當前顯示卡片進行顯示。

第二方面，本發明實施例提供了一種頁面顯示裝置，包括：

當前卡片顯示模塊，用于以卡片為單位，從待顯示頁面的內容中加載設定數量的卡片，并確定當前顯示卡片進行顯示，其中，所述卡片具有設定的卡片尺寸；

滑動參數獲取模塊，用于在卡片顯示過程中，捕捉用戶滑屏操作，并獲取與所述滑屏操作對應的滑動參數，其中，所述滑動參數包括滑動加速度和滑動方向；

目標卡片顯示模塊，用于基于與所述滑動參數的取值對應的頁面顯示策略，在全部已加載卡片中獲取目標卡片的目標內容，更新為當前顯示卡片進行顯示。

本發明實施例通過采用上述技術方案，通過將頁面劃分為多個設定大小的卡片，結合與用戶的滑屏操作所對應的滑動加速度和滑動方向等滑屏參數，采取相應的頁面顯示策略，對目標卡片的內容進行顯示，可以有效減少用戶的誤操作，提高用戶在翻閱時的效率，進而提升用戶的閱讀體驗。

附圖說明

通過閱讀參照以下附圖所作的對非限制性實施例所作的詳細描述，本發明的其它特征、目的和優點將會變得更明顯：

圖1是本發明實施例一提供的一種頁面顯示方法的流程圖；

圖2是本發明實施例二提供的一種頁面顯示方法的流程圖；

圖3是本發明實施例三提供的一種頁面顯示裝置的結構框圖。

具體實施方式

為了使本發明的目的、技術方案和優點更加清楚，下面結合附圖對本發明具體實施例作進一步的詳細描述?？梢岳斫獾氖?，此處所描述的具體實施例僅僅用于解釋本發明，而非對本發明的限定。另外還需要說明的是，為了便于描述，附圖中僅示出了與本發明相關的部分而非全部內容。在更加詳細地討論示例性實施例之前應當提到的是，一些示例性實施例被描述成作為流程圖描繪的處理或方法。雖然流程圖將各項操作(或步驟)描述成順序的處理，但是其中的許多操作可以被并行地、并發地或者同時實施。此外，各項操作的順序可以被重新安排。當其操作完成時所述處理可以被終止，但是還可以具有未包括在附圖中的附加步驟。所述處理可以對應于方法、函數、規程、子例程、子程序等等。

實施例一

圖1為本發明實施例一提供的一種頁面顯示方法的流程圖。本實施例的方法可以由頁面顯示裝置來執行，該裝置可通過硬件和/或軟件的方式實現，并一般可獨立的配置在用戶終端的應用端內中實現本實施例的方法。

其中，應用端可以為內嵌于用戶終端中的某個客戶端的插件，或者為所述用戶終端的操作系統的插件，與內嵌于用戶終端中的頁面顯示類客戶端(例如，瀏覽器或者電子閱讀器等)配合使用；應用端也可以為所述用戶終端中一個獨立的可提供頁面顯示服務的客戶端，本實施例對此不進行限制。

本實施例的方法具體包括：

S110、以卡片為單位，從待顯示頁面的內容中加載設定數量的卡片，并確定當前顯示卡片進行顯示，其中，所述卡片具有設定的卡片尺寸。