[發明專利]網絡圖片加載方法及裝置

有效

• 申請號: 201710194113.3
• 申請日: 2017-03-28
• 公開（公告）號: CN106886419B
• 公開（公告）日: 2021-04-27
• 發明（設計）人: 成文馳;張文明;陳少杰
• 申請（專利權）人: 武漢斗魚網絡科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京超凡志成知識產權代理事務所(普通合伙) 11371
• 代理人: 吳開磊

本發明提供一種網絡圖片加載方法及裝置，應用于基于ReactNative平臺的電子終端，電子終端中包括圖片自適應組件。方法包括：在圖片自適應組件中將待加載網絡圖片的顯示尺寸設置為預設尺寸；獲取待加載網絡圖片的實際尺寸；將顯示尺寸更新為實際尺寸；根據更新后的顯示尺寸加載待加載網絡圖片。通過上述設計，能夠解決加載網絡圖片時無法預先正確指定網絡圖片的尺寸所導致的圖片加載不完全以及圖片顯示變形問題。

技術領域

本發明涉及計算機技術領域，具體而言，涉及一種網絡圖片加載方法及裝置。

背景技術

ReactNative是facebook公司提供的一套跨平臺移動移動應用開發框架，是UI框架React在原生移動應用平臺的衍生物。經發明人研究發現，在ReactNative中，加載網絡圖片時，必須提前指定圖片尺寸，否則無法顯示該網絡圖片。而提前指定圖片尺寸要求預先知道圖片的尺寸，如果在不清楚圖片尺寸的情況下隨意指定圖片尺寸，會造成該圖片加載不完全或者顯示變形。即便預先知道圖片尺寸，一旦該網絡圖片發生改變，仍會出現上述圖片加載不完全或顯示變形的問題。

發明內容

有鑒于此，本發明的目的在于提供一種網絡圖片加載方法及裝置，以改善上述問題。

為了達到上述目的，本發明較佳實施例提供一種網絡圖片加載方法，應用于基于ReactNative平臺的電子終端，所述電子終端包括圖片自適應組件，所述方法包括：

在所述圖片自適應組件中將待加載網絡圖片的顯示尺寸設置為預設尺寸；

獲取所述待加載網絡圖片的實際尺寸；

將所述顯示尺寸更新為所述實際尺寸；

根據更新后的顯示尺寸加載所述待加載網絡圖片。

優選地，在上述網絡圖片加載方法中，所述圖片自適應組件中包括調用圖片控件的指令；獲取所述待加載網絡圖片的實際尺寸的步驟，包括：

在所述圖片自適應組件中調用所述圖片控件的尺寸獲取指令，在顯示所述待加載網絡圖片之前從所述待加載網絡圖片的源地址獲取所述待加載網絡圖片的實際尺寸。

優選地，在上述網絡圖片加載方法中，將所述顯示尺寸更新為所述實際尺寸的步驟，包括：

在所述圖片自適應組件中將所述顯示尺寸更新為所述實際尺寸，觸發所述圖片控件調用尺寸重定義指令，將所述圖片控件中的顯示尺寸更新為所述實際尺寸。

優選地，在上述網絡圖片加載方法中，所述方法還包括：

在所述圖片自適應組件中對所述待加載網絡圖片的加載進度進行判斷；

根據判斷結果顯示或隱藏ActivityIndicator控件。

優選地，在上述網絡圖片加載方法中，根據判斷結果顯示或隱藏ActivityIndicator控件的步驟，包括：

在所述待加載網絡圖片正在加載時，顯示所述ActivityIndicator控件；

在所述待加載網絡圖片加載完成時，隱藏所述ActivityIndicator控件。

本發明較佳實施例還提供一種網絡圖片加載裝置，應用于基于 ReactNative平臺的電子終端，所述電子終端包括圖片自適應組件的電子終端，所述裝置包括：

顯示尺寸設置模塊，用于通過所述圖片自適應組件將待加載網絡圖片的顯示尺寸設置為預設尺寸；

實際尺寸獲取模塊，用于獲取所述待加載網絡圖片的實際尺寸；

顯示尺寸更新模塊，用于將所述顯示尺寸更新為所述實際尺寸；