[發明專利]用于輸出瀑布流頁面的方法

在審

• 申請號: 201710517411.1
• 申請日: 2017-06-29
• 公開（公告）號: CN107302725A
• 公開（公告）日: 2017-10-27
• 發明（設計）人: 齊大韋;黃葉青;劉斌;付強
• 申請（專利權）人: 環球智達科技（北京）有限公司
• 主分類號: H04N21/482
• 分類號: H04N21/482;H04N21/81;H04N21/422;G06F17/30
• 代理公司: 北京慧誠智道知識產權代理事務所(特殊普通合伙)11539
• 代理人: 李楠

技術領域

本發明涉及數據處理技術領域，尤其涉及一種用于輸出瀑布流頁面的方法。

背景技術

隨著信息技術的成熟，各大展示圖片和信息的平臺都更傾向于使用瀑布流布局的方法來展示頁面。瀑布流對于圖片和文字信息的展現，更為高效而具有吸引力的，使得用戶通過快速閱讀模式在短時間內獲得更多的信息量。瀑布流的主要特性便是錯落有致，定寬而不定高的設計讓頁面區別于傳統的矩陣式圖片布局模式，巧妙的利用視覺層級，視線的任意流動又緩解了視覺疲勞，同時給人以不拘一格的感覺。

目前，用于電視輸出瀑布流頁面的方法基本如下：在智能電視中創建安卓(Android)系統自帶的網絡視圖(Grid View)；分頁請求列表數據，并創建適配器，讓Grid View刷新列表數據；繪制無規則的列表布局；如果Grid View滑動到頁面底部，則再次分頁請求列表數據，并更新數據到適配器中，以達到更新頁面數據的目的。

但目前用于電視輸出瀑布流頁面的方法只支持項目(item)高度不同的瀑布流列表布局，不支持寬度、高度均動態的瀑布流布局，因此頁面展示效果單一，不能滿足多元化的展示需求。

發明內容

本發明的目的是針對現有技術的缺陷，提供一種用于輸出瀑布流頁面的方法，支持動態設置項目(item)的寬度和高度，以及該item在當前頁面列表中所占的行數和列數，以真正達到的動態調整瀑布流列表布局的目的。并且，本發明實施例中的瀑布流頁面在頁面滑動指令過程不加載的數據，而是在頁面滑動指令結束后通過計算滑動后的頁面頁碼獲取相應內容進行加載，從而較少了用戶終端中的暫用資源，并減小了因用戶終端的頻繁請求而造成的服務器壓力。

為實現上述目的，本發明提供了一種用于輸出瀑布流頁面的方法，所述用于輸出瀑布流頁面的方法包括：

用戶終端接收用戶輸入的獲取指令；

根據所述獲取指令向云服務器發送獲取請求；

所述云服務器根據所述獲取請求查詢所述獲取指令對應的內容數據并確定所述內容數據的第一數量；并將所述內容數據和所述第一數量發送至所述用戶終端；

所述用戶終端根據所述內容數據創建第一數量個頁面列表數據項，并生成頁面列表數據項列表；

獲取頁面列表數據項的數據格式，根據所述頁面列表數據項的數據格式確定一個頁面布局上加載的頁面列表數據項的第二數量；

所述用戶終端接收數據展示遙控指令，根據所述數據展示遙控指令計算加載在展示頁面上的頁面列表數據項的排序信息；

根據所述加載在展示頁面上的頁面列表數據項的排序信息和所述一個頁面布局上加載的頁面列表數據項的第二數量，確定所述數據展示遙控指令對應的頁碼信息；

根據所述頁碼信息，獲取所述頁面列表數據項列表中相應的第二數量個頁面列表數據項，并顯示。

優選的，所述頁面列表數據項的數據格式包括：寬度格式數據和高度格式數據。

進一步優選的，所述根據所述頁面列表數據項的數據格式確定一個頁面布局上加載的頁面列表數據項的第二數量具體為：

所述用戶終端確定所述一個頁面布局的寬度數據和高度數據；

根據所述寬度數據和所述寬度格式數據計算第一可加載參數；

根據所述高度數據和所述高度格式數據計算第二可加載參數；

根據所述第一可加載參數和所述第二可加載參數確定所述第二數量。

優選的，所述根據所述數據展示遙控指令計算加載在展示頁面上的頁面列表數據項的排序信息具體為：

根據所述數據展示遙控指令和所述頁面列表數據項列表，計算加載在展示頁面上的頁面列表數據項的排序信息。

優選的，所述獲取請求包括用戶終端的用戶終端ID。

進一步優選的，所述將所述內容數據和所述第一數量發送至所述用戶終端具體為：

所述云服務器根據所述用戶終端ID將所述內容數據和所述第一數量發送至所述用戶終端。

本發明實施例提供的用于輸出瀑布流頁面的方法，支持動態設置項目(item)的寬度和高度，以及該item在當前頁面列表中所占的行數和列數，以真正達到的動態調整瀑布流列表布局的目的。并且，本發明實施例中的瀑布流頁面在頁面滑動指令過程不加載的數據，而是在頁面滑動指令結束后通過計算滑動后的頁面頁碼獲取相應內容進行加載，從而較少了用戶終端中的暫用資源，并減小了因用戶終端的頻繁請求而造成的服務器壓力。

附圖說明

圖1為本發明實施例提供的用于輸出瀑布流頁面的方法的流程圖。

具體實施方式