[發(fā)明專利]圖片顯示方法及裝置

在審

• 申請?zhí)枺?/td>: 201510974411.5
• 申請日: 2015-12-22
• 公開（公告）號: CN106909354A
• 公開（公告）日: 2017-06-30
• 發(fā)明（設(shè)計(jì)）人: 王峰
• 申請（專利權(quán)）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京智匯東方知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙)11391
• 代理人: 康正德,孫曉芳

技術(shù)領(lǐng)域

本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用技術(shù)領(lǐng)域，特別是一種圖片顯示方法及裝置。

背景技術(shù)

隨著技術(shù)的快速發(fā)展，人們越來越多的依賴終端(如電腦、手機(jī)等)瀏覽新聞、圖片，進(jìn)行社交互動(dòng)等。

相關(guān)技術(shù)中，在終端顯示圖片時(shí)，通過圖片顯示組件來完成，并且針對在頁面上不同的圖片布局方式，需要開發(fā)人員開發(fā)不同的圖片顯示組件，這樣可能存在重復(fù)性勞動(dòng)，無通用性，開發(fā)效率低。例如，在通過瀑布流的形式顯示圖片時(shí)，如果是橫向的瀑布流形式，則需要調(diào)用橫向瀑布流顯示組件；如果是縱向的瀑布流形式，則需要調(diào)用縱向瀑布流顯示組件。可見，目前的圖片顯示組件重，代碼耦合度高，不易維護(hù)和迭代。

發(fā)明內(nèi)容

鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的圖片顯示方法及相應(yīng)的裝置。

依據(jù)本發(fā)明的一方面，提供了一種圖片顯示方法，適用于將用于顯示圖片的圖片顯示組件按照功能至少拆分成用于管理圖片數(shù)據(jù)的數(shù)據(jù)管理器、用于加載圖片數(shù)據(jù)的圖片加載器以及用于在頁面上渲染圖片的圖片渲染器的情況，所述方法包括：

當(dāng)接收到顯示圖片的請求時(shí)，調(diào)用所述數(shù)據(jù)管理器在圖片存儲(chǔ)器中查找一個(gè)或多個(gè)待顯示圖片，并獲取各待顯示圖片的圖片數(shù)據(jù)；

調(diào)用所述圖片加載器將所述各待顯示圖片的圖片數(shù)據(jù)加載到內(nèi)存中；

調(diào)用所述圖片渲染器對所述各待顯示圖片的圖片數(shù)據(jù)進(jìn)行顯示處理，并在頁面上對所述各待顯示圖片的圖片數(shù)據(jù)進(jìn)行渲染，并顯示渲染后的圖片。

可選地，調(diào)用所述數(shù)據(jù)管理器在圖片存儲(chǔ)器中查找一個(gè)或多個(gè)待顯示圖片，包括：

解析所述請求，得到所述一個(gè)或多個(gè)待顯示圖片的標(biāo)識(shí)；

調(diào)用所述數(shù)據(jù)管理器在圖片存儲(chǔ)器中查找所述標(biāo)識(shí)對應(yīng)的所述一個(gè)或多個(gè)待顯示圖片。

可選地，所述方法還包括：

解析所述請求，獲取在頁面上對所述一個(gè)或多個(gè)待顯示圖片進(jìn)行布局的圖片布局信息；或者

獲取預(yù)先設(shè)置的在頁面上對圖片進(jìn)行布局的圖片布局信息。

可選地，調(diào)用所述圖片渲染器對所述各待顯示圖片的圖片數(shù)據(jù)進(jìn)行顯示處理，包括：

在多個(gè)具有不同渲染功能的圖片渲染器中，查找與所述圖片布局信息對應(yīng)的圖片渲染器；

調(diào)用查找到的所述圖片渲染器對所述各待顯示圖片的圖片數(shù)據(jù)進(jìn)行顯示處理。

可選地，所述多個(gè)具有不同渲染功能的圖片渲染器包括：

橫向圖片流渲染器、縱向圖片流渲染器、指定形狀的圖片流渲染器。

可選地，所述獲取各待顯示圖片的圖片數(shù)據(jù)之后，所述方法還包括：

獲取所述各待顯示圖片的尺寸大小，以及獲取頁面上圖片顯示區(qū)域的尺寸大小；

將所述各待顯示圖片的尺寸與所述圖片顯示區(qū)域的尺寸進(jìn)行比較；

若所述各待顯示圖片的尺寸大于所述圖片顯示區(qū)域的尺寸，則根據(jù)所述圖片顯示區(qū)域的尺寸縮小所述各待顯示圖片的尺寸。

可選地，調(diào)用所述圖片加載器將所述各待顯示圖片的圖片數(shù)據(jù)加載到內(nèi)存中，包括：

調(diào)用所述圖片加載器，將縮小尺寸后的所述各待顯示圖片的圖片數(shù)據(jù)加載到內(nèi)存中。

可選地，調(diào)用所述圖片加載器將所述各待顯示圖片的圖片數(shù)據(jù)加載到內(nèi)存中，包括：

獲取內(nèi)存的當(dāng)前狀態(tài)信息；

調(diào)用所述圖片加載器，根據(jù)所述內(nèi)存的當(dāng)前狀態(tài)信息，依序?qū)⑺龈鞔@示圖片的圖片數(shù)據(jù)加載到內(nèi)存中。

依據(jù)本發(fā)明的另一方面，還提供了一種圖片顯示裝置，包括：

組件拆分模塊，適于將用于顯示圖片的圖片顯示組件按照功能至少拆分成用于管理圖片數(shù)據(jù)的數(shù)據(jù)管理器、用于加載圖片數(shù)據(jù)的圖片加載器以及用于在 頁面上渲染圖片的圖片渲染器，并保存；

圖片數(shù)據(jù)獲取模塊，適于當(dāng)接收到顯示圖片的請求時(shí)，調(diào)用所述數(shù)據(jù)管理器在圖片存儲(chǔ)器中查找一個(gè)或多個(gè)待顯示圖片，并獲取各待顯示圖片的圖片數(shù)據(jù)；

圖片數(shù)據(jù)加載模塊，適于調(diào)用所述圖片加載器將所述各待顯示圖片的圖片數(shù)據(jù)加載到內(nèi)存中；

圖片顯示模塊，適于調(diào)用所述圖片渲染器對所述各待顯示圖片的圖片數(shù)據(jù)進(jìn)行顯示處理，并在頁面上對所述各待顯示圖片的圖片數(shù)據(jù)進(jìn)行渲染，并顯示渲染后的圖片。

可選地，所述圖片數(shù)據(jù)獲取模塊還適于：

解析所述請求，得到所述一個(gè)或多個(gè)待顯示圖片的標(biāo)識(shí)；

調(diào)用所述數(shù)據(jù)管理器在圖片存儲(chǔ)器中查找所述標(biāo)識(shí)對應(yīng)的所述一個(gè)或多個(gè)待顯示圖片。

可選地，所述裝置還包括圖片布局信息獲取模塊，適于：