一种界面实现方法、装置、电子设备和存储介质制造方法及图纸

本发明专利技术公开了一种界面实现方法、装置、电子设备和存储介质。所述方法包括：对指定页面资源进行渲染，得到第一渲染数据；对除所述指定页面资源外的界面资源进行渲染，得到第二渲染数据；根据所述第一渲染数据和所述第二渲染数据生成界面内容，将所述界面内容输出到目标界面上。该技术方案采用了页面资源作为界面的实现基础，输出的界面内容不仅包含根据界面资源得到的控件、窗口、背景等，更包括根据页面资源得到的动画、登录框等，结合了不同资源文件的特性，使得生成的界面内容丰富，并且实现手段更灵活，可以利用不同渲染引擎的特性，在很多场景下实现效率更高。

An interface implementation method, device, electronic equipment and storage medium

【技术实现步骤摘要】
一种界面实现方法、装置、电子设备和存储介质
本专利技术涉及计算机
，具体涉及一种界面实现方法、装置、电子设备和存储介质。
技术介绍
现有技术中，界面可以通过程序的渲染引擎渲染界面资源来实现，例如游戏可以使用Direct3D引擎渲染资源文件，实现丰富多彩的视觉画面。但是，各类渲染引擎的渲染能力毕竟有限，渲染的资源文件类型较为单一，而且不够灵活。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的一种界面实现方法、装置、电子设备和存储介质。依据本专利技术的一个方面，提供了一种界面实现方法，包括：对指定页面资源进行渲染，得到第一渲染数据；对除所述指定页面资源外的界面资源进行渲染，得到第二渲染数据；根据所述第一渲染数据和所述第二渲染数据生成界面内容，将所述界面内容输出到目标界面上。可选地，所述指定页面资源是根据URL获取的本地资源和/或网络资源。可选地，所述指定页面资源包括如下的一种或多种：HTML资源，CSS资源，JS资源。可选地，所述对指定的页面资源进行渲染，得到第一渲染数据包括：基于内置浏览器组件对所述页面资源进行渲染，得到第一渲染数据。可选地，所述内置浏览器组件通过谷歌浏览器嵌入式框架CEF实现。可选地，所述基于内置浏览器组件对所述页面资源进行渲染，得到第一渲染数据包括：通过所述内置浏览器组件的渲染引擎对所述页面资源进行渲染，通过所述渲染引擎的渲染函数输出位图格式的第一渲染数据。可选地，所述将所述界面内容输出到目标界面上包括：将与所述第一渲染数据对应的界面内容输出到目标界面上的指定区域；该方法还包括：在接收到目标界面上的操作指令时，判断所述操作指令是否落入所述指定区域，是则将所述操作指令透传给所述内置浏览器组件。可选地，所述对指定页面资源进行渲染，得到第一渲染数据包括：根据预设的分辨率选取待渲染的页面资源。可选地，所述对指定页面资源进行渲染，得到第一渲染数据包括：对所述指定页面资源中，被指定类型的页面元素覆盖的部分不进行刷新。可选地，所述对指定页面资源进行渲染，得到第一渲染数据包括：对所述指定页面资源进行渲染，得到初始帧；根据所述初始帧计算后续各帧的改变量；将所述初始帧和所述改变量作为第一渲染数据。可选地，所述根据所述第一渲染数据和所述第二渲染数据生成界面内容包括：通过当前进程获取所述第二渲染数据，以及根据进程间通信获取所述第一渲染数据；将所述第二渲染数据和所述第一渲染数据融合得到界面内容。可选地，所述将所述第二渲染数据和所述第一渲染数据融合得到界面内容包括：根据第一渲染数据的帧率和第二渲染数据的帧率确定界面内容的帧率。依据本专利技术的另一方面，提供了一种界面实现装置，包括：第一渲染单元，适于对指定页面资源进行渲染，得到第一渲染数据；第二渲染单元，适于对除所述指定页面资源外的界面资源进行渲染，得到第二渲染数据；界面单元，适于根据所述第一渲染数据和所述第二渲染数据生成界面内容，将所述界面内容输出到目标界面上。可选地，所述指定页面资源是根据URL获取的本地资源和/或网络资源。可选地，所述指定页面资源包括如下的一种或多种：HTML资源，CSS资源，JS资源。可选地，所述第一渲染单元，适于基于内置浏览器组件对所述页面资源进行渲染，得到第一渲染数据。可选地，所述内置浏览器组件通过谷歌浏览器嵌入式框架CEF实现。可选地，所述第一渲染单元，适于通过所述内置浏览器组件的渲染引擎对所述页面资源进行渲染，通过所述渲染引擎的渲染函数输出位图格式的第一渲染数据。可选地，所述界面单元，适于将与所述第一渲染数据对应的界面内容输出到目标界面上的指定区域；该装置还包括：透传单元，适于在接收到目标界面上的操作指令时，判断所述操作指令是否落入所述指定区域，是则将所述操作指令透传给所述内置浏览器组件。可选地，所述第一渲染单元，适于根据预设的分辨率选取待渲染的页面资源。可选地，所述第一渲染单元，适于对所述指定页面资源中，被指定类型的页面元素覆盖的部分不进行刷新。可选地，所述第一渲染单元，适于对所述指定页面资源进行渲染，得到初始帧；根据所述初始帧计算后续各帧的改变量；将所述初始帧和所述改变量作为第一渲染数据。可选地，所述界面单元，适于通过当前进程获取所述第二渲染数据，以及根据进程间通信获取所述第一渲染数据；将所述第二渲染数据和所述第一渲染数据融合得到界面内容。可选地，所述界面单元，适于根据第一渲染数据的帧率和第二渲染数据的帧率确定界面内容的帧率。依据本专利技术的又一方面，提供了一种电子设备，包括：处理器；以及被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行如上述任一所述的方法。依据本专利技术的再一方面，提供了一种计算机可读存储介质，其中，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被处理器执行时，实现如上述任一所述的方法。由上述可知，本专利技术的技术方案，通过对指定页面资源进行渲染，得到第一渲染数据，以及对除指定页面资源外的界面资源进行渲染，得到第二渲染数据，根据第一渲染数据和第二渲染数据生成界面内容，将界面内容输出到目标界面上。该技术方案采用了页面资源作为界面的实现基础，输出的界面内容不仅包含根据界面资源得到的控件、窗口、背景等，更包括根据页面资源得到的动画、登录框等，结合了不同资源文件的特性，使得生成的界面内容丰富，并且实现手段更灵活，可以利用不同渲染引擎的特性，在很多场景下实现效率更高。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了根据本专利技术一个实施例的一种界面实现方法的流程示意图；图2示出了根据本专利技术一个实施例的一种界面实现装置的结构示意图；图3示出了根据本专利技术一个实施例的电子设备的结构示意图；图4示出了根据本专利技术一个实施例的计算机可读存储介质的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。图1示出了根本文档来自技高网...

