图片显示方法及装置、计算机可读存储介质及电子设备制造方法及图纸

本公开提供一种图片显示方法、图片显示装置、计算机可读存储介质及电子设备；涉及计算机技术领域。所述方法包括：响应于软件的启动操作，将所述软件中的内置图片预加载至目标位置；响应于图片显示请求，通过Flutter图片组件调用相应的接口方法，得到所述图片的地址信息，并解析所述地址信息；当解析得到所述地址信息对应于所述内置图片的地址时，从所述目标位置读取所述图片并显示。本公开可以实现在混合开发过程中，将原生内置图片资源以预先缓存的方式共享给Flutter端使用，从而可以加快Flutter中原生内置图片资源的加载及显示速度，减小软件安装包体积。减小软件安装包体积。减小软件安装包体积。

【技术实现步骤摘要】
图片显示方法及装置、计算机可读存储介质及电子设备


[0001]本公开涉及计算机
，具体而言，涉及图片显示方法、图片显示装置、电子设备以及计算机可读存储介质。

技术介绍

[0002]软件开发可以根据用户需求开发或修正各类软件的性能及功能，从而解决各种各样的业务需求，给用户带来良好的使用体验。跨平台的软件开发解决方法可以使开发得到的软件不依赖于操作系统及硬件环境，、从而可以实现在多种系统下开发，运行和维护。
[0003]基于Flutter(一种移动UI框架)开发便是实现上述跨平台解决的一种方法，该方法由于具有良好的性能优势而得到了众多开发者的青睐。目前基于Flutter开发主要有两种方式，第一种方式是新建Flutter工程开发，第二种方式为混合开发。由于大多原生软件的业务逻辑复杂，全部采用flutter重构周期长且风险大，因此混合开发是较为常用的开发方式。然而，上述混合开发过程存在原生软件中的内置图片资源和Flutter无法共用的问题，进而导致资源浪费、软件安装包体积增大。
[0004]因此需要提供一种图片显示方法，实现在混合开发过程中，可以加快Flutter中原生内置图片资源的加载及显示速度，减小软件安装包体积。
[0005]上述
技术介绍
部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

技术实现思路

