[發明專利]一種瀑布流圖片的加載方法和裝置

在審

• 申請號: 201711487224.X
• 申請日: 2017-12-29
• 公開（公告）號: CN108228816A
• 公開（公告）日: 2018-06-29
• 發明（設計）人: 王峰
• 申請（專利權）人: 北京奇虎科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 任亞娟

本發明實施例提供了一種瀑布流圖片的加載方法和裝置，所述加載方法包括：向服務器發送針對頁面的圖像數據加載請求；接收所述服務器返回的、針對所述圖像數據加載請求的多幀圖像數據；依據所述多幀圖像數據和所述頁面，確定所述多幀圖像數據對應的多幀圖像在所述頁面中的位置標記；將所述多幀圖像數據和所述多幀圖像的位置標記存儲至存儲器中；依據所述多幀圖像的位置標記，將所述多幀圖像以瀑布流的形式顯示在所述頁面中。解決了緩存數組和渲染用數組結構不統一的問題，緩存和渲染可以使用同一個一維數組，渲染時無需將緩存中的一維數組轉換為二維數組，簡化了數據結構，并且在頁面縮放后無需生成新的數組，節省了資源。

技術領域

本發明涉及通信技術領域，特別是涉及一種瀑布流圖片的加載方法和一種瀑布流圖片的加載裝置。

背景技術

隨著網絡技術的發展，用戶通過網頁瀏覽器可以分享互聯網上的信息，網頁瀏覽器的主要功能是用于從互聯網加載網頁數據并進行渲染，然后在顯示設備顯示網頁。

在互聯網海量的信息中，包含了大量的圖片資源，在各大網站中，網頁通常以瀑布流方式顯示各種圖片等信息，在瀑布流中，圖片按行或者按列進行渲染，對應橫向瀑布流，每一行內的圖片保持等高，不同行的總寬度保持一致，對于列向瀑布流，每一列內的圖片保持等寬，不同列的總高度保持一致。現有對瀑布流的渲染中，首先將圖片經過計算轉換為二維數組，外層數組用來表示行或者列，內層數組用來表示每行或者每列的圖片，而緩存中圖片是以一維數組進行緩存，這就造成緩存數組和渲染用數組結構不統一，渲染時必須要轉為二維數組，需要維護兩個數組，并且當瀑布流頁面縮放時，原有的二維數組不可復用，需要重新生成另一個二維數組，造成資源浪費。

發明內容

鑒于上述問題，提出了本發明以便提供一種克服上述問題或者至少部分地解決上述問題的一種瀑布流圖片的加載方法和相應的一種瀑布流圖片的加載裝置。

依據本發明的一個方面，提供了一種瀑布流圖片的加載方法，包括：

向服務器發送針對頁面的圖像數據加載請求；

接收所述服務器返回的、針對所述圖像數據加載請求的多幀圖像數據；

依據所述多幀圖像數據和所述頁面，確定所述多幀圖像數據對應的多幀圖像在所述頁面中的位置標記；

將所述多幀圖像數據和所述多幀圖像的位置標記存儲至存儲器中；

依據所述多幀圖像的位置標記，將所述多幀圖像以瀑布流的形式顯示在所述頁面中。

可選地，所述向服務器發送針對頁面的圖像數據加載請求的步驟包括：

接收用戶針對所述頁面的圖像的搜索請求；

基于用戶的搜索請求，生成圖像數據加載請求；

將所述圖像數據加載請求發送至所述服務器。

可選地，所述多幀圖像數據包括所述多幀圖像的尺寸大小，所述頁面包括圖像顯示區域，所述依據所述多幀圖像數據和所述頁面，確定所述多幀圖像數據對應的多幀圖像在所述頁面中的位置標記的步驟包括：

獲取所述頁面的圖像顯示區域的尺寸大小；

依據所述多幀圖像的尺寸大小和所述顯示區域的尺寸大小，確定所述多幀圖像在所述圖像顯示區域的位置標記。

可選地，所述多幀圖像的位置標記包括所述多幀圖像在所述瀑布流中的行號或者列號，所述依據所述多幀圖像的尺寸大小和所述圖像顯示區域的尺寸大小，確定所述多幀圖像在所述圖像顯示區域的位置的步驟包括：

依據所述多幀圖像的高度和寬度，以及，所述圖像顯示區域的高度和寬度，確定所述多幀圖像在所述圖像顯示區域中的行號或者列號。