[发明专利]一种侧滑菜单实现的系统与方法

说明书

技术领域

本发明涉及移动通讯领域，尤其涉及一种侧滑菜单实现的系统与方法。

背景技术

在移动设备APP客户端的开发中，往往产品设计最先考虑的是导航菜单。导航菜单是所有交互界面最重要的部分，不仅要确保导航菜单能完全适合在小屏幕上正常显示，而且要让用户有良好的操作体验。APP开发常见的3种导航模式，即平铺列表、标签页、以及树状结构。每种模式在不同系统中都配有不同的工具栏和控件。

一般地，平铺列表架构简单，没有信息层级也没有组织结构，就像一叠卡片一样。因此，平铺列表不适合展示过多页面，无法快速进行跳转翻页。标签页，一般依附在屏幕的底部，大多数页面都会始终占据一定的屏幕空间，而且功能入口过多时，该模式显得笨重不实用。树状结构的主功能和分类直接切换比较麻烦，同级内容过多时，用户浏览容易产生疲劳。

鉴于上述导航模式存在的问题，于是产生了侧滑菜单。侧滑菜单拥有一个面板，这个面板从主画面的左边或者右边滑出来，然后在面板中显示一个垂直的、独立的滚动视图，把该视图当作程序的主导航。此设计一般需要两个视图，一个是放在中间的视图，即内容显示面板，另一个是滑动时左边显示出来的视图，即菜单栏面板。然而，现有的侧滑菜单在显示中间视图时，左边视图则会缩小到屏幕下方，占据一定位置，从而使中间视图无法充满整个屏幕，从而影响显示的效果。

发明内容

为了解决现在的侧滑菜单的中间视图无法充满整个屏幕的问题，本发明提供一种新的系统与方法，其扩展性好，中间视图可充满整个屏幕，从而不浪费屏幕的空间。

本发明实施例提供一种侧滑菜单实现的方法，所述侧滑菜单包括中间视图与左边视图，所述中间视图与屏幕具有相同的坐标原点，所述方法包括：用户向左滑动中间视图；判断滑动后的中间视图中心点的横坐标值是否小于屏幕中心的横坐标值；当中间视图中心点的横坐标值小于屏幕中心的横坐标值时，将中间视图移动至屏幕中心处以全屏显示中间视图，当中间视图中心点的横坐标值大于或者等于屏幕中心的横坐标值时，将中间视图移动至屏幕中心处，以遮住左边视图并全屏显示中间视图；用户向右滑动中间视图；判断滑动后的中间视图中心点的横坐标值是否小于设定的中间视图在屏幕右边时的中心点横坐标值；以及当中间视图中心点的横坐标值小于设定的中间视图在屏幕右边时的中心点横坐标值时，将中间视图移动至设定的屏幕边界处，以显示左边视图，当中间视图中心点的横坐标值大于或者等于设定的中间视图在屏幕右边时的中心点横坐标值时，将中间视图中心点的横坐标值设定为新的屏幕边界的横坐标值，并显示左边视图。

本发明实施例还提供一种侧滑菜单实现的系统，所述侧滑菜单包括中间视图与左边视图，所述中间视图与屏幕具有相同的坐标原点，所述系统包括：操作界面，用于供用户滑动中间视图；分析模块，用于分析用户滑动中间视图的方向；判断模块，当用户向左滑动中间视图时，用于判断滑动后的中间视图中心点的横坐标值是否小于屏幕中心的横坐标值；当用户向右滑动中间视图时，用于判断滑动后的中间视图中心点的横坐标值是否小于设定的中间视图在屏幕右边时的中心点横坐标值；以及执行模块，当中间视图中心点的横坐标值小于屏幕中心的横坐标值时，将中间视图移动至屏幕中心处以全屏显示中间视图，当中间视图中心点的横坐标值大于或者等于屏幕中心的横坐标值时，将中间视图移动至屏幕中心处，以遮住左边视图并全屏显示中间视图；当中间视图中心点的横坐标值小于设定的中间视图在屏幕右边时的中心点横坐标值时，将中间视图移动至设定的屏幕边界处，以显示左边视图，当中间视图中心点的横坐标值大于或者等于设定的中间视图在屏幕右边时的中心点横坐标值时，将中间视图中心点的横坐标值设定为新的屏幕边界的横坐标值，并显示左边视图。

本发明的上述实施例能够让中间视图充满整个屏幕，从而不浪费屏幕的空间。并且，上述实施例能够让开发者在程序中添加常用的导航功能，兼容其他多种模式，扩展性好。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是根据本发明实施例的一种侧滑菜单实现的系统的一个范例的功能模块图。

图2是根据本发明实施例的一种侧滑菜单实现的方法的一个范例的流程示意图。

具体实施方式