CN115630241A - 页面显示方法、装置、电子设备及存储介质 - Google Patents
页面显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN115630241A CN115630241A CN202211242249.4A CN202211242249A CN115630241A CN 115630241 A CN115630241 A CN 115630241A CN 202211242249 A CN202211242249 A CN 202211242249A CN 115630241 A CN115630241 A CN 115630241A
- Authority
- CN
- China
- Prior art keywords
- page
- page area
- current
- graphic element
- area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Image Generation (AREA)
Abstract
本申请实施例提供一种页面显示方法、装置、电子设备及存储介质。具体的,从整个图结构页面中找出页面内容可视的可视页面区,以及包围可视页面区的缓存页面区。仅仅对整个图结构页面中的缓存页面区的图形元素执行渲染操作,极大地减轻了GPU的负载压力,节约了GPU资源,降低了电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。同时,对包围可视页面区的缓存页面区中的图形元素执行渲染操作,还能够保证图结构页面的显示可靠性,也能进一步提高图结构页面的显示效率和显示质量。特别的,在电子设备通过浏览器显示页面时,较好地解决图渲染在大数据量场景下容易出现浏览器卡顿、不流畅的问题。
Description
技术领域
本申请涉及图渲染技术领域,尤其涉及一种页面显示方法、装置、电子设备及存储介质。
背景技术
目前,图渲染在大数据量场景下容易出现浏览器卡顿、不流畅的问题。例如,数据开发者、数据管理者或数据使用者在日常数据开发中,经常利用全链路数据血缘图进行数据的影响分析、重要程度分析、上游溯源分析、全链路排查等。实际应用中,整个数据链路通常非常长,致使全链路数据血缘图包括大量的节点和相互连接的节点之间的边,甚至会达到万级别及以上的数据量。浏览器渲染这种大数据量的全链路数据血缘图容易出现卡顿、不流畅的问题。
发明内容
本申请的多个方面提供一种页面显示方法、装置、电子设备及存储介质,用以降低电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。
本申请实施例提供一种页面显示方法,包括:响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;根据多个第一图形元素的页面位置和当前缓存页面区的页面位置,从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素;针对至少一个第二图形元素执行图像渲染操作,以及基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素,第三图形元素是指落在当前可视页面区中的第二图形元素。
本申请实施例还提供一种页面显示方法,包括:响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的新增可视页面区;根据当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定当前缓存页面区相对于历史缓存页面区的新增缓存页面区;根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素;针对至少一个第四图形元素执行图像渲染操作,以及基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。
本申请实施例还提供一种页面显示装置,包括:第一确定模块,用于响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;第二确定模块,用于根据多个第一图形元素的页面位置和当前缓存页面区的页面位置,从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素;渲染显示模块,用于针对至少一个第二图形元素执行图像渲染操作,以及基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素,第三图形元素是指落在当前可视页面区中的第二图形元素。
本申请实施例还提供一种页面显示装置,包括:第一确定模块,用于响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的新增可视页面区;根据当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定当前缓存页面区相对于历史缓存页面区的新增缓存页面区;第二确定模块,用于根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素;渲染显示模块,用于针对至少一个第四图形元素执行图像渲染操作,以及基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。
本申请实施例还提供一种电子设备,包括:存储器和处理器;存储器,用于存储计算机程序;处理器耦合至存储器,用于执行计算机程序以用于执行页面显示方法中的步骤。
本申请实施例还提供一种存储有计算机程序的计算机可读存储介质,当计算机程序被处理器执行时,致使处理器能够实现页面显示方法中的步骤。
在本申请实施例中,从整个图结构页面中找出页面内容可视的可视页面区,以及包围可视页面区的缓存页面区。仅仅对整个图结构页面中的缓存页面区的图形元素执行渲染操作,极大地减轻了GPU的负载压力,节约了GPU资源,降低了电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。同时,对包围可视页面区的缓存页面区中的图形元素执行渲染操作,还能够保证图结构页面的显示可靠性,也能进一步提高图结构页面的显示效率和显示质量。特别的,在电子设备通过浏览器显示页面时,能够较好地解决图渲染在大数据量场景下容易出现浏览器卡顿、不流畅的问题。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的一种示例性的应用场景图;
图2为本申请实施例提供的一种页面显示方法的流程图;
图3为本申请实施例提供的另一种页面显示方法的流程图;
图4为本申请实施例提供的另一种页面显示方法的流程图;
图5为本申请实施例提供的一种页面显示装置的结构示意图;
图6为本申请实施例提供的另一种页面显示装置的结构示意图;
图7为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
在本申请的实施例中,“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的访问关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况,其中A,B可以是单数或者复数。在本申请的文字描述中,字符“/”一般表示前后关联对象是一种“或”的关系。此外,在本申请实施例中,“第一”、“第二”、“第三”、等只是为了区分不同对象的内容而已,并无其它特殊含义。
目前,图渲染在大数据量场景下容易出现浏览器卡顿、不流畅的问题。为此,本申请实施例提供一种页面显示方法、装置、电子设备及存储介质。在本申请实施例中,从整个图结构页面中找出页面内容可视的可视页面区,以及包围可视页面区的缓存页面区。仅仅对整个图结构页面中的缓存页面区的图形元素执行渲染操作,极大地减轻了GPU的负载压力,节约了GPU资源,降低了电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。同时,对包围可视页面区的缓存页面区中的图形元素执行渲染操作,还能够保证图结构页面的显示可靠性,也能进一步提高图结构页面的显示效率和显示质量。特别的,在电子设备通过浏览器显示页面时,能够较好地解决图渲染在大数据量场景下容易出现浏览器卡顿、不流畅的问题。
图1为本申请实施例提供的一种示例性的应用场景图。在该应用场景中,电子设备的显示屏幕显示有部分或全部的图结构页面。电子设备可以通过浏览器或者不通过浏览器在显示屏幕上显示部分或全部的图结构页面,对此不做限制。在电子设备通过浏览器在显示屏幕上显示部分或全部的图结构页面时,图结构页面位于浏览器视口(viewport)内的页面区域中的页面内容对用户可见。图结构页面不在浏览器视口(viewport)内的页面区域中的页面内容对用户不可见。
图结构页面是指承载有图结构(Graph)的页面。图结构是一种由若干个节点(Node)及连接两个节点的边(Edge)所构成的图形,用于刻画不同节点之间的关联关系。实际应用中,图结构例如包括但不限于:全链路数据血缘图、知识图谱和电路拓扑图等等。图结构页面中位于显示屏幕内的页面区域为可视页面区,可视页面区中的节点或边等图形元素是可见的。实际应用中,可以基于图结构页面的页面位置信息和显示屏幕的坐标信息确定页面位置落在显示屏幕中的可视页面区。关于页面在显示屏幕中可视页面区的确定方式可以参见相关技术。图结构页面中包围可视页面区域的页面区域为缓存页面区,需要对缓存页面区中的图形元素执行渲染操作,缓存页面区的尺寸大小根据实际应用需求设置,只要满足能够包围可视页面区即可。图结构页面中除缓存页面区之外的其他页面区域中的图形元素不执行渲染操作。可以理解的是,由于只需对部分的页面区域执行渲染操作,极大地减轻了GPU(graphics processing unit,图形处理器)的负载压力,节约了GPU资源,降低了电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。同时,对包围可视页面区的缓存页面区中的图形元素执行渲染操作,还能够保证图结构页面的显示可靠性,也能进一步提高图结构页面的显示效率和显示质量。
实际应用中,用户可以触发针对图结构页面的页面关闭操作、页面显示操作、页面滑动操作、页面缩小操作和页面放大操作等各种页面操作。在此,将页面滑动操作、页面缩小操作和页面放大操作等统称为页面调整操作,每当用户触发针对图结构页面的页面显示操作或页面调整操作时,重新确定图结构页面中最新的可视页面区和缓存页面区,也就是说,可视页面区和缓存页面区随着页面操作的更新而发生动态更新。另外,仅仅针对最新的缓存页面区中的图形元素执行渲染操作;落在可视页面区的渲染后的图形元素进行显示,也即处于可见状态;未落在可视页面区的渲染后的图形元素仍然不显示,也即仍然处于不可见状态。
以下结合附图,详细说明本申请各实施例提供的技术方案。
图2为本申请实施例提供的一种页面显示方法的流程图。该方法可以由页面显示装置执行,该装置由软件和/或硬件组成,并一般可以集成在电子设备中。参见图2,该方法可以包括以下步骤:
201、响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边。
202、根据多个第一图形元素的页面位置和当前缓存页面区的页面位置,从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素。
203、针对至少一个第二图形元素执行图像渲染操作,以及基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素,第三图形元素是指落在当前可视页面区中的第二图形元素。
在本实施例中,用户可以触发页面显示操作,以在电子设备的显示屏幕中显示图结构页面;用户也可以触发针对已显示的图结构页面的页面调整操作,以对图结构页面进行调整。页面调整操作例如包括但不限于:页面滑动操作、页面缩小操作和页面放大操作。或者,用户可以触发页面关闭操作,以关闭图结构页面,进而使得图结构页面在电子设备的显示屏幕中退出显示。在本实施例中,用户在触发页面显示操作或页面调整操作时,都会重新确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区。为了便于理解和区分,将图结构页面中的节点或相互连接的节点之间的边称作为第一图形元素,图结构页面中图结构包括多个第一图形元素。
在每次对图结构页面进行页面显示操作或页面调整操作时,需要从多个第一图形元素中找出落在当前缓存页面区的至少一个第二图形元素。为了便于理解和区分,第二图形元素是指落在当前缓存页面区的第一图形元素。具体而言,根据多个第一图形元素的页面位置和当前缓存页面区的页面位置,从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素。值得注意的是,若第一图形元素全部落在当前缓存页区中,则该第一图形元素被选中为第二图形元素。若第一图形元素局部落在当前缓存页区中,则该第一图形元素同样被选中为第二图形元素。参见图1,在图结构页面包括的节点1至节点9等多个节点以及两两节点之间的边中,全部落在缓存页面区中的图形元素包括节点2、节点5、节点6、节点7,以及连接节点2和节点5之间的边、连接节点4和节点5之间的边、连接节点5和节点6之间的边、连接节点5和节点7之间的边、连接节点6和节点8之间的边,这些全部落在缓存页面区中的图形元素均作为第二图形元素。同时,局部落在缓存页面区中的图形元素包括节点4、节点8、连接节点1和节点2之间的边、连接节点6和节点8之间的边、连接节点7和节点9之间的边,这些局部落在缓存页面区中的图形元素均作为第二图形元素。
在本实施例中,找出落在当前缓存页面区的至少一个第二图形元素后,调用GPU仅仅对落在当前缓存页面区的至少一个第二图形元素执行图像渲染任务,而不是对整个图结构页面中图形元素执行图像渲染任务,极大地减轻了GPU的渲染压力,节约了GPU资源。具体而言,预先保存整个图结构页面中各个图形元素的页面数据,页面数据例如包括但不限于:页面位置、图形形状信息和页面样式信息等等。整个图结构页面中各个图形元素的页面数据的存储位置不做限制,例如,存储位置为内存。在确定落在当前缓存页面区的至少一个第二图形元素后,从预先保存的各个图形元素的页面数据中,获取至少一个第二图形元素的页面数据,并对至少一个第二图形元素的页面数据执行图像渲染操作,得到至少一个第二图形元素的图像渲染结果。实际应用中,还可以缓存至少一个第二图形元素的图像渲染结果,以在图形显示阶段,基于缓存的至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个落在当前可视页面区中的第二图形元素,为了便于理解和区分,将落在当前可视页面区中的第二图形元素称作为第三图形元素。作为一种示例,在基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素时,可以根据至少一个第二图形元素的页面位置和当前可视页面区的页面位置,从至少一个第二图形元素中确定落在当前可视页面区中的至少一个第三图形元素;根据至少一个第三图形元素的图像渲染结果在当前可视页面区中显示至少一个第三图形元素。
值得注意的是,在图形显示阶段,当前可视页面区可以显示完整的第三图形元素,也即显示整个第二图形元素;也可以显示局部的第三图形元素,也即显示整个第三图形元素中的部分。参见图1,节点5、节点6、节点7、连接节点5和节点6的边、连接节点5和节点7的边等整个图形元素完全落在当前可视页面区,这些图形元素整体在可视页面区中可见。而连接节点6和节点8之间的边只有部分线段在可视页面区,在可视页面区的部分线段是可见的;部分线段在当前缓存页面区中除可视页面区之外的页面区域中,这些不在可视页面区的部分线段是不可见的。
实际应用中,随着每次页面显示操作或页面调整操作,当前缓存页面区发生更新,可以实时对当前缓存页面区中的图形元素进行渲染操作。进一步的,为了减少GPU的渲染压力,在得到当前缓存页面区的至少一个第二图形元素的图像渲染结果后,对至少一个第二图形元素的图像渲染结果进行备份处理,以便后续第二图形元素再次落入新的当前缓存页面区时,可以不用再次调用GPU重复渲染第二图形元素,获取备份的二图形元素的图像渲染结果进行显示,以进一步地节约GPU资源。
基于上述,进一步可选的,针对至少一个第二图形元素执行图像渲染操作之前,还可以判断是否存在备份的至少一个第二图形元素的图像渲染结果;若不存在,则执行针对至少一个第二图形元素执行图像渲染操作的步骤;若存在,则获取备份的至少一个第二图形元素的图像渲染结果,并执行基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素的步骤。
也就是说,在至少一个第二图形元素的图像渲染结果进行备份处理的情况下,无需调用GPU执行渲染任务,直接基于备份的至少一个第二图形元素的渲染数据在当前可视页面区中显示至少一个第三图形元素。当然,在至少一个第二图形元素的图像渲染结果未进行备份处理的情况下,则调用GPU执行渲染任务,实时渲染出至少一个第二图形元素的图像渲染结果,并基于实时渲染出的至少一个第二图形元素的图像渲染结果在当前可视页面区中显示至少一个第三图形元素。
本申请实施例提供的技术方案,从整个图结构页面中找出页面内容可视的可视页面区,以及包围可视页面区的缓存页面区。仅仅对整个图结构页面中的缓存页面区的图形元素执行渲染操作,极大地减轻了GPU的负载压力,节约了GPU资源,降低了电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。同时,对包围可视页面区的缓存页面区中的图形元素执行渲染操作,还能够保证图结构页面的显示可靠性,也能进一步提高图结构页面的显示效率和显示质量。
为了便于理解,将在当前页面操作触发之前的可视页面区称作为历史可视页面区。也就是说,历史可视页面区相对于当前可视页面区而言,是当前页面操作触发之前的可视页面区。同样的,将在当前页面操作触发之前的缓存页面区称作为历史缓存页面区。也就是说,历史缓存页面区相对于当前缓存页面区而言,是当前页面操作触发之前的缓存页面区。
实际应用中,随着每次页面显示或页面调整操作,当前可视页面区发生更新。当前可视页面区相对于历史可视页面区可能有相互重合的页面区域,相互重合的页面区域可以称作为不变页面区域;当前可视页面区相对于历史可视页面区也可能有新增页面区域,新增页面区域是存在于当前可视页面区,但未存在于历史可视页面区不存在的页面区域。考虑到不变页面区域中的图形元素的渲染数据在历史可视页面区显示时已经渲染得到,在当前可视页面区的图像渲染阶段,可以无需对不变页面区域中的图形元素进行渲染,仅仅对新增页面区域中的图形元素进行渲染,进而进一步减轻GPU的负载压力,节约了GPU资源。
为此,本申请实施例还提供一种页面显示方法。图3为本申请实施例提供的另一种页面显示方法的流程图。该方法可以由页面显示装置执行,该装置由软件和/或硬件组成,并一般可以集成在电子设备中。参见图3,该方法可以包括以下步骤:
301、响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边。
302、根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的新增可视页面区。
303、根据当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定当前缓存页面区相对于历史缓存页面区的新增缓存页面区。
304、根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素。
305、针对至少一个第四图形元素执行图像渲染操作,以及基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。
在本实施例中,用户可以触发页面显示操作,以在电子设备的显示屏幕中显示图结构页面;用户也可以触发针对已显示的图结构页面的页面调整操作,以对图结构页面进行调整。页面调整操作例如包括但不限于:页面滑动操作、页面缩小操作和页面放大操作。或者,用户可以触发页面关闭操作,以关闭图结构页面,进而使得图结构页面在电子设备的显示屏幕中退出显示。在本实施例中,用户在触发页面显示操作或页面调整操作时,都会重新确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区。为了便于理解和区分,将图结构页面中的节点或相互连接的节点之间的边称作为第一图形元素,图结构页面中图结构包括多个第一图形元素。
在本实施例中,除了确定图结构页面中的当前可视页面区和当前缓存页面区,还需确定当前可视页面区相对于历史可视页面区的新增可视页面区,以及当前缓存页面区相对于历史缓存页面区的新增缓存页面区。
在每次对图结构页面进行页面显示操作或页面调整操作时,需要从多个第一图形元素中找出落在新增缓存页面区的至少一个第四图形元素。为了便于理解和区分,第四图形元素是指落在新增缓存页面区的第一图形元素。具体而言,根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素。
在本实施例中,找出落在新增缓存页面区的至少一个第四图形元素后,调用GPU仅仅对落在新增缓存页面区的至少一个第四图形元素执行图像渲染任务,而不是对整个图结构页面中图形元素执行图像渲染任务,极大地减轻了GPU的渲染压力,节约了GPU资源。具体而言,预先保存整个图结构页面中各个图形元素的页面数据,页面数据例如包括但不限于:页面位置、图形形状信息和页面样式信息等等。整个图结构页面中各个图形元素的页面数据的存储位置不做限制,例如,存储位置为内存。在落在新增缓存页面区的至少一个第四图形元素后,从预先保存的各个图形元素的页面数据中,获取至少一个第四图形元素的页面数据,并对至少一个第四图形元素的页面数据执行图像渲染操作,得到至少一个第四图形元素的图像渲染结果。实际应用中,还可以缓存至少一个第四图形元素的图像渲染结果,以在图形显示阶段,基于缓存的至少一个第四图形元素的图像渲染结果,在当前可视页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。作为一种示例,在基于第四图形元素的图像渲染结果,在当前可视页面区中显示至少一个第五图形元素时,可以根据至少一个第四图形元素的页面位置和新增缓存页面区的页面位置,从至少一个第四图形元素中确定落在新增缓存页面区中的至少一个第五图形元素;根据至少一个第五图形元素的图像渲染结果在新增缓存页面区中显示至少一个第五图形元素。
实际应用中,随着每次页面显示操作或页面调整操作,当前缓存页面区发生更新,可以实时对当前缓存页面区中的图形元素进行渲染操作。进一步的,为了减少GPU的渲染压力,在得到当前缓存页面区的至少一个第四图形元素的图像渲染结果后,对至少一个第四图形元素的图像渲染结果进行备份处理,以便后续第四图形元素再次落入新增缓存页面区时,可以不用再次调用GPU重复渲染第四图形元素,获取备份的第二图形元素的图像渲染结果进行显示,以进一步地节约GPU资源。
基于上述,进一步可选的,针对至少一个第四图形元素执行图像渲染操作之前,还可以判断是否存在备份的至少一个第四图形元素的图像渲染结果;若不存在,则执行针对至少一个第四图形元素执行图像渲染操作的步骤;若存在,则获取备份的至少一个第四图形元素的渲染数据,并执行基于至少一个第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素的步骤。
也就是说,在至少一个第四图形元素的图像渲染结果进行备份处理的情况下,无需调用GPU执行渲染任务,直接基于备份的至少一个第四图形元素的渲染数据在当前可视页面区中显示至少一个第五图形元素。当然,在至少一个第四图形元素的图像渲染结果未进行备份处理的情况下,则调用GPU执行渲染任务,实时渲染出至少一个第四图形元素的图像渲染结果,并基于实时渲染出的至少一个第四图形元素的图像渲染结果在新增缓存页面区中显示至少一个第五图形元素。
实际应用中,当前可视页面区中包括除了相对于历史可视页面区的新增可视页面区,还可能包括不变可视页面区。不变可视页面区是当前可视页面区相对于历史可视页面区的未发生变化的页面区域,也即当前可视页面区和历史可视页面区相互重合的页面区域。针对当前可视页面区中的不变可视页面区,可以实时调用GPU对不变可视页面区的图形元素进行渲染,基于不变可视页面区的图形元素的图像渲染结果在当前可视页面区中的不变可视页面区显示相应的图形元素。进一步地,上述方法还包括:根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的未发生变化的不变可视页面区;根据备份处理的不变可视页面区中图形元素的图像渲染结果,在当前可视页面区的不变可视页面区中显示相应的图形元素。值得注意的是,在显示历史可视页面区时,对不变可视页面区中图形元素的图像渲染结果进行备份处理,以便历史可视页面区经过页面操作转变为当前可视页面区时,可以利用备份处理的不变可视页面区中图形元素的图像渲染结果在在当前可视页面区的不变可视页面区中显示相应的图形元素,无需再次调用GPU针对不变可视页面区的图形元素进行渲染,进一步减轻了GPU的渲染压力,节约了GPU资源。
本申请实施例提供的技术方案,从整个图结构页面中找出页面内容可视的新增可视页面区以及新增缓存页面区。仅仅对整个图结构页面中的新增缓存页面区的图形元素执行渲染操作,极大地减轻了GPU的负载压力,节约了GPU资源,降低了电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。同时,对包围新增可视页面区的新增缓存页面区中的图形元素执行渲染操作,还能够保证图结构页面的显示可靠性,也能进一步提高图结构页面的显示效率和显示质量。
本申请实施例还提供一种页面显示方法。图4为本申请实施例提供的另一种页面显示方法的流程图。该方法可以由页面显示装置执行,该装置由软件和/或硬件组成,并一般可以集成在电子设备中。参见图4,该方法可以包括以下步骤:
401、响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边。
402、根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的新增可视页面区。
403、确定新增可视页面区在当前可视页面区中的面积占比。
404、判断预设事件是否被触发。若预设事件被触发,则执行步骤405。若预设事件未被触发,则执行步骤407。
405、根据多个第一图形元素的页面位置和当前缓存页面区的页面位置,从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素。
406、针对至少一个第二图形元素执行图像渲染操作,以及基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素,第三图形元素是指落在当前可视页面区中的第二图形元素。
407、根据当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定当前缓存页面区相对于历史缓存页面区的新增缓存页面区。
408、根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素。
409、针对至少一个第四图形元素执行图像渲染操作,以及基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。
本实施例中的步骤401至402、步骤405至步骤409的具体实现方式可以参见前述实施例的相关步骤的具体实现方式,在此不再赘述。
具体而言,电子设备可以基于预设事件是否被触发,灵活选择不同的页面显示模式。在第一种页面显示模式下,电子设备调用GPU对当前缓存页面区中全部的图形元素进行渲染,并基于图像渲染结果在当前可视页面区显示相应的图形元素。在第二种页面显示模式下,电子设备调用GPU对新增缓存页面区中全部的图形元素进行渲染,并基于图像渲染结果在新增缓存页面区显示相应的图形元素。
实际应用中,预设事件根据实际应用需求灵活设置。预设事件例如包括但不限于:图形处理器的当前负载压力满足轻负载压力条件、当前页面操作为指定页面操作、新增可视页面区在当前可视页面区中的面积占比大于预设占比阈值。
其中,轻负载压力条件根据实际应用需求灵活设置,若图形处理器的当前负载压力满足轻负载压力条件,图形处理器可以高效地执行图像渲染任务,此时电子设备不容易发生卡顿或不流畅的情形。若图形处理器的当前负载压力不满足轻负载压力条件,图形处理器的图像渲染质量较差,此时电子设备容易发生卡顿或不流畅的情形。
指定页面操作根据实际应用需求灵活设置。指定页面操作例如可以是页面显示操作、页面放大操作、页面缩小操作和页面滑动操作中的一种或多种。
预设占比阈值根据实际应用需求灵活设置。若新增可视页面区在当前可视页面区中的面积占比大于预设占比阈值,说明基本上整个新增可视页面区的面积近似等于当前可视页面区,此时,适合使用第一种页面显示模式执行页面显示方法。若新增可视页面区在当前可视页面区中的面积占比小于或等于预设占比阈值,说明新增可视页面区的面积不是很大,此时,适合使用第二种页面显示模式执行页面显示方法。
进一步可选的,基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素,包括:根据至少一个第二图形元素的页面位置和当前可视页面区的页面位置,从至少一个第二图形元素中确定落在当前可视页面区中的至少一个第三图形元素;根据至少一个第三图形元素的图像渲染结果在当前可视页面区中显示至少一个第三图形元素。
进一步可选的,针对至少一个第二图形元素执行图像渲染操作之前,上述方法还包括:判断是否存在备份的至少一个第二图形元素的图像渲染结果;若不存在,则执行针对至少一个第二图形元素执行图像渲染操作的步骤;若存在,则获取备份的至少一个第二图形元素的图像渲染结果,并执行基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素的步骤。
进一步可选的,在针对至少一个第二图形元素执行图像渲染操作之后,上述方法还包括:对至少一个第二图形元素的图像渲染结果进行备份处理。
进一步可选的,上述方法还包括:根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的未发生变化的不变可视页面区;根据备份处理的不变可视页面区中图形元素的图像渲染结果,在当前可视页面区的不变可视页面区中显示相应的图形元素。
关于本实施例中与前述实施例中相同的步骤,可以参见前述实施例的相关描述,在此不再赘述。
本申请实施例提供的技术方案,电子设备可以基于预设事件是否被触发,灵活选择不同的页面显示模式。在第一种页面显示模式下,电子设备调用GPU对当前缓存页面区中全部的图形元素进行渲染,并基于图像渲染结果在当前可视页面区显示相应的图形元素。在第二种页面显示模式下,电子设备调用GPU对新增缓存页面区中全部的图形元素进行渲染,并基于图像渲染结果在新增缓存页面区显示相应的图形元素。无论哪种页面模式,都能够极大地减轻了GPU的负载压力,节约了GPU资源,降低了电子设备显示图结构页面时出现卡顿或不流畅情形的概率,提高了图结构页面的显示效率和显示质量。
图5为本申请实施例提供的一种页面显示装置的结构示意图。如图5所示,该装置可以包括:第一确定模块51、第二确定模块52以及渲染显示模块53。
第一确定模块51,用于响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;
第二确定模块52,用于根据多个第一图形元素的页面位置和当前缓存页面区的页面位置,从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素;
渲染显示模块53,用于针对至少一个第二图形元素执行图像渲染操作,以及基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素,所述第三图形元素是指落在当前可视页面区中的第二图形元素。
进一步可选的,渲染显示模块53基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素时,具体用于:根据至少一个第二图形元素的页面位置和当前可视页面区的页面位置,从至少一个第二图形元素中确定落在当前可视页面区中的至少一个第三图形元素;根据至少一个第三图形元素的图像渲染结果在当前可视页面区中显示至少一个第三图形元素。
进一步可选的,渲染显示模块53针对至少一个第二图形元素执行图像渲染操作之前,还用于:判断是否存在备份的至少一个第二图形元素的图像渲染结果;若不存在,则执行针对至少一个第二图形元素执行图像渲染操作的步骤;若存在,则获取备份的至少一个第二图形元素的图像渲染结果,并执行基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素的步骤。
进一步可选的,渲染显示模块53在针对至少一个第二图形元素执行图像渲染操作之后,还用于:对至少一个第二图形元素的图像渲染结果进行备份处理。
进一步可选的,第一确定模块51还用于:根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的新增可视页面区;确定新增可视页面区在当前可视页面区中的面积占比;判断预设事件是否被触发;预设事件包括以下至少一种:图形处理器的当前负载压力满足轻负载压力条件、当前页面操作为指定页面操作、新增可视页面区在当前可视页面区中的面积占比大于预设占比阈值;若预设事件被触发,则触发第二确定模块52执行从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素的步骤。
进一步可选的,第一确定模块51还用于:若预设事件未被触发,则根据当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定当前缓存页面区相对于历史缓存页面区的新增缓存页面区;
第二确定模块52还用于:根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素;
渲染显示模块53,还用于:针对至少一个第四图形元素执行图像渲染操作,以及基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。
进一步可选的,渲染显示模块53,还用于:根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的未发生变化的不变可视页面区;根据备份处理的不变可视页面区中图形元素的图像渲染结果,在当前可视页面区的不变可视页面区中显示相应的图形元素。
图5所示的页面显示装置可以执行图2或图4所示实施例所示的页面显示方法,其实现原理和技术效果不再赘述。对于上述实施例中的图5所示装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图6为本申请实施例提供的另一种页面显示装置的结构示意图。如图6所示,该装置可以包括:第一确定模块61、第二确定模块62以及渲染显示模块63。
第一确定模块61,用于响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的新增可视页面区;根据当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定当前缓存页面区相对于历史缓存页面区的新增缓存页面区;
第二确定模块62,用于根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素;
渲染显示模块63,用于针对至少一个第四图形元素执行图像渲染操作,以及基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。
进一步可选的,渲染显示模块63基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素时,具体用于:根据至少一个第四图形元素的页面位置和新增缓存页面区的页面位置,从至少一个第四图形元素中确定落在新增缓存页面区中的至少一个第五图形元素;根据至少一个第五图形元素的图像渲染结果在新增缓存页面区中显示至少一个第五图形元素。
进一步可选的,渲染显示模块63还用于:根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的未发生变化的不变可视页面区;根据备份处理的不变可视页面区中图形元素的图像渲染结果,在当前可视页面区的不变可视页面区中显示相应的图形元素。
图6所示的页面显示装置可以执行图3所示实施例所示的页面显示方法,其实现原理和技术效果不再赘述。对于上述实施例中的图6所示装置其中各个模块、单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
需要说明的是,上述实施例所提供方法的各步骤的执行主体均可以是同一设备,或者,该方法也由不同设备作为执行主体。比如,步骤201至步骤203的执行主体可以为设备A;又比如,步骤201和202的执行主体可以为设备A,步骤203的执行主体可以为设备B;等等。
另外,在上述实施例及附图中的描述的一些流程中,包含了按照特定顺序出现的多个操作,但是应该清楚了解,这些操作可以不按照其在本文中出现的顺序来执行或并行执行,操作的序号如201、202等,仅仅是用于区分开各个不同的操作,序号本身不代表任何的执行顺序。另外,这些流程可以包括更多或更少的操作,并且这些操作可以按顺序执行或并行执行。需要说明的是,本文中的“第一”、“第二”等描述,是用于区分不同的消息、设备、模块等,不代表先后顺序,也不限定“第一”和“第二”是不同的类型。
图7为本申请实施例提供的一种电子设备的结构示意图。如图7所示,该电子设备包括:存储器71和处理器72;
存储器71,用于存储计算机程序,并可被配置为存储其它各种数据以支持在计算平台上的操作。这些数据的示例包括用于在计算平台上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。
存储器71可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(Static Random-AccessMemory,SRAM),电可擦除可编程只读存储器(Electrically Erasable Programmable read only memory,EEPROM),可擦除可编程只读存储器(Erasable Programmable Read Only Memory,EPROM),可编程只读存储器(Programmable read-only memory,PROM),只读存储器(Read-Only Memory,ROM),磁存储器,快闪存储器,磁盘或光盘。
处理器72,与存储器71耦合,用于执行存储器71中的计算机程序,以用于:响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;根据多个第一图形元素的页面位置和当前缓存页面区的页面位置,从多个第一图形元素中确定落在当前缓存页面区的至少一个第二图形元素;针对至少一个第二图形元素执行图像渲染操作,以及基于至少一个第二图形元素的图像渲染结果,在当前可视页面区中显示至少一个第三图形元素,第三图形元素是指落在当前可视页面区中的第二图形元素。
或者,处理器72,与存储器71耦合,用于执行存储器71中的计算机程序,以用于:响应用于显示或调整图结构页面的当前页面操作,确定图结构页面中的当前可视页面区,以及确定包围当前可视页面区的当前缓存页面区,图结构页面是指承载图结构的页面,图结构页面中包括组成图结构的多个第一图形元素,第一图形元素为节点或相互连接的节点之间的边;根据当前可视页面区的页面位置和历史可视页面区的页面位置,确定当前可视页面区相对于历史可视页面区的新增可视页面区;根据当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定当前缓存页面区相对于历史缓存页面区的新增缓存页面区;根据多个第一图形元素的页面位置和新增缓存页面区的页面位置,从多个第一图形元素中确定落在新增缓存页面区的至少一个第四图形元素;针对至少一个第四图形元素执行图像渲染操作,以及基于第四图形元素的图像渲染结果,在新增缓存页面区中显示至少一个第五图形元素,第五图形元素是指落在新增缓存页面区中的第四图形元素。
进一步,如图7所示,该电子设备还包括:通信组件73、显示器74、电源组件75、音频组件76等其它组件。图7中仅示意性给出部分组件,并不意味着电子设备只包括图7所示组件。另外,图7中虚线框内的组件为可选组件,而非必选组件,具体可视电子设备的产品形态而定。本实施例的电子设备可以实现为台式电脑、笔记本电脑、智能手机或IOT(Internetof things,物联网)设备等终端设备,也可以是常规服务器、云服务器或服务器阵列等服务端设备。若本实施例的电子设备实现为台式电脑、笔记本电脑、智能手机等终端设备,可以包含图7中虚线框内的组件;若本实施例的电子设备实现为常规服务器、云服务器或服务器阵列等服务端设备,则可以不包含图7中虚线框内的组件。
关于处理器执行各动作的详细实施过程可参见前述方法实施例中的相关描述,在此不再赘述。
相应地,本申请实施例还提供一种存储有计算机程序的计算机可读存储介质,计算机程序被执行时能够实现上述方法实施例中可由电子设备执行的各步骤。
相应地,本申请实施例还提供一种计算机程序产品,包括计算机程序/指令,当计算机程序/指令被处理器执行时,致使处理器能够实现上述方法实施例中可由电子设备执行的各步骤。
上述通信组件被配置为便于通信组件所在设备和其他设备之间有线或无线方式的通信。通信组件所在设备可以接入基于通信标准的无线网络,如WiFi,2G、3G、4G/LTE、5G等移动通信网络,或它们的组合。在一个示例性实施例中,所述通信组件还包括近场通信(Near Field Communication,NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(Radio Frequency Identification,RFID)技术,红外数据协会(The Infrared DataAssociation,IrDA)技术,超宽带(Ultra Wide Band,UWB)技术,蓝牙(Bluetooth,BT)技术和其他技术来实现。
上述显示器包括屏幕,其屏幕可以包括液晶显示器(Liquid Crystal Display,LCD)和触摸面板(touch panel,TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与触摸或滑动操作相关的持续时间和压力。
上述电源组件,为电源组件所在设备的各种组件提供电力。电源组件可以包括电源管理***,一个或多个电源,及其他与为电源组件所在设备生成、管理和分配电力相关联的组件。
上述音频组件,可被配置为输出和/或输入音频信号。例如,音频组件包括一个麦克风(microphone,MIC),当音频组件所在设备处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器或经由通信组件发送。在一些实施例中,音频组件还包括一个扬声器,用于输出音频信号。
本领域内的技术人员应明白,本申请的实施例可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可读存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(central processingunit,CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RandomAccess Memory,RAM)和/或非易失性内存等形式,如只读存储器(Read Only Memory,ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变化内存(Phase Change RAM,PRAM)、静态随机存取存储器(Static Random-Access Memory,SRAM)、动态随机存取存储器(DynamicRandom Access Memory,DRAM)、其他类型的随机存取存储器(Random Access Memory,RAM)、只读存储器(Read Only Memory,ROM)、电可擦除可编程只读存储器(Electrically-Erasable Programmable Read-Only Memory,EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(Digital versatile disc,DVD)或其他光学存储、磁盒式磁带,磁带磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
以上仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (14)
1.一种页面显示方法,其特征在于,包括:
响应用于显示或调整图结构页面的当前页面操作,确定所述图结构页面中的当前可视页面区,以及确定包围所述当前可视页面区的当前缓存页面区,所述图结构页面是指承载图结构的页面,所述图结构页面中包括组成所述图结构的多个第一图形元素,所述第一图形元素为节点或相互连接的节点之间的边;
根据所述多个第一图形元素的页面位置和所述当前缓存页面区的页面位置,从所述多个第一图形元素中确定落在所述当前缓存页面区的至少一个第二图形元素;
针对所述至少一个第二图形元素执行图像渲染操作,以及基于所述至少一个第二图形元素的图像渲染结果,在所述当前可视页面区中显示至少一个第三图形元素,所述第三图形元素是指落在所述当前可视页面区中的第二图形元素。
2.根据权利要求1所述的方法,其特征在于,基于所述至少一个第二图形元素的图像渲染结果,在所述当前可视页面区中显示至少一个第三图形元素,包括:
根据所述至少一个第二图形元素的页面位置和所述当前可视页面区的页面位置,从所述至少一个第二图形元素中确定落在所述当前可视页面区中的至少一个第三图形元素;
根据至少一个第三图形元素的图像渲染结果在所述当前可视页面区中显示至少一个第三图形元素。
3.根据权利要求1所述的方法,其特征在于,针对至少一个第二图形元素执行图像渲染操作之前,还包括:
判断是否存在备份的所述至少一个第二图形元素的图像渲染结果;
若不存在,则执行针对至少一个第二图形元素执行图像渲染操作的步骤;
若存在,则获取备份的所述至少一个第二图形元素的图像渲染结果,并执行基于所述至少一个第二图形元素的图像渲染结果,在所述当前可视页面区中显示至少一个第三图形元素的步骤。
4.根据权利要求3所述的方法,其特征在于,在针对至少一个第二图形元素执行图像渲染操作之后,还包括:
对所述至少一个第二图形元素的图像渲染结果进行备份处理。
5.根据权利要求1所述的方法,其特征在于,在从所述多个第一图形元素中确定落在所述当前缓存页面区的至少一个第二图形元素之前,还包括:
根据所述当前可视页面区的页面位置和历史可视页面区的页面位置,确定所述当前可视页面区相对于历史可视页面区的新增可视页面区;
确定所述新增可视页面区在所述当前可视页面区中的面积占比;
判断预设事件是否被触发;所述预设事件包括以下至少一种:图形处理器的当前负载压力满足轻负载压力条件、当前页面操作为指定页面操作、所述新增可视页面区在所述当前可视页面区中的面积占比大于预设占比阈值;
若所述预设事件被触发,则执行从所述多个第一图形元素中确定落在所述当前缓存页面区的至少一个第二图形元素的步骤及其后续步骤。
6.根据权利要求5所述的方法,其特征在于,还包括:
若所述预设事件未被触发,则根据所述当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定所述当前缓存页面区相对于历史缓存页面区的新增缓存页面区;
根据所述多个第一图形元素的页面位置和所述新增缓存页面区的页面位置,从所述多个第一图形元素中确定落在所述新增缓存页面区的至少一个第四图形元素;
针对至少一个第四图形元素执行图像渲染操作,以及基于所述第四图形元素的图像渲染结果,在所述新增缓存页面区中显示至少一个第五图形元素,所述第五图形元素是指落在所述新增缓存页面区中的第四图形元素。
7.根据权利要求6所述的方法,其特征在于,还包括:
根据所述当前可视页面区的页面位置和所述历史可视页面区的页面位置,确定所述当前可视页面区相对于历史可视页面区的未发生变化的不变可视页面区;
根据备份处理的不变可视页面区中图形元素的图像渲染结果,在所述当前可视页面区的不变可视页面区中显示相应的图形元素。
8.一种页面显示方法,其特征在于,包括:
响应用于显示或调整图结构页面的当前页面操作,确定所述图结构页面中的当前可视页面区,以及确定包围所述当前可视页面区的当前缓存页面区,所述图结构页面是指承载图结构的页面,所述图结构页面中包括组成所述图结构的多个第一图形元素,所述第一图形元素为节点或相互连接的节点之间的边;
根据所述当前可视页面区的页面位置和历史可视页面区的页面位置,确定所述当前可视页面区相对于历史可视页面区的新增可视页面区;
根据所述当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定所述当前缓存页面区相对于历史缓存页面区的新增缓存页面区;
根据所述多个第一图形元素的页面位置和所述新增缓存页面区的页面位置,从所述多个第一图形元素中确定落在所述新增缓存页面区的至少一个第四图形元素;
针对至少一个第四图形元素执行图像渲染操作,以及基于所述第四图形元素的图像渲染结果,在所述新增缓存页面区中显示至少一个第五图形元素,所述第五图形元素是指落在所述新增缓存页面区中的第四图形元素。
9.根据权利要求8所述的方法,其特征在于,基于所述第四图形元素的图像渲染结果,在所述新增缓存页面区中显示至少一个第五图形元素,包括:
根据至少一个第四图形元素的页面位置和所述新增缓存页面区的页面位置,从所述至少一个第四图形元素中确定落在所述新增缓存页面区中的至少一个第五图形元素;
根据至少一个第五图形元素的图像渲染结果在所述新增缓存页面区中显示至少一个第五图形元素。
10.根据权利要求8所述的方法,其特征在于,还包括:
根据所述当前可视页面区的页面位置和所述历史可视页面区的页面位置,确定所述当前可视页面区相对于所述历史可视页面区的未发生变化的不变可视页面区;
根据备份处理的不变可视页面区中图形元素的图像渲染结果,在所述当前可视页面区的不变可视页面区中显示相应的图形元素。
11.一种页面显示装置,其特征在于,包括:
第一确定模块,用于响应用于显示或调整图结构页面的当前页面操作,确定所述图结构页面中的当前可视页面区,以及确定包围所述当前可视页面区的当前缓存页面区,所述图结构页面是指承载图结构的页面,所述图结构页面中包括组成所述图结构的多个第一图形元素,所述第一图形元素为节点或相互连接的节点之间的边;
第二确定模块,用于根据所述多个第一图形元素的页面位置和所述当前缓存页面区的页面位置,从所述多个第一图形元素中确定落在所述当前缓存页面区的至少一个第二图形元素;
渲染显示模块,用于针对所述至少一个第二图形元素执行图像渲染操作,以及基于所述至少一个第二图形元素的图像渲染结果,在所述当前可视页面区中显示至少一个第三图形元素,所述第三图形元素是指落在所述当前可视页面区中的第二图形元素。
12.一种页面显示装置,其特征在于,包括:
第一确定模块,用于响应用于显示或调整图结构页面的当前页面操作,确定所述图结构页面中的当前可视页面区,以及确定包围所述当前可视页面区的当前缓存页面区,所述图结构页面是指承载图结构的页面,所述图结构页面中包括组成所述图结构的多个第一图形元素,所述第一图形元素为节点或相互连接的节点之间的边;根据所述当前可视页面区的页面位置和历史可视页面区的页面位置,确定所述当前可视页面区相对于历史可视页面区的新增可视页面区;根据所述当前缓存页面区的页面位置和历史缓存页面区的页面位置,确定所述当前缓存页面区相对于历史缓存页面区的新增缓存页面区;
第二确定模块,用于根据所述多个第一图形元素的页面位置和所述新增缓存页面区的页面位置,从所述多个第一图形元素中确定落在所述新增缓存页面区的至少一个第四图形元素;
渲染显示模块,用于针对至少一个第四图形元素执行图像渲染操作,以及基于所述第四图形元素的图像渲染结果,在所述新增缓存页面区中显示至少一个第五图形元素,所述第五图形元素是指落在所述新增缓存页面区中的第四图形元素。
13.一种电子设备,其特征在于,包括:存储器和处理器;所述存储器,用于存储计算机程序;所述处理器耦合至所述存储器,用于执行所述计算机程序以用于执行权利要求1-10任一项所述方法中的步骤。
14.一种存储有计算机程序的计算机可读存储介质,其特征在于,当所述计算机程序被处理器执行时,致使所述处理器能够实现权利要求1-10任一项所述方法中的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211242249.4A CN115630241A (zh) | 2022-10-11 | 2022-10-11 | 页面显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211242249.4A CN115630241A (zh) | 2022-10-11 | 2022-10-11 | 页面显示方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115630241A true CN115630241A (zh) | 2023-01-20 |
Family
ID=84904568
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211242249.4A Pending CN115630241A (zh) | 2022-10-11 | 2022-10-11 | 页面显示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115630241A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117075786A (zh) * | 2023-07-12 | 2023-11-17 | 荣耀终端有限公司 | 一种页面显示方法及电子设备 |
-
2022
- 2022-10-11 CN CN202211242249.4A patent/CN115630241A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117075786A (zh) * | 2023-07-12 | 2023-11-17 | 荣耀终端有限公司 | 一种页面显示方法及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11868586B2 (en) | Floating window user interface display method and apparatus, device, and storage medium | |
US10108323B2 (en) | Method and device for drawing a graphical user interface | |
WO2020038163A1 (zh) | 图标的显示方法、装置、终端及存储介质 | |
KR20130094054A (ko) | 휴대용 전자 장치에서 객체를 관리하기 위한 장치 및 방법 | |
CN107688430B (zh) | 更换壁纸的方法、装置、终端及存储介质 | |
CN109656445B (zh) | 内容处理方法、装置、终端及存储介质 | |
US11314391B2 (en) | Navigation bar controlling method and terminal | |
US20220058772A1 (en) | Image Processing Method and Device | |
CN106547547B (zh) | 数据采集方法及装置 | |
JP6975339B2 (ja) | デジタルコンポーネントのバックドロップレンダリング | |
CN111310482A (zh) | 实时翻译方法、装置、终端及存储介质 | |
CN111667199A (zh) | 工作流构建方法、装置、计算机设备和存储介质 | |
US10951486B2 (en) | Terminal device, UI expansion method, and UI expansion program | |
CN111399625A (zh) | 刷新频率的切换方法及装置、可读介质、通信终端 | |
CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
CN113505302A (zh) | 支持动态获取埋点数据的方法、装置、***及电子设备 | |
CN114385164A (zh) | 页面生成与渲染方法、装置、电子设备及存储介质 | |
CN110825286A (zh) | 图像处理方法、装置和电子设备 | |
CN113835571A (zh) | 一种终端设备、信息展示方法和存储介质 | |
CN115630241A (zh) | 页面显示方法、装置、电子设备及存储介质 | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
CN113419649A (zh) | 用于操作电子装置的方法及其装置 | |
CN116595281A (zh) | 一种页面渲染方法、装置、设备以及存储介质 | |
CN115311051A (zh) | 用于房屋带看的页面展示方法、设备及存储介质 | |
CN114489910A (zh) | 一种视频会议数据显示方法、装置、设备及介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |