[发明专利]一种滚动视图嵌套交互效果的方法

说明书

本发明涉及一种滚动视图嵌套交互效果的方法，通过获取用户滚动时分组视图的左侧边与所述显示屏幕的左侧边之间的距离以及滚动距离，来进行各个单向分组视图之间的滚动切换，从而实现达到各个分组视图之间的阻碍效果，进而能够通过配置分组视图之间的过渡图片、分类切换效果和切换背景等方式突出每个分组视图的主题区别，给予了用户更好的视觉效果和人机交互体验。

技术领域

本发明涉及计算机软件领域，尤其涉及一种滚动视图嵌套交互效果的方法。

背景技术

目前市面的滚动视图比较常见的有两种，第一种是单向滚动，单方向一直滚动，分组之间没有划动的阻碍感，没有办法通过阻碍效果、分组间的过渡图片、分类切换效果、切换背景等突出每个主题的区别。另外一种是嵌套的效果，比如竖屏视图嵌套横屏视图，类似外卖软件首页，单个页面分类之间需要纵向划动分组，数据较少的时候很快就划到底部了，要切换到另外一个分组需要横向划动，人机交互不是很友好，导致用户体验较差。

发明内容

(一)要解决的技术问题

为了解决现有技术的上述问题，本发明提供一种滚动视图嵌套交互效果的方法，能够提高用户的人机交互体验。

(二)技术方案

为了达到上述目的，本发明采用的技术方案为：一种滚动视图嵌套交互效果的方法，包括：

S1、配置滚动视图使所述滚动视图包含有同一滚动方向的多个分组视图，第一个分组视图至最后一个分组视图由左至右排序，每一个分组视图的宽度均大于显示屏幕的宽度；

并配置每个分组视图的左侧边与所述显示屏幕的左侧边的距离关系，当当前分组视图的左侧边位于所在显示屏幕的左侧边的右侧时，两者之间的距离为负，反之为正；

S2、当获取到用户触控显示屏幕且滑动分组视图停止的信息时，获取被滑动后所述分组视图的左侧边与所述显示屏幕的左侧边之间的距离是否小于0；

若是，执行S21，若否，执行，S22；

S21、则判定所述用户的触控操作为向右滑动，且判定滑动的所述分组视图的左侧边位于所述显示屏幕的左侧边的右侧，则判断所述分组视图是否为所述滚动视图中的第一个分组视图；

若否，则切换上一个分组视图至所述触控显示屏幕中；

S22、则判定所述用户的触控操作为向左滑动，且判定滑动的所述分组视图的左侧边位于所述显示屏幕的左侧边的左侧，判断被滑动后所述分组视图的左侧边与所述显示屏幕的左侧边之间的距离是否大于所述分组视图的宽度与显示屏幕宽度的差值；

若是，执行S23；

S23、判断所述分组视图是否为所述滚动视图中的最后一个分组视图，若否，则切换下一个分组视图至所述触控显示屏幕中。

(三)有益效果

本发明的有益效果是：通过获取用户滚动时分组视图的左侧边与所述显示屏幕的左侧边之间的距离以及滚动距离，来进行各个单向分组视图之间的滚动切换，从而实现达到各个分组视图之间的阻碍效果，进而能够通过配置分组视图之间的过渡图片、分类切换效果和切换背景等方式突出每个分组视图的主题区别，给予了用户更好的视觉效果和人机交互体验。

附图说明

图1为本发明的一种滚动视图嵌套交互效果的方法的流程图；

图2为本发明的一种滚动视图嵌套交互效果的方法的细节流程图。

具体实施方式

为了更好的解释本发明，以便于理解，下面结合附图，通过具体实施方式，对本发明作详细描述。

实施例一