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

权利要求书

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控件。