[发明专利]一种展示界面的更新方法、装置、电子设备和存储介质

说明书

本申请涉及计算机技术领域，尤其涉及一种展示界面的更新方法、装置、电子设备和存储介质，用以提高展示界面更新的准确性和更新效率。其中，方法包括：获取基于脚本层预先配置的富交互行为绑定信息，富交互行为绑定信息至少用于指示待监听的目标富交互行为，及目标富交互行为关联的目标富交互事件的处理逻辑；基于原生层监听到针对展示界面触发了目标富交互行为并产生目标富交互事件时，基于预置的脚本解析引擎，执行目标富交互事件的处理逻辑，根据执行结果对展示界面进行更新。本申请不存在脚本层与原生层的频繁通信，且富交互处理逻辑的执行始终在原生层，保证了展示界面的更新始终能随着用户的手势移动而更新，以提高更新的准确性和更新效率。

技术领域

本申请涉及计算机技术领域，尤其涉及一种展示界面的更新方法、装置、电子设备和存储介质。

背景技术

使用类原生反应(React-Native，RN)动态化框架实现的页面，对于一些复杂的手势交互会产生卡顿、不跟手的效果。因为复杂的手势交互涉及到了两次脚本(javascript，JS)层和原生(Native)层的通信，一次是Native层收到用户的手势事件时，需要切换到JS线程，由JS层处理手势事件。另一次是JS层接收到手势事件后，开发者会根据想要实现的用户界面(User Interface，UI)效果，做一些逻辑计算，把最终的处理完数据传递给Native层，驱动Native层UI界面更新。相关技术中的展示界面更新方法会造成频繁通信的性能损耗、JS线程与UI线程切换带来的异步行为，使得系统无法在一定时间内绘制完一帧界面，因此导致了卡顿或者不跟手的视觉效果。

发明内容

本申请实施例提供一种展示界面更新的方法、装置、电子设备和存储介质，用以提高展示界面更新的准确性和更新效率。

本申请实施例提供的一种展示界面更新的方法，包括：

获取基于脚本层预先配置的富交互行为绑定信息，其中，所述富交互行为绑定信息至少用于指示待监听的目标富交互行为，以及所述目标富交互行为关联的目标富交互事件的处理逻辑；

基于原生层监听到针对展示界面触发了所述目标富交互行为并产生所述目标富交互事件时，基于预置的脚本解析引擎，执行所述目标富交互事件的处理逻辑，并根据执行结果对所述展示界面进行更新。

本申请实施例提供的一种展示界面更新的装置，包括：

信息获取单元，用于获取基于脚本层预先配置的富交互行为绑定信息，其中，所述富交互行为绑定信息至少用于指示待监听的目标富交互行为，以及所述目标富交互行为关联的目标富交互事件的处理逻辑；

更新单元，用于基于原生层监听到针对展示界面触发了所述目标富交互行为并产生所述目标富交互事件时，基于预置的脚本解析引擎，执行所述目标富交互事件的处理逻辑，并根据执行结果对所述展示界面进行更新。

可选的，所述富交互行为绑定信息包括下列中的至少一种：

事件产生视图标识信息，用于表示产生所述目标富交互事件的事件产生视图的标识，所述事件产生视图位于所述展示界面中；

事件类型信息，用于表示所述目标富交互事件的事件类型；

事件作用视图信息，用于指定所述目标富交互事件作用的元素数据，其中，所述事件作用视图信息包括事件作用视图标识信息和事件作用视图处理器，所述事件作用视图指在所述展示界面中所述目标富交互事件作用的视图，所述事件作用视图处理器用于指定对事件作用视图处理富交互事件时的脚本映射关系。

可选的，所述脚本映射关系包括脚本表达式与脚本函数中的至少一种。

可选的，所述富交互行为绑定信息包括事件类型信息时，所述事件类型信息包括下列中的至少一种：

触摸事件类型，列表滚动事件类型，传感器事件类型。