[發明專利]網絡圖片加載方法及裝置有效
| 申請號： | 201710194113.3 | 申請日： | 2017-03-28 |
| 公開（公告）號： | CN106886419B | 公開（公告）日： | 2021-04-27 |
| 發明（設計）人： | 成文馳;張文明;陳少杰 | 申請（專利權）人： | 武漢斗魚網絡科技有限公司 |
| 主分類號： | G06F9/451 | 分類號： | G06F9/451 |
| 代理公司： | 北京超凡志成知識產權代理事務所(普通合伙) 11371 | 代理人： | 吳開磊 |
| 地址： | 430205 湖北省武漢市東湖開*** | 國省代碼： | 湖北;42 |
| 權利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關鍵詞： | 網絡 圖片 加載 方法 裝置 | ||
1.一種網絡圖片加載方法，其特征在于，應用于基于ReactNative平臺的電子終端，所述電子終端包括圖片自適應組件，所述圖片自適應組件中包括調用Image控件的render方法，所述render方法配置組件類布局的方法；所述方法包括：
在所述圖片自適應組件中通過render方法，把Image控件中的style屬性中的將待加載網絡圖片的顯示尺寸設置為預設尺寸；style屬性用于指定Image控件的樣式；
在所述圖片自適應組件中調用所述圖片控件的尺寸獲取指令，在顯示所述待加載網絡圖片之前從所述待加載網絡圖片的源地址獲取所述待加載網絡圖片的實際尺寸；
觸發Image控件調用onLayout屬性中的resize方法，對所述style屬性中的所述顯示尺寸更新為所述實際尺寸；
根據更新后的顯示尺寸加載所述待加載網絡圖片。
2.根據權利要求1所述的網絡圖片加載方法，其特征在于，所述方法還包括：
在所述圖片自適應組件中對所述待加載網絡圖片的加載進度進行判斷；
根據判斷結果顯示或隱藏ActivityIndicator控件。
3.根據權利要求2所述的網絡圖片加載方法，其特征在于，根據判斷結果顯示或隱藏ActivityIndicator控件的步驟，包括：
在所述待加載網絡圖片正在加載時，顯示所述ActivityIndicator控件；
在所述待加載網絡圖片加載完成時，隱藏所述ActivityIndicator控件。
4.一種網絡圖片加載裝置，其特征在于，應用于基于ReactNative平臺的電子終端，所述電子終端包括圖片自適應組件，所述圖片自適應組件中包括調用Image控件的render方法，所述render方法配置組件類布局的方法；所述裝置包括：
顯示尺寸設置模塊，用于在所述圖片自適應組件中通過render方法，把Image控件中的style屬性中的將待加載網絡圖片的顯示尺寸設置為預設尺寸；style屬性用于指定Image控件的樣式；
實際尺寸獲取模塊，用于在所述圖片自適應組件中調用所述圖片控件的尺寸獲取指令，在顯示所述待加載網絡圖片之前從所述待加載網絡圖片的源地址獲取所述待加載網絡圖片的實際尺寸；
顯示尺寸更新模塊，用于觸發Image控件調用onLayout屬性中的resize方法，對所述style屬性中的所述顯示尺寸更新為所述實際尺寸；
網絡圖片加載模塊，根據更新后的顯示尺寸加載所述待加載網絡圖片。
5.根據權利要求4所述的網絡圖片加載裝置，其特征在于，所述裝置還包括：
加載進度判斷模塊，用于在所述圖片自適應組件中對所述待加載網絡圖片的加載進度進行判斷；
加載進度指示模塊，用于根據判斷結果顯示或隱藏ActivityIndicator控件。
6.根據權利要求5所述的網絡圖片加載裝置，其特征在于，所述加載進度指示模塊包括：
第一指示子模塊，用于在所述待加載網絡圖片正在加載時，顯示所述ActivityIndicator控件；
第二指示子模塊，用于在所述待加載網絡圖片加載完成時，隱藏所述ActivityIndicator控件。
該專利技術資料僅供研究查看技術是否侵權等信息，商用須獲得專利權人授權。該專利全部權利屬于武漢斗魚網絡科技有限公司，未經武漢斗魚網絡科技有限公司許可，擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作，請聯系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/201710194113.3/1.html，轉載請聲明來源鉆瓜專利網。
- 上一篇：HTML界面控件貼
- 下一篇：一種程序代碼管理裝置、方法及程序代碼管理器
