[发明专利]一种页面切换的方法及系统

说明书

本发明涉及页面展示领域，尤其涉及一种页面切换的方法及系统。本发明通过获取当前页面指示标签的中心点的横坐标值，得到第一横坐标值；获取目标页面指示标签的中心点的横坐标值，得到第二横坐标值；绘制凸形图最高点对应的横坐标值从所述第一横坐标值变换到所述第二横坐标值的过程中与页面的实时滑动距离对应的凸形图。实现突出当前页面的指示标签，提高了指示器的显著性和易用性。

技术领域

本发明涉及页面展示领域，尤其涉及一种页面切换的方法及系统。

背景技术

目前Android众多app中，ViewPager控件的使用无处不在，然而其页面指示器(TabPageIndicator)却比较单调。比较常见的是开源的第三方控件ViewPagerIndicator和2015年Google大会上发布的Android Support Design库中的TabLayout控件。因为可以达到ViewPagerIndicator的效果，并且是官方发布的，能够兼容2.2及以上版本，TabLayout的使用与日俱增。然而这两个控件形式单一，仅仅可以使用一条线(或者说矩形)通过不同的颜色来达到指示的目的，其指示效果不明显。

发明内容

本发明所要解决的技术问题是：提供一种页面切换的方法及系统，提高页面指示器的显著性。

为了解决上述技术问题，本发明采用的技术方案为：

本发明提供一种页面切换的方法，包括：

S1、获取当前页面指示标签的中心点的横坐标值，得到第一横坐标值；

S2、获取目标页面指示标签的中心点的横坐标值，得到第二横坐标值；

S3、绘制凸形图最高点对应的横坐标值从所述第一横坐标值变换到所述第二横坐标值的过程中与页面的实时滑动距离对应的凸形图。

本发明还提供一种页面切换的系统，包括：

第一获取模块，用于获取当前页面指示标签的中心点的横坐标值，得到第一横坐标值；

第二获取模块，用于获取目标页面指示标签的中心点的横坐标值，得到第二横坐标值；

绘制模块，用于绘制凸形图最高点对应的横坐标值从所述第一横坐标值变换到所述第二横坐标值的过程中与页面的实时滑动距离对应的凸形图。

本发明的有益效果在于：通过实时绘制凸形图，所述凸形图的突起部分指向当前页面对应的指示标签，突出当前页面的指示标签，满足用户的个性化需求，提高了指示器的显著性和易用性。

附图说明

图1为本发明一种页面切换的方法的具体实施方式的流程框图；

图2为本发明一种页面切换的系统的具体实施方式的结构框图；

图3为锯齿形指示器的效果图；

图4为波形指示器的效果图；

标号说明：

1、第一获取模块；2、第二获取模块；3、绘制模块。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图予以说明。

本发明最关键的构思在于：通过实时绘制凸形图，突出当前页面的指示标签，提高了指示器的显著性和易用性。

请参照图1至图4，

如图1所示，本发明提供一种页面切换的方法，包括：

S1、获取当前页面指示标签的中心点的横坐标值，得到第一横坐标值；