渲染方法、装置、电子设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112347408A(43)申请公布日2021.02.09(21)申请号202110016235.X(22)申请日2021.01.07(71)申请人北京小米移动软件有限公司地址100085北京市海淀区西二旗中路33号院6号楼8层018号(72)发明人崔宝秋吴华王瑞端(74)专利代理机构北京法胜知识产权代理有限公司11922代理人戎郑华(51)Int.Cl.G06F16/958(2019.01)权利要求书3页说明书11页附图4页(54)发明名称渲染方法、装置、电子设备及存储介质(57)摘要本公开提出一种渲染方法、装置、电子设备及存储介质，属于页面渲染技术领域。其中，该渲染方法包括：接收执行线程反馈的上一帧页面的执行结果；根据当前帧的页面数据进行渲染以生成渲染对象；根据上一帧页面的执行结果对渲染对象进行更新；以及根据更新之后的渲染对象进行绘制，以生成当前帧页面。由此，能够在用户无延迟感知的情况下，极大地提高了页面的渲染速度，避免了掉帧的问题。CN112347408ACN112347408A权利要求书1/3页1.一种渲染方法，其特征在于，包括：接收执行线程反馈的上一帧页面的执行结果；根据当前帧的页面数据进行渲染以生成渲染对象；根据所述上一帧页面的执行结果对所述渲染对象进行更新；以及根据更新之后的渲染对象进行绘制，以生成当前帧页面。2.如权利要求1所述的方法，其特征在于，在所述接收执行线程反馈的上一帧页面的执行结果之前，还包括：接收用户针对上一帧页面的用户操作指令；将所述针对所述上一帧页面的用户操作指令发送至所述执行线程，以使所述执行线程根据所述上一帧页面的用户操作指令生成所述上一帧页面的执行结果。3.如权利要求1所述的方法，其特征在于，在所述根据更新之后的渲染对象进行绘制，以生成当前帧页面之后，还包括：接收用户针对所述当前帧页面的用户操作指令；将所述针对所述当前帧页面的用户操作指令发送至所述执行线程，以使所述执行线程根据所述当前帧的用户操作指令生成所述当前帧页面的执行结果，其中，所述当前帧页面的执行结果用于更新下一帧页面。4.如权利要求2或3所述的方法，其特征在于，所述根据所述上一帧页面的执行结果对所述渲染对象进行更新，包括：将所述上一帧页面的执行结果加入目标页面元素队列；接收当前帧页面的同步信号；根据所述当前帧页面的同步信号，从所述目标页面元素队列之中获取至少一个目标页面元素所对应的待变化渲染对象；根据所述至少一个待变化渲染对象对所述渲染对象进行更新。5.如权利要求4所述的方法，其特征在于，所述用户针对上一帧页面的用户操作指令包括点击事件，所述上一帧页面的执行结果包括创建、删除或更新待变化渲染对象。6.如权利要求5所述的方法，其特征在于，所述根据所述至少一个待变化渲染对象对所述渲染对象进行更新，包括：如果所述上一帧页面的执行结果为创建所述待变化渲染对象，则在所述渲染对象之中增加所述待变化渲染对象；如果所述上一帧页面的执行结果为删除所述待变化渲染对象，则在所述渲染对象之中删除对应的所述待变化渲染对象；如果所述上一帧页面的执行结果为更新所述待变化渲染对象，则在所述渲染对象之中获取所述待变化渲染对象所对应的渲染对象，并根据所述待变化渲染对象的属性更新对应的所述渲染对象的属性。7.如权利要求1所述的方法，其特征在于，通过动画回调函数更新所述渲染对象。8.如权利要求4所述的方法，其特征在于，还包括：接收用户针对当前帧页面的操作指令；以及根据所述操作指令生成所述同步信号。9.如权利要求4所述的方法，其特征在于，还包括：2CN112347408A权利要求书2/3页在达到预设时间周期时，生成所述同步信号。10.如权利要求3所述的方法，其特征在于，所述用户操作指令为滚动操作指令，所述方法还包括：根据所述滚动操作指令对当前视口进行调整；获取所述当前视口之中的至少一个页面元素；获取所述至少一个页面元素对应的至少一个渲染对象；根据所述当前帧页面的执行结果对所述至少一个渲染对象进行更新。11.如权利要求10所述的方法，其特征在于，还包括：将移出所述当前视口的页面元素所对应的渲染对象存入缓存池。12.如权利要求1所述的方法，其特征在于，所述上一帧页面的执行结果为多个，且所述执行线程在接收到所述上一帧页面的同步信号时，发送多个执行结果。13.一种渲染装置，其特征在于，包括：接收模块，用于接收执行线程反馈的上一帧页面的执行结果；渲染模块，用于根据当前帧的页面数据进行渲染以生成渲染对象；更新模块，用于根据所述上一帧页面的执行结果对所述渲染对象进行更新；以及绘制模块，用于根据更新之后的渲染对象进行绘制，以生成当前帧页面。14.如权利要求13所述的装置，其特征在于，还包括：操作指令接收模块，