[0006]本公开实施例提供一种图片显示方法、图片显示装置、电子设备以及计算机可读存储介质，可以实现在混合开发过程中，将原生内置图片资源以预先缓存的方式共享给Flutter端使用，从而可以加快Flutter中原生内置图片资源的加载及显示速度，减小软件安装包体积。
[0007]根据本公开的第一方面，提供一种图片显示方法，包括：
[0008]响应于软件的启动操作，将所述软件中的内置图片预加载至目标位置；
[0009]响应于图片显示请求，通过Flutter图片组件调用相应的接口方法，得到所述图片的地址信息，并解析所述地址信息；
[0010]当解析得到所述地址信息对应于所述内置图片的地址时，从所述目标位置读取所述图片并显示。
[0011]在本公开的一种示例性实施例中，在所述解析所述地址信息之后，所述方法还包括：
[0012]基于解析结果判断所述地址信息中是否包含内置图片标识，若存在所述内置图片标识，则所述地址信息对应于所述内置图片的地址。
[0013]在本公开的一种示例性实施例中，当解析得到的结果与所述内置图片的地址不一致时，所述方法还包括：
[0014]基于所述解析结果中的地址获取所述图片并显示。
[0015]在本公开的一种示例性实施例中，当从所述目标位置读取所述图片失败时，所述方法还包括：
[0016]将对应的所述内置图片转化为数据流，将所述数据流通过通信信道传输至Flutter图片组件并显示。
[0017]在本公开的一种示例性实施例中，所述目标位置为磁盘。
[0018]在本公开的一种示例性实施例中，所述地址信息包括所述图片的地址及图片信息，所述从所述目标位置读取所述图片并显示，包括：
[0019]从所述目标位置读取所述图片，并基于解析所述地址信息得到的所述图片信息显示所述图片。
[0020]根据本公开的第二方面，提供一种图片显示装置，包括：
[0021]预加载模块，用于响应于软件的启动操作，将所述软件中的内置图片预加载至目标位置；
[0022]解析模块，用于响应于图片显示请求，通过Flutter图片组件调用相应的接口方法，得到所述图片的地址信息，并解析所述地址信息；
[0023]第一显示模块，当解析得到所述地址信息对应于所述内置图片的地址时，从所述目标位置读取所述图片并显示。
[0024]在本公开的一种示例性实施例中，当所述第一显示模块显示失败时，所述装置还包括：
[0025]第二显示模块，用于将对应的所述内置图片转化为数据流，将所述数据流通过通信信道传输至Flutter图片组件并显示。
[0026]在本公开的一种示例性实施例中，当所述解析模块解析得到的结果与所述内置图片的地址不一致时，所述装置还包括：
[0027]第三显示模块，用于基于所述解析结果中的地址获取所述图片并显示。
[0028]根据本公开的第三方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项所述方法。
[0029]根据本公开的第四方面，提供一种电子设备，包括：
[0030]处理器；
[0031]存储器，用于存储所述处理器的可执行指令；其中，所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述方法。
[0032]本公开示例性实施例可以具有以下部分或全部有益效果：
[0033]在本公开示例实施方式所提供的图片显示方法中，首先，响应于软件的启动操作，将软件中所包含的全部内置图片预加载至目标位置；接着，响应于图片显示请求，通过Flutter图片组件调用相应的接口方法，得到所要显示的图片的地址信息，并解析该地址信息；当解析得到该地址信息对应于上述存储在目标位置的内置图片的地址时，从上述目标位置中读取该图片并显示。一方面，本示例实施方式所提供的图片显示方法，在软件启动的过程中已经将该软件中的内置图片通过预加载过程缓存至上述目标位置，因此，可以Flutter图片读取及显示上述内置图片的速度。另一方面，在本示例实施方式中，由于将原生软件中的内置图片资源以预先缓存的方式共享给了Flutter端，因此Flutter端和原生软
件可以共用上述内置图片，因此可以节约系统资源。同时，由于不必存储两份内置图片，也可以减小软件安装包的体积。
[0034]应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
[0035]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0036]图1示出了可以应用本公开实施例的一种图片显示方法及装置的示例性系统架构的示意图；
[0037]图2示出了适于用来实现本公开实施例的电子设备的计算机系统的结构示意图；
[0038]图3示意性示出了根据本公开的一个实施例的图片显示方法的过程的流程图；
[0039]图4示意性示出了根据本公开的一个实施例的图片显示装置的框图。
具体实施方式
[0040]现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图片显示方法，其特征在于，包括：响应于软件的启动操作，将所述软件中的内置图片预加载至目标位置；响应于图片显示请求，通过Flutter图片组件调用相应的接口方法，得到所述图片的地址信息，并解析所述地址信息；当解析得到所述地址信息对应于所述内置图片的地址时，从所述目标位置读取所述图片并显示。2.根据权利要求1所述的图片显示方法，其特征在于，在所述解析所述地址信息之后，所述方法还包括：基于解析结果判断所述地址信息中是否包含内置图片标识，若存在所述内置图片标识，则所述地址信息对应于所述内置图片的地址。3.根据权利要求2所述的图片显示方法，其特征在于，当解析得到的结果与所述内置图片的地址不一致时，所述方法还包括：基于所述解析结果中的地址获取所述图片并显示。4.根据权利要求1所述的图片显示方法，其特征在于，当从所述目标位置读取所述图片失败时，所述方法还包括：将对应的所述内置图片转化为数据流，将所述数据流通过通信信道传输至Flutter图片组件并显示。5.根据权利要求1所述的图片显示方法，其特征在于，所述目标位置为磁盘。6.根据权利要求1所述的图片显示方式，其特征在于，所述地址信息包括所述图片的地址及图片信息，所述从所述目标位置读取所述图片并显示，包括：从所述目标位置读取所述图片，并基于解析...

【专利技术属性】
技术研发人员：徐宏伟，
申请(专利权)人：北京京东世纪贸易有限公司，
类型：发明
国别省市：