[发明专利]加载占位图的方法和装置

权利要求书

1.一种加载占位图的方法，其特征在于，包括：

在使用图片组件开始加载目标图片时：通过预先将占位图的地址信息赋值于所述图片组件的占位图属性，在目标图片对应的显示位置加载所述占位图；其中，

所述图片组件支持加载提示属性，用于在加载图片过程中显示旋转的提示图标；所述占位图属性是将所述加载提示属性的自动旋转效果去除后得到的。

2.根据权利要求1所述的方法，其特征在于，

所述方法依据React Native的安卓版本实现；

所述图片组件为所述安卓版本中的Image组件；

所述占位图为默认本地图片或者用户指定的本地图片；

所述地址信息为由所述占位图的路径信息构成的数据对象；

所述加载提示属性为loadingIndicatorSrc属性。

3.一种加载占位图的方法，其特征在于，包括：

在React Native的安卓版本、React Native的iOS版本和React Native的网页端转换工具之上进行封装，针对安卓端、iOS端和网页端设置统一的组件和属性；所述统一的组件和属性包括：经过所述封装获得的图片组件和该图片组件的占位属性；其中，

所述占位属性被配置为与以下属性保持属性值一致：所述安卓版本中图片组件的占位图属性、所述iOS版本中图片组件的默认源文件属性、所述网页端转换工具中由开始加载事件触发的图片标签的源文件属性；所述安卓版本中的图片组件支持加载提示属性，用于在加载图片过程中显示旋转的提示图标；所述占位图属性是将所述加载提示属性的自动旋转效果去除后得到的；

以及，所述方法在安卓端、iOS端或网页端的执行步骤包括：在使用经过所述封装获得的图片组件开始加载目标图片时：通过预先将占位图的地址信息赋值于所述占位属性，在目标图片对应的显示位置加载所述占位图。

4.根据权利要求3所述的方法，其特征在于，

所述方法进一步包括：在进行所述封装时，将所述占位属性配置为与以下属性保持属性值一致：所述安卓版本的图片组件中由加载失败事件触发的图片源文件属性、所述iOS版本的图片组件中由加载失败事件触发的图片源文件属性、所述网页端转换工具中由加载失败事件触发的图片标签的源文件属性；以及，

所述方法在安卓端、iOS端或网页端的执行步骤包括：在使用经过所述封装获得的图片组件加载目标图片失败时，在目标图片对应的显示位置加载所述占位图。

5.根据权利要求3或4所述的方法，其特征在于，

所述占位图为默认本地图片或者用户指定的本地图片；

网页端转换工具包括：React Web或React Native Web；

所述默认源文件属性为defaultSource属性；

所述加载提示属性为loadingIndicatorSrc属性；

所述地址信息为由所述占位图的路径信息构成的数据对象。

6.一种加载占位图的装置，其特征在于，包括：

属性修改单元，用于将图片组件的加载提示属性的自动旋转效果去除，得到所述图片组件的占位图属性；其中，所述加载提示属性用于在加载图片过程中显示旋转的提示图标；

加载单元，用于在使用所述图片组件开始加载目标图片时，通过预先将占位图的地址信息赋值于所述占位图属性，在目标图片对应的显示位置加载所述占位图。

7.根据权利要求6所述的装置，其特征在于，

所述装置依据React Native的安卓版本实现；

所述图片组件为所述安卓版本中的Image组件；

所述占位图为默认本地图片或者用户指定的本地图片；

所述地址信息为由所述占位图的路径信息构成的数据对象；

所述加载提示属性为loadingIndicatorSrc属性。