[發(fā)明專利]一種瀑布流圖片的加載方法和裝置在審
| 申請?zhí)枺?/td> | 201711487224.X | 申請日： | 2017-12-29 |
| 公開（公告）號： | CN108228816A | 公開（公告）日： | 2018-06-29 |
| 發(fā)明（設(shè)計）人： | 王峰 | 申請（專利權(quán)）人： | 北京奇虎科技有限公司 |
| 主分類號： | G06F17/30 | 分類號： | G06F17/30 |
| 代理公司： | 北京潤澤恒知識產(chǎn)權(quán)代理有限公司 11319 | 代理人： | 任亞娟 |
| 地址： | 100088 北京市西城區(qū)新*** | 國省代碼： | 北京;11 |
| 權(quán)利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關(guān)鍵詞： | 多幀圖像數(shù)據(jù) 多幀圖像 頁面 位置標(biāo)記 瀑布流 加載 緩存 方法和裝置 加載請求 圖像數(shù)據(jù) 一維數(shù)組 渲染 服務(wù)器發(fā)送 二維數(shù)組 緩存數(shù)組 數(shù)據(jù)結(jié)構(gòu) 數(shù)組結(jié)構(gòu) 形式顯示 存儲器 數(shù)組 縮放 服務(wù)器 存儲 返回 轉(zhuǎn)換 圖片 統(tǒng)一 | ||
本發(fā)明實施例提供了一種瀑布流圖片的加載方法和裝置，所述加載方法包括：向服務(wù)器發(fā)送針對頁面的圖像數(shù)據(jù)加載請求；接收所述服務(wù)器返回的、針對所述圖像數(shù)據(jù)加載請求的多幀圖像數(shù)據(jù)；依據(jù)所述多幀圖像數(shù)據(jù)和所述頁面，確定所述多幀圖像數(shù)據(jù)對應(yīng)的多幀圖像在所述頁面中的位置標(biāo)記；將所述多幀圖像數(shù)據(jù)和所述多幀圖像的位置標(biāo)記存儲至存儲器中；依據(jù)所述多幀圖像的位置標(biāo)記，將所述多幀圖像以瀑布流的形式顯示在所述頁面中。解決了緩存數(shù)組和渲染用數(shù)組結(jié)構(gòu)不統(tǒng)一的問題，緩存和渲染可以使用同一個一維數(shù)組，渲染時無需將緩存中的一維數(shù)組轉(zhuǎn)換為二維數(shù)組，簡化了數(shù)據(jù)結(jié)構(gòu)，并且在頁面縮放后無需生成新的數(shù)組，節(jié)省了資源。
技術(shù)領(lǐng)域
本發(fā)明涉及通信技術(shù)領(lǐng)域，特別是涉及一種瀑布流圖片的加載方法和一種瀑布流圖片的加載裝置。
背景技術(shù)
隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，用戶通過網(wǎng)頁瀏覽器可以分享互聯(lián)網(wǎng)上的信息，網(wǎng)頁瀏覽器的主要功能是用于從互聯(lián)網(wǎng)加載網(wǎng)頁數(shù)據(jù)并進行渲染，然后在顯示設(shè)備顯示網(wǎng)頁。
在互聯(lián)網(wǎng)海量的信息中，包含了大量的圖片資源，在各大網(wǎng)站中，網(wǎng)頁通常以瀑布流方式顯示各種圖片等信息，在瀑布流中，圖片按行或者按列進行渲染，對應(yīng)橫向瀑布流，每一行內(nèi)的圖片保持等高，不同行的總寬度保持一致，對于列向瀑布流，每一列內(nèi)的圖片保持等寬，不同列的總高度保持一致。現(xiàn)有對瀑布流的渲染中，首先將圖片經(jīng)過計算轉(zhuǎn)換為二維數(shù)組，外層數(shù)組用來表示行或者列，內(nèi)層數(shù)組用來表示每行或者每列的圖片，而緩存中圖片是以一維數(shù)組進行緩存，這就造成緩存數(shù)組和渲染用數(shù)組結(jié)構(gòu)不統(tǒng)一，渲染時必須要轉(zhuǎn)為二維數(shù)組，需要維護兩個數(shù)組，并且當(dāng)瀑布流頁面縮放時，原有的二維數(shù)組不可復(fù)用，需要重新生成另一個二維數(shù)組，造成資源浪費。
發(fā)明內(nèi)容
鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的一種瀑布流圖片的加載方法和相應(yīng)的一種瀑布流圖片的加載裝置。
依據(jù)本發(fā)明的一個方面，提供了一種瀑布流圖片的加載方法，包括：
向服務(wù)器發(fā)送針對頁面的圖像數(shù)據(jù)加載請求；
接收所述服務(wù)器返回的、針對所述圖像數(shù)據(jù)加載請求的多幀圖像數(shù)據(jù)；
依據(jù)所述多幀圖像數(shù)據(jù)和所述頁面，確定所述多幀圖像數(shù)據(jù)對應(yīng)的多幀圖像在所述頁面中的位置標(biāo)記；
將所述多幀圖像數(shù)據(jù)和所述多幀圖像的位置標(biāo)記存儲至存儲器中；
依據(jù)所述多幀圖像的位置標(biāo)記，將所述多幀圖像以瀑布流的形式顯示在所述頁面中。
可選地，所述向服務(wù)器發(fā)送針對頁面的圖像數(shù)據(jù)加載請求的步驟包括：
接收用戶針對所述頁面的圖像的搜索請求；
基于用戶的搜索請求，生成圖像數(shù)據(jù)加載請求；
將所述圖像數(shù)據(jù)加載請求發(fā)送至所述服務(wù)器。
可選地，所述多幀圖像數(shù)據(jù)包括所述多幀圖像的尺寸大小，所述頁面包括圖像顯示區(qū)域，所述依據(jù)所述多幀圖像數(shù)據(jù)和所述頁面，確定所述多幀圖像數(shù)據(jù)對應(yīng)的多幀圖像在所述頁面中的位置標(biāo)記的步驟包括：
獲取所述頁面的圖像顯示區(qū)域的尺寸大小；
依據(jù)所述多幀圖像的尺寸大小和所述顯示區(qū)域的尺寸大小，確定所述多幀圖像在所述圖像顯示區(qū)域的位置標(biāo)記。
可選地，所述多幀圖像的位置標(biāo)記包括所述多幀圖像在所述瀑布流中的行號或者列號，所述依據(jù)所述多幀圖像的尺寸大小和所述圖像顯示區(qū)域的尺寸大小，確定所述多幀圖像在所述圖像顯示區(qū)域的位置的步驟包括：
依據(jù)所述多幀圖像的高度和寬度，以及，所述圖像顯示區(qū)域的高度和寬度，確定所述多幀圖像在所述圖像顯示區(qū)域中的行號或者列號。
該專利技術(shù)資料僅供研究查看技術(shù)是否侵權(quán)等信息，商用須獲得專利權(quán)人授權(quán)。該專利全部權(quán)利屬于北京奇虎科技有限公司，未經(jīng)北京奇虎科技有限公司許可，擅自商用是侵權(quán)行為。如果您想購買此專利、獲得商業(yè)授權(quán)和技術(shù)合作，請聯(lián)系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/201711487224.X/2.html，轉(zhuǎn)載請聲明來源鉆瓜專利網(wǎng)。
