網(wǎng)絡(luò)圖片加載方法及裝置制造方法及圖紙

本發(fā)明專利技術(shù)提供一種網(wǎng)絡(luò)圖片加載方法及裝置，應(yīng)用于基于ReactNative平臺(tái)的電子終端，電子終端中包括圖片自適應(yīng)組件。方法包括：在圖片自適應(yīng)組件中將待加載網(wǎng)絡(luò)圖片的顯示尺寸設(shè)置為預(yù)設(shè)尺寸；獲取待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸；將顯示尺寸更新為實(shí)際尺寸；根據(jù)更新后的顯示尺寸加載待加載網(wǎng)絡(luò)圖片。通過上述設(shè)計(jì)，能夠解決加載網(wǎng)絡(luò)圖片時(shí)無(wú)法預(yù)先正確指定網(wǎng)絡(luò)圖片的尺寸所導(dǎo)致的圖片加載不完全以及圖片顯示變形問題。

【技術(shù)實(shí)現(xiàn)步驟摘要】
網(wǎng)絡(luò)圖片加載方法及裝置
本專利技術(shù)涉及計(jì)算機(jī)
，具體而言，涉及一種網(wǎng)絡(luò)圖片加載方法及裝置。
技術(shù)介紹
ReactNative是facebook公司提供的一套跨平臺(tái)移動(dòng)移動(dòng)應(yīng)用開發(fā)框架，是UI框架React在原生移動(dòng)應(yīng)用平臺(tái)的衍生物。經(jīng)專利技術(shù)人研究發(fā)現(xiàn)，在ReactNative中，加載網(wǎng)絡(luò)圖片時(shí)，必須提前指定圖片尺寸，否則無(wú)法顯示該網(wǎng)絡(luò)圖片。而提前指定圖片尺寸要求預(yù)先知道圖片的尺寸，如果在不清楚圖片尺寸的情況下隨意指定圖片尺寸，會(huì)造成該圖片加載不完全或者顯示變形。即便預(yù)先知道圖片尺寸，一旦該網(wǎng)絡(luò)圖片發(fā)生改變，仍會(huì)出現(xiàn)上述圖片加載不完全或顯示變形的問題。
技術(shù)實(shí)現(xiàn)思路
有鑒于此，本專利技術(shù)的目的在于提供一種網(wǎng)絡(luò)圖片加載方法及裝置，以改善上述問題。為了達(dá)到上述目的，本專利技術(shù)較佳實(shí)施例提供一種網(wǎng)絡(luò)圖片加載方法，應(yīng)用于基于ReactNative平臺(tái)的電子終端，所述電子終端包括圖片自適應(yīng)組件，所述方法包括：在所述圖片自適應(yīng)組件中將待加載網(wǎng)絡(luò)圖片的顯示尺寸設(shè)置為預(yù)設(shè)尺寸；獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸；將所述顯示尺寸更新為所述實(shí)際尺寸；根據(jù)更新后的顯示尺寸加載所述待加載網(wǎng)絡(luò)圖片。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載方法中，所述圖片自適應(yīng)組件中包括調(diào)用圖片控件的指令；獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸的步驟，包括：在所述圖片自適應(yīng)組件中調(diào)用所述圖片控件的尺寸獲取指令，在顯示所述待加載網(wǎng)絡(luò)圖片之前從所述待加載網(wǎng)絡(luò)圖片的源地址獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載方法中，將所述顯示尺寸更新為所述實(shí)際尺寸的步驟，包括：在所述圖片自適應(yīng)組件中將所述顯示尺寸更新為所述實(shí)際尺寸，觸發(fā)所述圖片控件調(diào)用尺寸重定義指令，將所述圖片控件中的顯示尺寸更新為所述實(shí)際尺寸。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載方法中，所述方法還包括：在所述圖片自適應(yīng)組件中對(duì)所述待加載網(wǎng)絡(luò)圖片的加載進(jìn)度進(jìn)行判斷；根據(jù)判斷結(jié)果顯示或隱藏ActivityIndicator控件。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載方法中，根據(jù)判斷結(jié)果顯示或隱藏ActivityIndicator控件的步驟，包括：在所述待加載網(wǎng)絡(luò)圖片正在加載時(shí)，顯示所述ActivityIndicator控件；在所述待加載網(wǎng)絡(luò)圖片加載完成時(shí)，隱藏所述ActivityIndicator控件。本專利技術(shù)較佳實(shí)施例還提供一種網(wǎng)絡(luò)圖片加載裝置，應(yīng)用于基于ReactNative平臺(tái)的電子終端，所述電子終端包括圖片自適應(yīng)組件的電子終端，所述裝置包括：顯示尺寸設(shè)置模塊，用于通過所述圖片自適應(yīng)組件將待加載網(wǎng)絡(luò)圖片的顯示尺寸設(shè)置為預(yù)設(shè)尺寸；實(shí)際尺寸獲取模塊，用于獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸；顯示尺寸更新模塊，用于將所述顯示尺寸更新為所述實(shí)際尺寸；網(wǎng)絡(luò)圖片加載模塊，根據(jù)更新后的顯示尺寸加載所述待加載網(wǎng)絡(luò)圖片。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載裝置中，所述圖片自適應(yīng)組件中包括調(diào)用圖片控件的指令；所述實(shí)際尺寸獲取模塊包括：實(shí)際尺寸獲取子模塊，用于在所述圖片自適應(yīng)組件中調(diào)用所述圖片控件的尺寸獲取指令，在顯示所述待加載網(wǎng)絡(luò)圖片之前從所述待加載網(wǎng)絡(luò)圖片的源地址獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載裝置中，所述顯示尺寸更新模塊包括：顯示尺寸更新子模塊，用于在所述圖片自適應(yīng)組件中將所述顯示尺寸更新為所述實(shí)際尺寸，觸發(fā)所述圖片控件調(diào)用尺寸重定義指令，將所述圖片控件中的顯示尺寸更新為所述實(shí)際尺寸。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載裝置中，所述裝置還包括：加載進(jìn)度判斷模塊，用于在所述圖片自適應(yīng)組件中對(duì)所述待加載網(wǎng)絡(luò)圖片的加載進(jìn)度進(jìn)行判斷；加載進(jìn)度指示模塊，用于根據(jù)判斷結(jié)果顯示或隱藏ActivityIndicator控件。優(yōu)選地，在上述網(wǎng)絡(luò)圖片加載裝置中，所述加載進(jìn)度指示模塊包括：第一指示模塊，用于在所述待加載網(wǎng)絡(luò)圖片正在加載時(shí)，顯示所述ActivityIndicator控件；第二指示模塊，用于在所述待加載網(wǎng)絡(luò)圖片加載完成時(shí)，隱藏所述ActivityIndicator控件。本專利技術(shù)提供的網(wǎng)絡(luò)圖片加載方法及裝置，通過獲取待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸，并將預(yù)設(shè)的顯示尺寸更新為所述實(shí)際尺寸，使得待加載網(wǎng)絡(luò)圖片按照更新后的顯示尺寸進(jìn)行加載。如此，能夠避免指定的顯示尺寸不準(zhǔn)確所造成的圖片加載不完全或圖片顯示變形的問題。附圖說(shuō)明為了更清楚地說(shuō)明本專利技術(shù)實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例中所需要使用的附圖作簡(jiǎn)單地介紹，應(yīng)當(dāng)理解，以下附圖僅示出了本專利技術(shù)的某些實(shí)施例，因此不應(yīng)被看作是對(duì)范圍的限定，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。圖1為本專利技術(shù)實(shí)施例提供的一種電子終端的方框示意圖。圖2為本專利技術(shù)實(shí)施例提供的一種網(wǎng)絡(luò)圖片加載方法的流程示意圖。圖3為本專利技術(shù)實(shí)施例提供的網(wǎng)絡(luò)圖片加載方法的又一流程示意圖。圖4為本專利技術(shù)實(shí)施例提供的網(wǎng)絡(luò)圖片加載方法的又一流程示意圖。圖5為本專利技術(shù)實(shí)施例提供的一種網(wǎng)絡(luò)圖片加載裝置的連接框圖。圖6為本專利技術(shù)實(shí)施例提供的網(wǎng)絡(luò)圖片加載裝置的又一連接框圖。圖標(biāo)：100-電子終端；110-網(wǎng)絡(luò)圖片加載裝置；111-顯示尺寸設(shè)置模塊；112-實(shí)際尺寸獲取模塊；1121-實(shí)際尺寸獲取子模塊；113-顯示尺寸更新模塊；1131-顯示尺寸更新子模塊；114-網(wǎng)絡(luò)圖片加載模塊；115-加載進(jìn)度判斷模塊；116-加載進(jìn)度指示模塊；1161-第一指示子模塊；1162-第二指示子模塊；120-存儲(chǔ)器；130-處理器。具體實(shí)施方式為使本專利技術(shù)實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本專利技術(shù)實(shí)施例中的附圖，對(duì)本專利技術(shù)實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本專利技術(shù)一部分實(shí)施例，而不是全部的實(shí)施例。通常在此處附圖中描述和示出的本專利技術(shù)實(shí)施例的組件可以以各種不同的配置來(lái)布置和設(shè)計(jì)。因此，以下對(duì)在附圖中提供的本專利技術(shù)的實(shí)施例的詳細(xì)描述并非旨在限制要求保護(hù)的本專利技術(shù)的范圍，而是僅僅表示本專利技術(shù)的選定實(shí)施例。基于本專利技術(shù)中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本專利技術(shù)保護(hù)的范圍。應(yīng)注意到：相似的標(biāo)號(hào)和字母在下面的附圖中表示類似項(xiàng)，因此，一旦某一項(xiàng)在一個(gè)附圖中被定義，則在隨后的附圖中不需要對(duì)其進(jìn)行進(jìn)一步定義和解釋。在本專利技術(shù)的描述中，需要說(shuō)明的是，術(shù)語(yǔ)“第一”、“第二”、“第三”等僅用于區(qū)分描述，而不能理解為指示或暗示相對(duì)重要性。在本專利技術(shù)的描述中，還需要說(shuō)明的是，除非另有明確的規(guī)定和限定，術(shù)語(yǔ)“設(shè)置”、“安裝”、“相連”、“連接”應(yīng)做廣義理解，例如，可以是固定連接，也可以是可拆卸連接，或一體地連接；可以是機(jī)械連接，也可以是電連接；可以是直接相連，也可以通過中間媒介間接相連，可以是兩個(gè)元件內(nèi)部的連通。對(duì)于本領(lǐng)域的普通技術(shù)人員而言，可以具體情況理解上述術(shù)語(yǔ)在本專利技術(shù)中的具體含義。如圖1所示，是本專利技術(shù)較佳實(shí)施例提供的一種電子終端100的方框示意圖。本專利技術(shù)實(shí)施例中的電子終端100可以是，但不限于，服務(wù)器、個(gè)人電腦(personalcomputer，PC)、平板電腦、個(gè)人數(shù)字助理(personaldigitalassistant，PDA)、移動(dòng)上網(wǎng)設(shè)備(mobileInternetdevice，MID)、智能手機(jī)等。本專利技術(shù)實(shí)施例中提供的方法及裝置用于在電子終端100上加載網(wǎng)絡(luò)圖片。其中，所述電子終端1本文檔來(lái)自技高網(wǎng)...

