图文混排的方法、装置、电子设备及计算机可读介质制造方法及图纸

本公开实施例提供了一种图文混排的方法、装置、电子设备及计算机可读介质，该方法包括：接收H5页面发送的待加载图片的信息，H5页面用于对待加载文本进行加载；根据待加载图片的信息，在与H5页面对应的显示区域上加载待加载图片，以使得待加载图片与待加载文本图文混排。该方法实现了H5页面用于展示待加载文本，原生组件用于展示待加载图片，以使得待加载图片与待加载文本图文混排，从而避免了由于大量图片内存无法释放而导致的内存暴涨及页面卡顿。

Method, device, electronic equipment and computer-readable medium of mixed arrangement of pictures and texts

【技术实现步骤摘要】
图文混排的方法、装置、电子设备及计算机可读介质
本公开涉及计算机
，具体而言，本公开涉及一种图文混排的方法、装置、电子设备及计算机可读介质。
技术介绍
现有技术中，资讯类的H5页面，一般都是图文混排，即文本与图片，间隔交替展示，通常这类H5页面，都是全部由H5来完成的，客户端只需要提供一个控件WebView来加载。当包含大量图片的时候，图片内存无法释放，会导致内存暴涨，页面卡顿。
技术实现思路
提供该
技术实现思路
部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该
技术实现思路
部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。仅描述独权方案即可，不用描述从权方案。本公开针对现有的方式的缺点，提出一种图文混排的方法、装置、电子设备及计算机可读介质，用以解决由于大量图片内存无法释放而导致的内存暴涨及页面卡顿的问题。第一方面，本公开提供了一种图文混排的方法，应用于原生组件，包括：接收H5页面发送的待加载图片的信息，H5页面用于对待加载文本进行加载；根据待加载图片的信息，在与H5页面对应的显示区域上加载待加载图片，以使得待加载图片与待加载文本图文混排。第二方面，本公开提供了一种图文混排的装置，应用于原生组件，包括：第一处理模块，用于接收H5页面发送的待加载图片的信息，H5页面用于对待加载文本进行加载；第二处理模块，用于根据待加载图片的信息，在与H5页面对应的显示区域上加载待加载图片，以使得待加载图片与待加载文本图文混排。第三方面，本公开提供了一种电子设备，包括：处理器、存储器和总线；总线，用于连接处理器和存储器；存储器，用于存储操作指令；处理器，用于通过调用操作指令，执行本公开第一方面的图文混排的方法。第四方面，本公开提供了一种计算机可读介质，存储有计算机程序，计算机程序被用于执行本公开第一方面的图文混排的方法。本公开实施例提供的技术方案，至少具有如下有益效果：接收H5页面发送的待加载图片的信息，H5页面用于对待加载文本进行加载；根据待加载图片的信息，在与H5页面对应的显示区域上加载待加载图片，以使得待加载图片与待加载文本图文混排。如此，实现了H5页面用于展示待加载文本，原生组件用于展示待加载图片，以使得待加载图片与待加载文本图文混排，从而避免了由于大量图片内存无法释放而导致的内存暴涨及页面卡顿。本公开附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本公开的实践了解到。附图说明结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图作简单地介绍。图1为本公开实施例提供的一种图文混排的方法的流程示意图；图2为本公开实施例提供的一种图文混排的装置的结构示意图；图3为本公开实施例提供的一种电子设备的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。需要注意，本公开中提及的“第一”、“第二”等概念仅用于对装置、模块或单元进行区分，并非用于限定这些装置、模块或单元一定为不同的装置、模块或单元，也并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。实施例一本公开实施例中提供了一种图文混排的方法，应用于原生组件，该方法的流程示意图如图1所示，该方法包括：S101，接收H5页面发送的待加载图片的信息，H5页面用于对待加载文本进行加载。根据待加载图片的信息，在与H5页面对应的显示区域上加载待加载图片，以使得待加载图片与待加载文本图文混排。本公开实施例中，H5页面由第5代html标准规范简称html5而来，但其对视频音频和触屏互动等事件的支持远超出HTML5所标记的规范。随着移动端用户的暴增，H5在移动端兼容性更强，H5逐渐演变成一种对可以在移动端展示页面的简称。H5包括普通的幻灯片形式、需要简单点击的故事形式、用户能够参与的带有互交的功能形式、可以提交数据的表单形式、朋友圈流传的小游戏形式等。S102，根据待加载图片的信息，在与H5页面对应的显示区域上加载待加载图片，以使得待加载图片与待加载文本图文混排。本公开实施例中，接收H5页面发送的待加载图片的信息，H5页面用于对待加载文本进行加载；根据待加载图片的信息，在与H5页面对应的显示区域上加载待加载图片，以使得待加载图片与待加载文本图文混排。如此，实现了H5页面用于展示待加载文本，原生组件用于展示待加载图片，以使得待加载图片与待加载文本图文混排，从而避免了由于大量图片内存无法释放而导致的内存暴涨及页面卡顿。本公开实施例中，待加载图片的信息包括待加载图片的尺寸、待加载图片的位置、待加载图片的统一资源定位符URL(UniformResourceLocator)中的至少一项。本公开实施例中，接收H5页面发送的待加载图片的信息，包括：通过JavaScript搭建的桥JSBridge接收H5页面发送的待加载图片的信息。本公开实施例中，JSBridge是一种JavaScript实现的桥梁Bridge，是在H5和原生组件之间搭建一个桥梁Bridge，JSBridge为H5和原生组件之间提供了安全而方便的接口。本公开实施例中，根据待加载图片的信息，在H5页面对应的显示待加载图片的区域上加载待加载图片，包括：根据待加载图片的信息，原始组件包括的滑动组件本文档来自技高网...

【技术保护点】
1.一种图文混排的方法，应用于原生组件，其特征在于，包括：/n接收H5页面发送的待加载图片的信息，所述H5页面用于对待加载文本进行加载；/n根据所述待加载图片的信息，在与所述H5页面对应的显示区域上加载所述待加载图片，以使得所述待加载图片与所述待加载文本图文混排。/n

【技术特征摘要】
1.一种图文混排的方法，应用于原生组件，其特征在于，包括：
接收H5页面发送的待加载图片的信息，所述H5页面用于对待加载文本进行加载；
根据所述待加载图片的信息，在与所述H5页面对应的显示区域上加载所述待加载图片，以使得所述待加载图片与所述待加载文本图文混排。


2.根据权利要求1所述的方法，其特征在于，所述待加载图片的信息包括所述待加载图片的尺寸、所述待加载图片的位置、所述待加载图片的统一资源定位符URL中的至少一项。


3.根据权利要求1所述的方法，其特征在于，所述接收H5页面发送的待加载图片的信息，包括：
通过JavaScript搭建的桥JSBridge接收所述H5页面发送的所述待加载图片的信息。


4.根据权利要求1或2所述的方法，其特征在于，所述根据所述待加载图片的信息，在所述H5页面对应的显示所述待加载图片的区域上加载所述待加载图片，包括：
根据所述待加载图片的信息，所述原始组件包括的滑动组件RecyclerView在所述H5页面对应的显示所述待加载图片的区域上加载所述待加载图片。


5.根据权利要求4所述的方法，其特征在于，所述原始组件包括的滑动组件RecyclerView在所述H5页面对应的显示所述待加载图片的区域上加载所述待加载图片，包括：
所述滑动组件RecyclerView包括的组件ImageView在所述H5页面对应的显示所述...

【专利技术属性】
技术研发人员：李富强，
申请(专利权)人：北京无限光场科技有限公司，
类型：发明
国别省市：北京;11