CN112698904A - 一种界面渲染方法、系统、设备及计算机可读存储介质 - Google Patents
一种界面渲染方法、系统、设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN112698904A CN112698904A CN202110003954.8A CN202110003954A CN112698904A CN 112698904 A CN112698904 A CN 112698904A CN 202110003954 A CN202110003954 A CN 202110003954A CN 112698904 A CN112698904 A CN 112698904A
- Authority
- CN
- China
- Prior art keywords
- target
- interface
- rendering
- pixel point
- control
- 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
- 238000009877 rendering Methods 0.000 title claims abstract description 145
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000004590 computer program Methods 0.000 claims description 41
- 230000008859 change Effects 0.000 claims description 39
- 238000002156 mixing Methods 0.000 claims description 8
- 230000005540 biological transmission Effects 0.000 claims description 3
- 230000000875 corresponding effect Effects 0.000 description 35
- 230000008569 process Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Image Generation (AREA)
Abstract
本申请公开了一种界面渲染方法、系统、设备及计算机可读存储介质，确定目标界面中待渲染的目标脏区域；确定目标脏区域与目标界面中控件间的重叠区域；对重叠区域对应的目标控件进行渲染，得到渲染结果；传输渲染结果至目标界面进行绘制。本申请中，可以确定目标脏区域，确定目标脏区域与控件间的重叠区域，并对重叠区域对应的目标控件进行渲染，实现了以区域为单位来对控件进行渲染，进而对界面进行渲染，与以渲染点为单位确定控件并进行渲染的现有技术相比，提高了确定控件的效率，进而提高了界面的渲染效率。本申请实施例提供的一种界面渲染系统、设备及计算机可读存储介质也解决了相应技术问题。
Description
技术领域
本申请涉及数据处理技术领域，更具体地说，涉及一种界面渲染方法、系统、设备及计算机可读存储介质。
背景技术
当前，在计算机、手机等应用过程中，可以通过控件来对数据和方法进行封装，控件可以有自己的属性和方法，其中属性是控件数据的简单访问者，方法则是控件的一些简单而可见的功能，因此，当需要对计算机、手机等的界面进行渲染时，便需要对控件进行渲染。
现有的一种界面渲染方法是：通过界面的屏幕坐标找到控件，具体的，通过控件的根节点向下遍历，判断渲染点是否在控件的矩形区域内，从而定位到控件，之后再对控件进行渲染。然而，在此过程中，需要对大量的控件进行遍历，并比较点和矩形间的关系，耗时较久，效率较低。
综上所述，如何提高界面渲染的效率是目前本领域技术人员亟待解决的问题。
发明内容
本申请的目的是提供一种界面渲染方法，其能在一定程度上解决如何提高界面渲染的效率的技术问题。本申请还提供了一种界面渲染系统、设备及计算机可读存储介质。
为了实现上述目的，本申请提供如下技术方案：
一种界面渲染方法，包括：
确定目标界面中待渲染的目标脏区域；
确定所述目标脏区域与所述目标界面中控件间的重叠区域；
对所述重叠区域对应的目标控件进行渲染，得到渲染结果；
传输所述渲染结果至所述目标界面进行绘制。
优选的，所述确定目标界面中待渲染的目标脏区域，包括：
根据所述目标界面的像素点信息创建像素点表；
获取所述目标界面的变化信息，所述变化信息的类型包括按钮状态改变、拖动滑块、文字输入；
基于所述变化信息，在所述像素点表中确定所述目标脏区域。
优选的，所述根据所述目标界面的像素点信息创建像素点表，包括：
创建宽度等于所述目标界面的屏幕宽度、高度等于所述目标界面的屏幕高度的所述像素点表。
优选的，所述基于所述变化信息，在所述像素点表中确定所述目标脏区域，包括：
基于所述变化信息，在所述像素点表中确定初始脏区域；
对所述初始脏区域进行处理，得到互不重叠的所述目标脏区域。
优选的，所述对所述重叠区域对应的目标控件进行渲染，得到渲染结果，包括：
确定所述目标控件在所述目标界面的画布上的层级关系；
基于所述层级关系，按照先上层后下层的顺序，对所述目标控件进行渲染，得到所述渲染结果。
优选的，所述基于所述层级关系，按照先上层后下层的顺序，对所述目标控件进行渲染，得到所述渲染结果，包括：
基于所述层级关系，按照先上层后下层的顺序，通过Alpha混合公式，基于各层所述目标控件的透明度及原始色值，计算所述目标控件在所述像素点表中对应的目标像素点的目标色值；
将所述目标色值存储至所述目标像素点的像素信息中；
将携带所述像素信息的所述像素点表作为所述渲染结果。
优选的，所述将所述目标色值存储至所述目标像素点的像素信息中之后，还包括：
确定所述目标像素点对应的可见的层级最高的所述目标控件的控件指针；
将所述控件指针存储至所述目标像素点的所述像素信息中，以基于所述控件指针及所述目标像素点的位置定位所述目标控件。
一种界面渲染系统，包括：
第一确定模块，用于确定目标界面中待渲染的目标脏区域；
第二确定模块，用于确定所述目标脏区域与所述目标界面中控件间的重叠区域；
第一渲染模块，用于对所述重叠区域对应的目标控件进行渲染，得到渲染结果；
第一传输模块，用于传输所述渲染结果至所述目标界面进行绘制。
一种界面渲染设备，包括：
存储器，用于存储计算机程序；
处理器，用于执行所述计算机程序时实现如上任一所述界面渲染方法的步骤。
一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，所述计算机程序被处理器执行时实现如上任一所述界面渲染方法的步骤。
本申请提供的一种界面渲染方法，确定目标界面中待渲染的目标脏区域；确定目标脏区域与目标界面中控件间的重叠区域；对重叠区域对应的目标控件进行渲染，得到渲染结果；传输渲染结果至目标界面进行绘制。本申请中，可以确定目标脏区域，确定目标脏区域与控件间的重叠区域，并对重叠区域对应的目标控件进行渲染，实现了以区域为单位来对控件进行渲染，进而对界面进行渲染，与以渲染点为单位确定控件并进行渲染的现有技术相比，提高了确定控件的效率，进而提高了界面的渲染效率。本申请实施例提供的一种界面渲染系统、设备及计算机可读存储介质也解决了相应技术问题。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。
图1为本申请实施例提供的一种界面渲染方法的流程图；
图2为本申请实施例提供的一种界面渲染系统的结构示意图；
图3为本申请实施例提供的一种界面渲染设备的结构示意图；
图4为本申请实施例提供的一种界面渲染设备的另一结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
请参阅图1，图1为本申请实施例提供的一种界面渲染方法的流程图。
本申请实施例提供的一种界面渲染方法，可以包括以下步骤：
步骤S101：确定目标界面中待渲染的目标脏区域。
实际应用中，可以先确定目标界面中待渲染的目标脏区域，脏区域也即目标界面中需要进行渲染的区域，目标脏区域的位置及大小可以根据实际需要确定。
应当指出，目标脏区域的形状可以为矩形等规则图形，本申请在此不做具体限定。
步骤S102：确定目标脏区域与目标界面中控件间的重叠区域。
实际应用中，在对界面进行渲染的过程中，需要对界面上的相应控件进行渲染，而目标脏区域为目标界面中待渲染的区域，所以目标脏区域与目标界面中控件间的重叠区域便为真正需要渲染的区域，所以为了保证界面渲染的准确性，在确定目标界面中待渲染的目标脏区域之后，可以确定目标脏区域与目标界面中控件间的重叠区域，以便后续根据重叠区域进行界面渲染。
步骤S103：对重叠区域对应的目标控件进行渲染，得到渲染结果。
实际应用中，在确定重叠区域之后，便可以对重叠区域对应的目标控件进行渲染，以得到渲染结果。应当指出，重叠区域对应的目标控件指的是与重叠区域的位置相吻合的目标控件，在此过程中，目标控件可能包含某几个控件的全部，或者只包含目标控件的部分等，其可以根据实际需要确定，也即只需对控件中需要渲染的部分进行渲染即可；渲染结果的类型也可以根据实际需要确定。
步骤S104：传输渲染结果至目标界面进行绘制。
实际应用中，在对重叠区域对应的目标控件进行渲染，得到渲染结果之后，便可以传输渲染结果至目标界面进行绘制，以落实渲染结果，完成对目标界面的渲染。
本申请提供的一种界面渲染方法，确定目标界面中待渲染的目标脏区域；确定目标脏区域与目标界面中控件间的重叠区域；对重叠区域对应的目标控件进行渲染，得到渲染结果；传输渲染结果至目标界面进行绘制。本申请中，可以确定目标脏区域，确定目标脏区域与控件间的重叠区域，并对重叠区域对应的目标控件进行渲染，实现了以区域为单位来对控件进行渲染，进而对界面进行渲染，与以渲染点为单位确定控件并进行渲染的现有技术相比，提高了确定控件的效率，进而提高了界面的渲染效率。
本申请实施例提供的一种界面渲染方法中，为了便于确定目标脏区域及便于后续确定重叠区域，在确定目标界面中待渲染的目标脏区域的过程中，可以根据目标界面的像素点信息创建像素点表；获取目标界面的变化信息，变化信息的类型包括按钮状态改变、拖动滑块、文字输入；基于变化信息，在像素点表中确定目标脏区域。
也即可以先根据目标界面的像素点信息创建像素点表，以得到和目标界面的像素点信息相匹配的像素点表，具体应用场景中，在根据目标界面的像素点信息创建像素点表的过程中，可以创建宽度等于目标界面的屏幕宽度、高度等于目标界面的屏幕高度的像素点表，以得到像素点数量与目标界面的像素点数量相同的像素点表；之后获取目标界面的变化信息，变化信息可以为因为按钮状态改变、拖动滑块、文字输入等操作所引起的界面变化信息，当目标界面上出现变化信息后，便意味着需要对目标界面进行渲染，而渲染的位置与目标界面的变化信息相对应，所以后续需要基于变化信息，在像素点表中确定目标脏区域，在此过程中，因为像素点表的宽度等于目标界面的屏幕宽度，像素点表的高度等于目标界面的屏幕高度，所以在像素点表中确定的目标脏区域与目标界面上真正需要渲染的区域相吻合，也即本申请提供的界面渲染方法具有较好的渲染准确性。
本申请实施例提供的一种界面渲染方法中，在基于变化信息，在像素点表中确定目标脏区域的过程中，为了避免目标脏区域重叠，避免后续对重叠的目标脏区域多次进行后续操作，可以基于变化信息，在像素点表中确定初始脏区域；对初始脏区域进行处理，得到互不重叠的目标脏区域。这样每个目标脏区域只需执行一次后续的确定目标脏区域与目标界面中控件间的重叠区域等步骤，提高界面渲染方法的效率。
具体应用场景中，可以通过表来确定目标脏区域，比如可以先创建一张和目标界面的画布等大小的“脏区域标识表”，在进行目标脏区域计算时，先清空该表(比如全部置为-2)，然后根据输入的初始脏区域在对应位置上做标识(比如记为-1)，然后进行两次遍历，第一次遍历从图表的右下角开始，先往左遍历，到头之后从上一行的最后开始向左遍历，这一次遍历标记出每一行中的线段，第二次遍历从左上角开始，先往右遍历，到头之后从下一行的开始处向右遍历，这一次遍历得到所有的矩形区域，也即得到所有的目标脏区域。
本申请实施例提供的一种界面渲染方法中，因为目标界面的画布有多层，控件在每层画布上有相应的信息，所以在对重叠区域对应的目标控件进行渲染，得到渲染结果的过程中，需要确定目标控件在目标界面的画布上的层级关系；基于层级关系，按照先上层后下层的顺序，对目标控件进行渲染，得到渲染结果。
具体应用场景中，在基于层级关系，按照先上层后下层的顺序，对目标控件进行渲染，得到渲染结果的过程中，可以基于层级关系，按照先上层后下层的顺序，通过Alpha混合公式，基于各层目标控件的透明度及原始色值，计算目标控件在像素点表中对应的目标像素点的目标色值；将目标色值存储至目标像素点的像素信息中；将携带像素信息的像素点表作为渲染结果。原始色值也即渲染操作前，控件在目标界面上的色值，因为将携带像素信息的像素点表作为渲染结果，所以后续传输渲染结果至目标界面进行绘制后，目标界面需在渲染结果中读取目标像素点的相应目标色值，并将自身与目标像素点对应的像素点的色值调整为目标色值，以完成自身的渲染。
应当指出，Alpha混合公式的相关描述可以参阅现有技术，比如Alpha混合公式如下：
R(C)＝(1-alpha)*R(B)+alpha*R(A)；
G(C)＝(1-alpha)*G(B)+alpha*G(A)；
B(C)＝(1-alpha)*B(B)+alpha*B(A)；
其中，R(x)、G(x)、B(x)分别指颜色x的RGB分量原色值，A、B分别为不同层的控件，C为A和B组合后呈现的控件样式，alpha表示相应透明度，
本申请实施例提供的一种界面渲染方法中，可能需要对目标控件进行定位，所以在将目标色值存储至目标像素点的像素信息中之后，还可以确定目标像素点对应的可见的层级最高的目标控件的控件指针；将控件指针存储至目标像素点的像素信息中，这样后续便可以基于控件指针及目标像素点的位置定位目标控件。
请参阅图2，图2为本申请实施例提供的一种界面渲染系统的结构示意图。
本申请实施例提供的一种界面渲染系统，可以包括：
第一确定模块101，用于确定目标界面中待渲染的目标脏区域；
第二确定模块102，用于确定目标脏区域与目标界面中控件间的重叠区域；
第一渲染模块103，用于对重叠区域对应的目标控件进行渲染，得到渲染结果；
第一传输模块104，用于传输渲染结果至目标界面进行绘制。
本申请实施例提供的一种界面渲染系统，第一确定模块可以包括：
第一创建子模块，用于根据目标界面的像素点信息创建像素点表；
第一获取子模块，用于获取目标界面的变化信息，变化信息的类型包括按钮状态改变、拖动滑块、文字输入；
第一确定子模块，用于基于变化信息，在像素点表中确定目标脏区域。
本申请实施例提供的一种界面渲染系统，第一创建子模块可以包括：
第一创建单元，用于创建宽度等于目标界面的屏幕宽度、高度等于目标界面的屏幕高度的像素点表。
本申请实施例提供的一种界面渲染系统，第一确定子模块可以包括：
第一确定单元，用于基于变化信息，在像素点表中确定初始脏区域；
第一处理单元，用于对初始脏区域进行处理，得到互不重叠的目标脏区域。
本申请实施例提供的一种界面渲染系统，第一渲染模块可以包括：
第二确定子模块，用于确定目标控件在目标界面的画布上的层级关系；
第一渲染子模块，用于基于层级关系，按照先上层后下层的顺序，对目标控件进行渲染，得到渲染结果。
本申请实施例提供的一种界面渲染系统，第一渲染子模块可以包括：
第一计算单元，用于基于层级关系，按照先上层后下层的顺序，通过Alpha混合公式，基于各层目标控件的透明度及原始色值，计算目标控件在像素点表中对应的目标像素点的目标色值；
第一存储单元，用于将目标色值存储至目标像素点的像素信息中；
第一设置单元，用于将携带像素信息的像素点表作为渲染结果。
本申请实施例提供的一种界面渲染系统，还可以包括：
第二确定单元，用于第一存储单元将目标色值存储至目标像素点的像素信息中之后，确定目标像素点对应的可见的层级最高的目标控件的控件指针；
第二存储单元，用于将控件指针存储至目标像素点的像素信息中，以基于控件指针及目标像素点的位置定位目标控件。
本申请还提供了一种界面渲染设备及计算机可读存储介质，其均具有本申请实施例提供的一种界面渲染方法具有的对应效果。请参阅图3，图3为本申请实施例提供的一种界面渲染设备的结构示意图。
本申请实施例提供的一种界面渲染设备，包括存储器201和处理器202，存储器201中存储有计算机程序，处理器202执行计算机程序时实现如下步骤：
确定目标界面中待渲染的目标脏区域；
确定目标脏区域与目标界面中控件间的重叠区域；
对重叠区域对应的目标控件进行渲染，得到渲染结果；
传输渲染结果至目标界面进行绘制。
本申请实施例提供的一种界面渲染设备，包括存储器201和处理器202，存储器201中存储有计算机程序，处理器202执行计算机程序时实现如下步骤：根据目标界面的像素点信息创建像素点表；获取目标界面的变化信息，变化信息的类型包括按钮状态改变、拖动滑块、文字输入；基于变化信息，在像素点表中确定目标脏区域。
本申请实施例提供的一种界面渲染设备，包括存储器201和处理器202，存储器201中存储有计算机程序，处理器202执行计算机程序时实现如下步骤：创建宽度等于目标界面的屏幕宽度、高度等于目标界面的屏幕高度的像素点表。
本申请实施例提供的一种界面渲染设备，包括存储器201和处理器202，存储器201中存储有计算机程序，处理器202执行计算机程序时实现如下步骤：基于变化信息，在像素点表中确定初始脏区域；对初始脏区域进行处理，得到互不重叠的目标脏区域。
本申请实施例提供的一种界面渲染设备，包括存储器201和处理器202，存储器201中存储有计算机程序，处理器202执行计算机程序时实现如下步骤：确定目标控件在目标界面的画布上的层级关系；基于层级关系，按照先上层后下层的顺序，对目标控件进行渲染，得到渲染结果。
本申请实施例提供的一种界面渲染设备，包括存储器201和处理器202，存储器201中存储有计算机程序，处理器202执行计算机程序时实现如下步骤：基于层级关系，按照先上层后下层的顺序，通过Alpha混合公式，基于各层目标控件的透明度及原始色值，计算目标控件在像素点表中对应的目标像素点的目标色值；将目标色值存储至目标像素点的像素信息中；将携带像素信息的像素点表作为渲染结果。
本申请实施例提供的一种界面渲染设备，包括存储器201和处理器202，存储器201中存储有计算机程序，处理器202执行计算机程序时实现如下步骤：将目标色值存储至目标像素点的像素信息中之后，确定目标像素点对应的可见的层级最高的目标控件的控件指针；将控件指针存储至目标像素点的像素信息中，以基于控件指针及目标像素点的位置定位目标控件。
请参阅图4，本申请实施例提供的另一种界面渲染设备中还可以包括：与处理器202连接的输入端口203，用于传输外界输入的命令至处理器202；与处理器202连接的显示单元204，用于显示处理器202的处理结果至外界；与处理器202连接的通信模块205，用于实现界面渲染设备与外界的通信。显示单元204可以为显示面板、激光扫描使显示器等；通信模块205所采用的通信方式包括但不局限于移动高清链接技术(HML)、通用串行总线(USB)、高清多媒体接口(HDMI)、无线连接：无线保真技术(WiFi)、蓝牙通信技术、低功耗蓝牙通信技术、基于IEEE802.11s的通信技术。
本申请实施例提供的一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，计算机程序被处理器执行时实现如下步骤：
确定目标界面中待渲染的目标脏区域；
确定目标脏区域与目标界面中控件间的重叠区域；
对重叠区域对应的目标控件进行渲染，得到渲染结果；
传输渲染结果至目标界面进行绘制。
本申请实施例提供的一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，计算机程序被处理器执行时实现如下步骤：根据目标界面的像素点信息创建像素点表；获取目标界面的变化信息，变化信息的类型包括按钮状态改变、拖动滑块、文字输入；基于变化信息，在像素点表中确定目标脏区域。
本申请实施例提供的一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，计算机程序被处理器执行时实现如下步骤：创建宽度等于目标界面的屏幕宽度、高度等于目标界面的屏幕高度的像素点表。
本申请实施例提供的一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，计算机程序被处理器执行时实现如下步骤：基于变化信息，在像素点表中确定初始脏区域；对初始脏区域进行处理，得到互不重叠的目标脏区域。
本申请实施例提供的一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，计算机程序被处理器执行时实现如下步骤：确定目标控件在目标界面的画布上的层级关系；基于层级关系，按照先上层后下层的顺序，对目标控件进行渲染，得到渲染结果。
本申请实施例提供的一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，计算机程序被处理器执行时实现如下步骤：基于层级关系，按照先上层后下层的顺序，通过Alpha混合公式，基于各层目标控件的透明度及原始色值，计算目标控件在像素点表中对应的目标像素点的目标色值；将目标色值存储至目标像素点的像素信息中；将携带像素信息的像素点表作为渲染结果。
本申请实施例提供的一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，计算机程序被处理器执行时实现如下步骤：将目标色值存储至目标像素点的像素信息中之后，确定目标像素点对应的可见的层级最高的目标控件的控件指针；将控件指针存储至目标像素点的像素信息中，以基于控件指针及目标像素点的位置定位目标控件。
本申请所涉及的计算机可读存储介质包括随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质。
本申请实施例提供的界面渲染系统、设备及计算机可读存储介质中相关部分的说明请参见本申请实施例提供的界面渲染方法中对应部分的详细说明，在此不再赘述。另外，本申请实施例提供的上述技术方案中与现有技术中对应技术方案实现原理一致的部分并未详细说明，以免过多赘述。
还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
对所公开的实施例的上述说明，使本领域技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种界面渲染方法，其特征在于，包括：
确定目标界面中待渲染的目标脏区域；
确定所述目标脏区域与所述目标界面中控件间的重叠区域；
对所述重叠区域对应的目标控件进行渲染，得到渲染结果；
传输所述渲染结果至所述目标界面进行绘制。
2.根据权利要求1所述的方法，其特征在于，所述确定目标界面中待渲染的目标脏区域，包括：
根据所述目标界面的像素点信息创建像素点表；
获取所述目标界面的变化信息，所述变化信息的类型包括按钮状态改变、拖动滑块、文字输入；
基于所述变化信息，在所述像素点表中确定所述目标脏区域。
3.根据权利要求2所述的方法，其特征在于，所述根据所述目标界面的像素点信息创建像素点表，包括：
创建宽度等于所述目标界面的屏幕宽度、高度等于所述目标界面的屏幕高度的所述像素点表。
4.根据权利要求2所述的方法，其特征在于，所述基于所述变化信息，在所述像素点表中确定所述目标脏区域，包括：
基于所述变化信息，在所述像素点表中确定初始脏区域；
对所述初始脏区域进行处理，得到互不重叠的所述目标脏区域。
5.根据权利要求4所述的方法，其特征在于，所述对所述重叠区域对应的目标控件进行渲染，得到渲染结果，包括：
确定所述目标控件在所述目标界面的画布上的层级关系；
基于所述层级关系，按照先上层后下层的顺序，对所述目标控件进行渲染，得到所述渲染结果。
6.根据权利要求5所述的方法，其特征在于，所述基于所述层级关系，按照先上层后下层的顺序，对所述目标控件进行渲染，得到所述渲染结果，包括：
基于所述层级关系，按照先上层后下层的顺序，通过Alpha混合公式，基于各层所述目标控件的透明度及原始色值，计算所述目标控件在所述像素点表中对应的目标像素点的目标色值；
将所述目标色值存储至所述目标像素点的像素信息中；
将携带所述像素信息的所述像素点表作为所述渲染结果。
7.根据权利要求6所述的方法，其特征在于，所述将所述目标色值存储至所述目标像素点的像素信息中之后，还包括：
确定所述目标像素点对应的可见的层级最高的所述目标控件的控件指针；
将所述控件指针存储至所述目标像素点的所述像素信息中，以基于所述控件指针及所述目标像素点的位置定位所述目标控件。
8.一种界面渲染系统，其特征在于，包括：
第一确定模块，用于确定目标界面中待渲染的目标脏区域；
第二确定模块，用于确定所述目标脏区域与所述目标界面中控件间的重叠区域；
第一渲染模块，用于对所述重叠区域对应的目标控件进行渲染，得到渲染结果；
第一传输模块，用于传输所述渲染结果至所述目标界面进行绘制。
9.一种界面渲染设备，其特征在于，包括：
存储器，用于存储计算机程序；
处理器，用于执行所述计算机程序时实现如权利要求1至7任一项所述界面渲染方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述界面渲染方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110003954.8A CN112698904A (zh) | 2021-01-04 | 2021-01-04 | 一种界面渲染方法、系统、设备及计算机可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110003954.8A CN112698904A (zh) | 2021-01-04 | 2021-01-04 | 一种界面渲染方法、系统、设备及计算机可读存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112698904A true CN112698904A (zh) | 2021-04-23 |
Family
ID=75514547
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110003954.8A Pending CN112698904A (zh) | 2021-01-04 | 2021-01-04 | 一种界面渲染方法、系统、设备及计算机可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112698904A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113377476A (zh) * | 2021-06-23 | 2021-09-10 | 北京百度网讯科技有限公司 | 界面显示方法、相关装置及计算机程序产品 |
| WO2024078111A1 (zh) * | 2022-10-14 | 2024-04-18 | 华为技术有限公司 | 界面渲染的方法及电子设备 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111381925A (zh) * | 2020-03-17 | 2020-07-07 | 广州致远电子有限公司 | 基于脏矩形机制的gui片段式渲染方法及装置 |
| CN111611031A (zh) * | 2019-02-26 | 2020-09-01 | 华为技术有限公司 | 一种图形绘制方法和电子设备 |
-
2021
- 2021-01-04 CN CN202110003954.8A patent/CN112698904A/zh active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111611031A (zh) * | 2019-02-26 | 2020-09-01 | 华为技术有限公司 | 一种图形绘制方法和电子设备 |
| CN111381925A (zh) * | 2020-03-17 | 2020-07-07 | 广州致远电子有限公司 | 基于脏矩形机制的gui片段式渲染方法及装置 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113377476A (zh) * | 2021-06-23 | 2021-09-10 | 北京百度网讯科技有限公司 | 界面显示方法、相关装置及计算机程序产品 |
| CN113377476B (zh) * | 2021-06-23 | 2023-07-25 | 北京百度网讯科技有限公司 | 界面显示方法、相关装置及计算机程序产品 |
| WO2024078111A1 (zh) * | 2022-10-14 | 2024-04-18 | 华为技术有限公司 | 界面渲染的方法及电子设备 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3220249A1 (en) | Method, device and terminal for implementing regional screen capture | |
| CN107798715B (zh) | 立体图形的对齐吸附方法、装置、计算机设备及存储介质 | |
| CN108052662B (zh) | 基于网页的组件布局方法、装置、设备及存储介质 | |
| CN112698904A (zh) | 一种界面渲染方法、系统、设备及计算机可读存储介质 | |
| US20230084269A1 (en) | Screenshot method, terminal, and non-transitory computer-readable storage medium | |
| CN105354022A (zh) | 一种页面布局文件生成方法及装置 | |
| CN112218134A (zh) | 一种输入方法以及相关设备 | |
| CN107358228B (zh) | 一种图像处理的方法、装置、设备及存储介质 | |
| CN110851050B (zh) | 页面元素点击测试的方法及装置 | |
| CN111523531A (zh) | 文字处理方法、装置、电子设备及计算机可读存储介质 | |
| CN113538623B (zh) | 确定目标图像的方法、装置、电子设备及存储介质 | |
| CN107621951B (zh) | 一种视图层级优化的方法及装置 | |
| CN111428455B (zh) | 表格管理方法、装置、设备及存储介质 | |
| CN110737417B (zh) | 一种演示设备及其标注线的显示控制方法和装置 | |
| CN111698491A (zh) | 一种多投影图像显示方法、装置及电子设备和存储介质 | |
| CN109766530B (zh) | 图表边框的生成方法、装置、存储介质和电子设备 | |
| CN112000328B (zh) | 一种页面可视化编辑方法、装置及设备 | |
| CN112329383A (zh) | 一种文字描边效果实现方法、装置、设备及存储介质 | |
| CN110825989A (zh) | 图片展示方法、装置、电子设备及可读介质 | |
| US20180211027A1 (en) | Password setting method and device | |
| CN113935893A (zh) | 素描风格的场景渲染方法、设备及存储介质 | |
| CN112329384A (zh) | 一种文字阴影效果实现方法、装置、设备及存储介质 | |
| CN111429541B (zh) | 一种图形擦除方法及装置 | |
| CN112291546A (zh) | 一种投影系统、方法、装置和计算机设备 | |
| CN114359094A (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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210423 |