[发明专利]网络图片加载方法及装置

说明书

本发明提供一种网络图片加载方法及装置，应用于基于ReactNative平台的电子终端，电子终端中包括图片自适应组件。方法包括：在图片自适应组件中将待加载网络图片的显示尺寸设置为预设尺寸；获取待加载网络图片的实际尺寸；将显示尺寸更新为实际尺寸；根据更新后的显示尺寸加载待加载网络图片。通过上述设计，能够解决加载网络图片时无法预先正确指定网络图片的尺寸所导致的图片加载不完全以及图片显示变形问题。

技术领域

本发明涉及计算机技术领域，具体而言，涉及一种网络图片加载方法及装置。

背景技术

ReactNative是facebook公司提供的一套跨平台移动移动应用开发框架，是UI框架React在原生移动应用平台的衍生物。经发明人研究发现，在ReactNative中，加载网络图片时，必须提前指定图片尺寸，否则无法显示该网络图片。而提前指定图片尺寸要求预先知道图片的尺寸，如果在不清楚图片尺寸的情况下随意指定图片尺寸，会造成该图片加载不完全或者显示变形。即便预先知道图片尺寸，一旦该网络图片发生改变，仍会出现上述图片加载不完全或显示变形的问题。

发明内容

有鉴于此，本发明的目的在于提供一种网络图片加载方法及装置，以改善上述问题。

为了达到上述目的，本发明较佳实施例提供一种网络图片加载方法，应用于基于ReactNative平台的电子终端，所述电子终端包括图片自适应组件，所述方法包括：

在所述图片自适应组件中将待加载网络图片的显示尺寸设置为预设尺寸；

获取所述待加载网络图片的实际尺寸；

将所述显示尺寸更新为所述实际尺寸；

根据更新后的显示尺寸加载所述待加载网络图片。

优选地，在上述网络图片加载方法中，所述图片自适应组件中包括调用图片控件的指令；获取所述待加载网络图片的实际尺寸的步骤，包括：

在所述图片自适应组件中调用所述图片控件的尺寸获取指令，在显示所述待加载网络图片之前从所述待加载网络图片的源地址获取所述待加载网络图片的实际尺寸。

优选地，在上述网络图片加载方法中，将所述显示尺寸更新为所述实际尺寸的步骤，包括：

在所述图片自适应组件中将所述显示尺寸更新为所述实际尺寸，触发所述图片控件调用尺寸重定义指令，将所述图片控件中的显示尺寸更新为所述实际尺寸。

优选地，在上述网络图片加载方法中，所述方法还包括：

在所述图片自适应组件中对所述待加载网络图片的加载进度进行判断；

根据判断结果显示或隐藏ActivityIndicator控件。

优选地，在上述网络图片加载方法中，根据判断结果显示或隐藏ActivityIndicator控件的步骤，包括：

在所述待加载网络图片正在加载时，显示所述ActivityIndicator控件；

在所述待加载网络图片加载完成时，隐藏所述ActivityIndicator控件。

本发明较佳实施例还提供一种网络图片加载装置，应用于基于 ReactNative平台的电子终端，所述电子终端包括图片自适应组件的电子终端，所述装置包括：

显示尺寸设置模块，用于通过所述图片自适应组件将待加载网络图片的显示尺寸设置为预设尺寸；

实际尺寸获取模块，用于获取所述待加载网络图片的实际尺寸；

显示尺寸更新模块，用于将所述显示尺寸更新为所述实际尺寸；