【技術(shù)保護(hù)點(diǎn)】
一種網(wǎng)絡(luò)圖片加載方法，其特征在于，應(yīng)用于基于ReactNative平臺(tái)的電子終端，所述電子終端包括圖片自適應(yīng)組件，所述方法包括：在所述圖片自適應(yīng)組件中將待加載網(wǎng)絡(luò)圖片的顯示尺寸設(shè)置為預(yù)設(shè)尺寸；獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸；將所述顯示尺寸更新為所述實(shí)際尺寸；根據(jù)更新后的顯示尺寸加載所述待加載網(wǎng)絡(luò)圖片。

【技術(shù)特征摘要】
1.一種網(wǎng)絡(luò)圖片加載方法，其特征在于，應(yīng)用于基于ReactNative平臺(tái)的電子終端，所述電子終端包括圖片自適應(yīng)組件，所述方法包括：在所述圖片自適應(yīng)組件中將待加載網(wǎng)絡(luò)圖片的顯示尺寸設(shè)置為預(yù)設(shè)尺寸；獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸；將所述顯示尺寸更新為所述實(shí)際尺寸；根據(jù)更新后的顯示尺寸加載所述待加載網(wǎng)絡(luò)圖片。2.根據(jù)權(quán)利要求1所述的網(wǎng)絡(luò)圖片加載方法，其特征在于，所述圖片自適應(yīng)組件中包括調(diào)用圖片控件的指令；獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸的步驟，包括：在所述圖片自適應(yīng)組件中調(diào)用所述圖片控件的尺寸獲取指令，在顯示所述待加載網(wǎng)絡(luò)圖片之前從所述待加載網(wǎng)絡(luò)圖片的源地址獲取所述待加載網(wǎng)絡(luò)圖片的實(shí)際尺寸。3.根據(jù)權(quán)利要求2所述的網(wǎng)絡(luò)圖片加載方法，其特征在于，將所述顯示尺寸更新為所述實(shí)際尺寸的步驟，包括：在所述圖片自適應(yīng)組件中將所述顯示尺寸更新為所述實(shí)際尺寸，觸發(fā)所述圖片控件調(diào)用尺寸重定義指令，將所述圖片控件中的顯示尺寸更新為所述實(shí)際尺寸。4.根據(jù)權(quán)利要求1所述的網(wǎng)絡(luò)圖片加載方法，其特征在于，所述方法還包括：在所述圖片自適應(yīng)組件中對(duì)所述待加載網(wǎng)絡(luò)圖片的加載進(jìn)度進(jìn)行判斷；根據(jù)判斷結(jié)果顯示或隱藏ActivityIndicator控件。5.根據(jù)權(quán)利要求4所述的網(wǎng)絡(luò)圖片加載方法，其特征在于，根據(jù)判斷結(jié)果顯示或隱藏ActivityIndicator控件的步驟，包括：在所述待加載網(wǎng)絡(luò)圖片正在加載時(shí)，顯示所述ActivityIndicator控件；在所述待加載網(wǎng)絡(luò)圖片加載完成時(shí)，隱藏所述ActivityIndicator控件。6.一種網(wǎng)絡(luò)圖片加載裝置，其特征在于，應(yīng)用于基于ReactNat...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：成文馳，張文明，陳少杰，
申請(qǐng)(專利權(quán))人：武漢斗魚網(wǎng)絡(luò)科技有限公司，
類型：發(fā)明
國(guó)別省市：湖北,42