[发明专利]跨平台自适应控制的交互方法、系统、设备及存储介质

说明书

本发明提供了一种跨平台自适应控制的交互方法、系统、设备及存储介质，用于具有显示页面的显示终端，包括如下步骤：将显示页面预设为第一显示样式和第二显示样式，显示页面包括菜单栏和显示区，菜单栏预设为能够根据第一触发信号切换的收纳样式和展开样式；获取显示终端的显示屏幕尺寸，当显示屏幕大于等于预设定的尺寸阈值时，显示页面展示第一显示样式，菜单栏呈现展开样式，当显示屏幕小于预设定的尺寸阈值时，显示页面展示第二显示样式，菜单栏呈现收纳样式，并能够根据第一触发信号切换至展开样式。本发明中显示页面预设为第一显示样式和第二显示样式能够兼容从移动段到桌面端显示器的各种尺寸变化，降低了网页研发维护成本。

技术领域

本发明涉及网页展示，具体地说，涉及一种跨平台自适应控制的交互方法、系统、设备及存储介质。

背景技术

随着网站数据报表页面的展示内容和页面层级不断增多，同时要兼容不同屏幕尺寸的平板设备上的操作。随着用户对于系统交互体验的要求也越来越高，随之带来的跨平台操作体验一致性问题也愈加明显。

为了提升用户操作体验，现在网站一般都采用响应式设计或者针对平板设备单独设计模式。但是响应式设计模式不能控制多级菜单项目折叠展示，且子页面跳转高亮问题无法控制；单独设计平板网页研发维护成本高，且无法保障体验一致性。因此需要一种网页展示的技术方案，能够兼容从平板到桌面端显示器的显示屏幕的尺寸变化，同时还要对二级子页面的菜单折叠进行优化展示。

发明内容

针对现有技术中的问题，本发明的目的在于提供一种跨平台自适应控制的交互方法、系统、设备及存储介质。

根据本发明的一个方面，提供一种跨平台自适应控制的交互方法，用于具有一显示页面的显示终端，包括：如下步骤：

S1：将所述显示页面预设为第一显示样式和第二显示样式，所述显示页面包括菜单栏和显示区，所述菜单栏预设为能够根据第一触发信号切换的收纳样式和展开样式，当所述显示页面展示第一显示样式时，所述菜单栏呈现收纳样式，当所述显示页面展示第二显示样式时，所述菜单栏呈现展开样式；

S2：获取显示终端的显示屏幕尺寸，当所述显示屏幕大于等于预设定的尺寸阈值时，所述显示页面展示第一显示样式，所述菜单栏呈现展开样式，当所述显示屏幕小于预设定的尺寸阈值时，所述显示页面展示第二显示样式，所述菜单栏呈现收纳样式，并能够根据所述第一触发信号切换至展开样式，所述菜单栏呈展开样式的宽度大于所述菜单栏呈收纳样式的宽度，所述显示终端具有一横屏展示状态和一竖屏展示状态，当检测所述显示终端由所述竖屏展示状态转换至所述横屏展示状态时生成所述第一触发信号；

S3：当所述菜单栏展示展开样式时，根据第二触发信号触发所述菜单栏上依次排列的多个第一级菜单项目，至少一所述第一级菜单项目包括多个依次排列的第二级菜单项目，当第二触发信号触发一具有第二级菜单项目的第一级菜单项目时，所述第一级菜单项目沿背离所述第一级菜单项目方向依次展开。

优选地，当所述显示终端在横屏展示状态或竖屏展示状态时，所述显示终端具有一第一运动方向和一第二运动方向，所述第一运动方向和所述第二运动方向相背离，所述菜单栏相对于所述显示区靠近所述第一运动方向，所述显示区相对于所述菜单栏靠近所述第二运动方向；

当所述显示终端的运动传感器捕捉到所述显示终端以第一加速度、第一时间朝向所述第二运动方向运动，然后所述显示终端以第二加速度、第二时间朝向所述第一运动方向运动且所述第一加速度与所述第二加速度之间的差值小于预设的加速度阈值，所述第一时间与所述第二时间之间的差值小于预设的时间阈值时生成所述第一触发信号，使菜单栏由收纳样式切换至展开样式。

优选地，当所述显示屏幕小于预设定的尺寸阈值时，所述第一触发信号通过如下步骤生成：

以所述显示页面的中心为原点，长度方向为X轴，宽度方向为Y轴建立坐标系，所述菜单栏显示在所述X轴的负轴区域，多个第一级菜单项目沿Y轴依次排列；