【技术保护点】
1.一种界面实现方法，包括：/n对指定页面资源进行渲染，得到第一渲染数据；/n对除所述指定页面资源外的界面资源进行渲染，得到第二渲染数据；/n根据所述第一渲染数据和所述第二渲染数据生成界面内容，将所述界面内容输出到目标界面上。/n

【技术特征摘要】
1.一种界面实现方法，包括：
对指定页面资源进行渲染，得到第一渲染数据；
对除所述指定页面资源外的界面资源进行渲染，得到第二渲染数据；
根据所述第一渲染数据和所述第二渲染数据生成界面内容，将所述界面内容输出到目标界面上。


2.如权利要求1所述的方法，其中，所述指定页面资源是根据URL获取的本地资源和/或网络资源。


3.如权利要求1所述的方法，其中，所述指定页面资源包括如下的一种或多种：
HTML资源，CSS资源，JS资源。


4.如权利要求1所述的方法，其中，所述对指定的页面资源进行渲染，得到第一渲染数据包括：
基于内置浏览器组件对所述页面资源进行渲染，得到第一渲染数据。


5.如权利要求4所述的方法，其中，所述内置浏览器组件通过谷歌浏览器嵌入式框架CEF实现。


6.如权利要求4所述的方法，其中，所述基于内置浏览器组件对所述页面资源进行渲染，得到第一渲染数据包括：
通过所述内置浏览器组件的渲染引擎对所述页面资源进行渲染，通过所述渲染引擎的渲染函数输出位图格...

【专利技术属性】
技术研发人员：董晶阳，何孟东，
申请(专利权)人：北京奇虎科技有限公司，
类型：发明
国别省市：北京;11