[发明专利]页面展示方法、装置、设备及存储介质

说明书

本发明提供一种页面展示方法、装置、设备及存储介质，该方法，包括：子控件监听针对页面的滑动事件；若监听到滑动事件，则生成滑动指令，并判断父控件的显示区是否滑到边界；若所述父控件的显示区滑到边界，则控制所述子控件的显示区根据所述滑动指令按照预设方向滑动显示；若所述父控件的显示区未滑到边界，则控制所述父控件的显示区根据所述滑动指令按照预设方向滑动显示。本发明可以有效地避免页面中子控件和父控件之间的滑动冲突问题，提高页面的呈现效果，用户体验佳。

技术领域

本发明涉及电子技术领域，尤其涉及一种页面展示方法、装置、设备及存储介质。

背景技术

随着终端显示屏尺寸的增大，显示屏上呈现的页面也越来越复杂。

目前，对于页面的控制，一般采用ReactNative/Weex等跨平台解决方案，其通过JS渲染原生组件来访问原生端，以根据接收到的操作指令，控制页面展示效果。

但是，这种框架中，JS和原生端之间是隔离的，业务层没有办法直接执行所有针对原生端的数据和API。因此，当页面中的父控件中嵌套有同一显示方向的子控件时，子控件和父控件之间会存在操作冲突，从而影响页面的呈现效果，用户体验差。

发明内容

本发明提供一种页面展示方法、装置、设备及存储介质，可以有效地避免页面中子控件和父控件之间的滑动冲突问题，提高页面的呈现效果，用户体验佳。

第一方面，本发明实施例提供一种页面展示方法，包括：

通过子控件监听针对页面的滑动事件；

若监听到滑动事件，则生成滑动指令，并判断父控件的显示区是否滑到底部；

若所述父控件的显示区滑到边界，则控制所述子控件的显示区根据所述滑动指令按照预设方向滑动显示；

若所述父控件的显示区未滑到边界，则控制所述父控件的显示区根据所述滑动指令按照预设方向滑动显示。

在一种可能的设计中，在通过子控件监听针对页面的滑动事件之前，还包括：

在子控件中新增用于通知原生组件的标记属性；

在ReactNative框架初始化过程中，根据所述标记属性查找所述子控件对应的父控件。

在一种可能的设计中，在控制所述父控件的显示区根据所述滑动指令按照预设方向滑动显示之后，还包括：

判断所述父控件的显示区是否滑动到边界；

若所述父控件的显示区滑动到边界，则触发所述子控件的滑动函数；

根据所述子控件的滑动函数，控制所述子控件的显示区按照预设方向滑动显示。

在一种可能的设计中，在控制所述子控件的显示区根据所述滑动指令按照预设方向滑动显示之后，还包括：

判断所述子控件的显示区是否滑动到边界；

若所述子控件的显示区滑动到边界，则触发所述父控件的滑动函数；

根据所述父控件的滑动函数，控制所述父控件的显示区按照预设方向滑动显示。

在一种可能的设计中，通过子控件监听针对页面的滑动事件，包括：

响应针对页面的触控信号；

获取所述触控信号在页面上的位移，若位移大于预设阈值，则生成滑动事件。

第二方面，本发明实施例提供一种页面展示装置，包括：

监听模块，用于通过子控件监听针对页面的滑动事件；