[发明专利]渲染方法、装置、电子设备及存储介质

说明书

本公开提出一种渲染方法、装置、电子设备及存储介质，属于页面渲染技术领域。其中，该渲染方法包括：接收执行线程反馈的上一帧页面的执行结果；根据当前帧的页面数据进行渲染以生成渲染对象；根据上一帧页面的执行结果对渲染对象进行更新；以及根据更新之后的渲染对象进行绘制，以生成当前帧页面。由此，能够在用户无延迟感知的情况下，极大地提高了页面的渲染速度，避免了掉帧的问题。

技术领域

本公开涉及页面渲染技术领域，尤其涉及一种渲染方法、装置、电子设备及存储介质。

背景技术

目前，随着电子设备，例如智能设备功能的不断强大，对于智能设备的功能要求也越来越多，因此智能设备所需要显示的页面内容也越来越丰富。针对电子设备，例如智能电视的页面生成，目前均是由UI线程（User Interface Thread，用户交互线程）来完成页面的绘制，该UI线程也称之为渲染主线程。

然而，渲染主线程不仅要根据页面内容进行页面的绘制，同时还需要接收用户的操作指令，并根据用户的操作执行开发者代码，以及根据代码执行结果生成该操作对应的执行结果。因此，可见渲染主线程在进行页面生成的时候，一方面要绘制页面内容，另一方面还需要根据用户的操作执行相应的代码并根据操作对应的执行结果对需要绘制的页面内容进行调整。具体而言，在接收到用户的操作之后，渲染主线程会调用开发者代码执行该操作，并获取操作结果，并根据该操作结果对需要绘制的页面内容进行调整，对调整之后的页面内容进行布局和渲染。可以看出，渲染主线程需要等待执行结果才能进行渲染。因此，如果开发者代码执行时间过长，就会导致渲染时间超过阈值时间，从而导致出现掉帧的现象。特别是，开发者代码越复杂，导致的掉帧现象越发频繁。频繁掉帧会严重影响用户的观感，因此亟待解决。

发明内容

本公开实施例提供一种渲染方法、装置、电子设备及存储介质。

本公开第一方面实施例提出了一种渲染方法，包括：接收执行线程反馈的上一帧页面的执行结果；根据当前帧的页面数据进行渲染以生成渲染对象；根据所述上一帧页面的执行结果对所述渲染对象进行更新；以及根据更新之后的渲染对象进行绘制，以生成当前帧页面。

可选地，在所述接收执行线程反馈的上一帧页面的执行结果之前，还包括：接收用户针对上一帧页面的用户操作指令；将所述针对所述上一帧页面的用户操作指令发送至所述执行线程，以使所述执行线程根据所述上一帧页面的用户操作指令生成所述上一帧页面的执行结果。

可选地，在所述根据更新之后的渲染对象进行绘制，以生成当前帧页面之后，还包括：接收用户针对所述当前帧页面的用户操作指令；将所述针对所述当前帧页面的用户操作指令发送至所述执行线程，以使所述执行线程根据所述当前帧的用户操作指令生成所述当前帧页面的执行结果，其中，所述当前帧页面的执行结果用于更新下一帧页面。

可选地，所述根据所述上一帧页面的执行结果对所述渲染对象进行更新，包括：将所述上一帧页面的执行结果加入目标页面元素队列；接收当前帧页面的同步信号；根据所述当前帧页面的同步信号，从所述目标页面元素队列之中获取至少一个目标页面元素所对应的待变化渲染对象；根据所述至少一个待变化渲染对象对所述渲染对象进行更新。

可选地，所述用户针对上一帧页面的用户操作指令包括点击事件，所述上一帧页面的执行结果包括创建、删除或更新待变化渲染对象。

可选地，所述根据所述至少一个待变化渲染对象对所述渲染对象进行更新，包括：如果所述上一帧页面的执行结果为创建所述待变化渲染对象，则在所述渲染对象之中增加所述待变化渲染对象；如果所述上一帧页面的执行结果为删除所述待变化渲染对象，则在所述渲染对象之中删除对应的所述待变化渲染对象；如果所述上一帧页面的执行结果为更新所述待变化渲染对象，则在所述渲染对象之中获取所述待变化渲染对象所对应的渲染对象，并根据所述待变化渲染对象的属性更新对应的所述渲染对象的属性。

可选地，通过动画回调函数更新所述渲染对象。