CN106155499A - 页面切换的方法和装置 - Google Patents
页面切换的方法和装置 Download PDFInfo
- Publication number
- CN106155499A CN106155499A CN201510129062.7A CN201510129062A CN106155499A CN 106155499 A CN106155499 A CN 106155499A CN 201510129062 A CN201510129062 A CN 201510129062A CN 106155499 A CN106155499 A CN 106155499A
- Authority
- CN
- China
- Prior art keywords
- page
- switching
- display
- display region
- layout switch
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种页面切换的方法和装置,属于互联网技术领域。所述方法包括:接收页面切换指示,确定页面切换指示的类型及切换页面;基于类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,且预显示区域中显示切换页面;基于预显示区域将当前显示页面切换为切换页面。本发明通过接收页面切换指示,基于页面切换指示的类型及切换页面对应指示图标的位置,在当前页面显示预显示区域,且预显示区域中显示切换页面;基于预显示区域将当前显示页面切换为切换页面,使得在切换页面作为当前显示页面显示前可通过预显示区域获取切换页面信息,即当前页面和其他页面同时显示,缩短了关注页面查找时间,提高了关注页面查找效率。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种页面切换的方法和装置。
背景技术
随着信息量的巨增,往往出现一个页面不足以显示全部信息的情况。为了显示全部信息,现有技术中,将全部信息分为多个页面,并在页面指示区域通过指示图标对页面数量及当前显示页面进行指示。若在页面指示区域中捕获到的滑动手势,则根据该滑动手势确定切换页面,将当前显示页面切换为该切换页面,同时更新页面指示区域中对当前显示页面的指示,实现页面切换。
由于页面指示区域中的指示图标仅能指示其所对应的页面为第几页面,不能指示页面的内容。通过上述方法进行页面切换时,仅显示当前页面内容,在将切换页面作为当前显示页面进行显示后,才显示切换页面的内容。若切换页面非用户关注页面,还需重复执行上述方法再次切换,如此重复直至当前页面为关注页面。因此,上述方法增加了关注页面查找时间。
发明内容
为解决上述问题,本发明实施例提出了一种页面切换的方法和装置。
一方面,本发明实施例提供了一种页面切换的方法,所述方法包括:
接收页面切换指示,确定所述页面切换指示的类型及切换页面;
基于所述类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面;
基于所述预显示区域将所述当前显示页面切换为所述切换页面。
可选地,所述接收页面切换指示,包括:
记录当前显示页面的显示时间,并根据当前显示页面的内容确定浏览时间;
若所述显示时间超出所述浏览时间,则认为接收到页面切换指示;
所述确定所述页面切换指示的类型,包括:
确定所述页面切换指示的类型为立即切换。
可选地,所述接收页面切换指示,包括:
若捕获到页面指示区域中的滑动手势,且所述滑动手势与预设切换页面手势匹配,则认为接收到页面切换指示;
所述确定所述页面切换指示的类型,包括:
确定所述页面切换指示的类型为立即切换。
可选地,所述接收页面切换指示,包括:
若捕获到所述页面指示区域中任一点被持续按下,且按下时间超过预设时间,则认为接收到页面切换指示;
所述确定所述页面切换指示的类型,包括:
确定所述页面切换指示的类型为预览后切换。
可选地,所述在当前页面显示预显示区域之后,还包括:
所述预显示区域的面积随时间逐渐扩大。
可选地,所述预显示区域的面积随时间逐渐扩大之后,还包括:
当所述预显示区域的面积随时间扩大至面积阈值时,突显所述预显示区域。
可选地,所述类型为立即切换;
所述基于所述类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面,包括:
距页面指示区域中所述切换页面对应指示图标的位置上方预设距离处显示预显示区域;
确定所述切换页面的背景颜色,并在所述预显示区域中显示所述背景颜色;
所述基于所述预显示区域将当前显示页面切换为所述切换页面,包括:
在所述预显示区域中显示所述切换页面的内容;
将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
可选地,所述类型为预览后切换;
所述基于所述类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面,包括:
在页面指示区域中所述切换页面对应指示图标的位置处浮动显示预显示区域;
确定所述切换页面的缩略图,并在所述预显示区域中显示所述切换页面的缩略图;
所述基于所述预显示区域将当前显示页面切换为所述切换页面,包括:
当被持续按下的所述任一点松开时,将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
可选地,所述确定所述切换页面的缩略图,并在所述预显示区域中显示所述缩略图之后,还包括:
捕获被持续按下的所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图;
重复执行捕获所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图的步骤,直至所述任一点松开。
另一方面,本发明实施例提供了一种页面切换的装置,所述装置包括:
接收模决,用于接收页面切换指示;
确定模块,用于确定所述接收模块接收到的页面切换指示的类型及切换页面;
显示模块,用于基于所述确定模块确定的类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面;
切换模块,用于基于所述显示模块显示的预显示区域将所述当前显示页面切换为所述切换页面。
可选地,所述接收模块,包括:
记录单元,用于记录当前显示页面的显示时间;
第一确定单元,用于根据当前显示页面的内容确定浏览时间;
第二确定单元,用于当所述记录单元记录的显示时间超出所述第一确定单元确定的浏览时间时,认为接收到页面切换指示;
所述确定模块,用于确定所述页面切换指示的类型为立即切换。
可选地,所述接收模块,用于当捕获到页面指示区域中的滑动手势,且所述滑动手势与预设切换页面手势匹配时,认为接收到页面切换指示;
所述确定模块,用于确定所述页面切换指示的类型为立即切换。
可选地,所述接收模块,用于当捕获到所述页面指示区域中任一点被持续按下,且按下时间超过预设时间时,认为接收到页面切换指示;
所述确定模块,用于确定所述页面切换指示的类型为预览后切换。
可选地,所述显示模块,还用于将所述预显示区域的面积随时间逐渐扩大。
可选地,所述显示模块,还用于当所述预显示区域的面积随时间扩大至面积阈值时,突显所述预显示区域。
可选地,所述类型为立即切换;
所述显示模块,用于距页面指示区域中所述切换页面对应指示图标的位置上方预设距离处显示预显示区域;确定所述切换页面的背景颜色,并在所述预显示区域中显示所述背景颜色;
所述切换模块,用于在所述预显示区域中显示所述切换页面的内容;将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
可选地,所述类型为预览后切换;
所述显示模块,用于在页面指示区域中所述切换页面对应指示图标的位置处浮动显示预显示区域;确定所述切换页面的缩略图,并在所述预显示区域中显示所述切换页面的缩略图;
所述切换模块,用于当被持续按下的所述任一点松开时,将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
可选地,所述显示模块,还用于捕获被持续按下的所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图;重复执行捕获所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图的步骤,直至所述任一点松开。
有益效果如下:
通过接收页面切换指示,确定页面切换指示的类型及切换页面;基于类型及切换页面对应指示图标的位置,在当前页面显示预显示区域,且该预显示区域中显示切换页面;基于预显示区域将当前显示页面切换为切换页面,使得在切换页面作为当前显示页面显示前可通过预显示区域获取切换页面信息,实现了当前页面和其他页面同时显示的功能,缩短了关注页面查找时间,提高了关注页面查找效率。
附图说明
下面将参照附图描述本发明的具体实施例,其中:
图1示出了本发明一种实施例提供的页面切换的方法流程示意图;
图2示出了本发明另一种实施例提供的页面切换的方法流程示意图;
图3示出了本发明一种实施例提供的当前显示页面示意图;
图4示出了本发明另一种实施例提供的页面切换流程示意图;
图5示出了本发明另一种实施例提供的一种页面切换的方法流程示意图;
图6示出了本发明另一种实施例提供的页面切换流程示意图;
图7示出了本发明另一种实施例提供的页面切换的装置结构示意图;
图8示出了本发明另一种实施例提供的接收模块的结构示意图。
具体实施方式
为了使本发明的技术方案及优点更加清楚明白,以下结合附图对本发明的示例性实施例进行进一步详细的说明,显然,所描述的实施例仅是本发明的一部分实施例,而不是所有实施例的穷举。并且在不冲突的情况下,本说明中的实施例及实施例中的特征可以互相结合。
对于多页面显示信息的场景,现有技术用指示图标指示其所对应的页面为第几页面,而未指示页面的内容,因此通过现有技术进行页面切换时,在将切换页面作为当前显示页面进行显示后,才可获知切换页面的内容,确定切换页面是否为关注页面,增加了关注页面查找时间。为了避免由于在切换页面作为当前显示页面显示前不可获取切换页面信息,增加关注页面查找时间的问题,本发明提出了一种页面切换的方法,该方法应用于一种终端,该终端上运行有页面切换的装置,该页面切换的装置如下述图7所示实施例所述的页面切换的装置。该页面切换的装置可以在切换页面作为当前显示页面显示前可通过预显示区域获取切换页面信息,使得当前页面和其他页面同时显示,缩短了关注页面查找时间,提高了关注页面查找效率。
结合上述实施环境,参见图1所示的实施例,本实施例提供了一种页面切换的方法,该方法流程具体如下:
101:接收页面切换指示,确定页面切换指示的类型及切换页面;
可选地,接收页面切换指示,包括:
记录当前显示页面的显示时间,并根据当前显示页面的内容确定浏览时间;
若显示时间超出浏览时间,则认为接收到页面切换指示;
确定页面切换指示的类型,包括:
确定页面切换指示的类型为立即切换。
可选地,接收页面切换指示,包括:
若捕获到页面指示区域中的滑动手势,且滑动手势与预设切换页面手势匹配,则认为接收到页面切换指示;
确定页面切换指示的类型,包括:
确定页面切换指示的类型为立即切换。
可选地,接收页面切换指示,包括:
若捕获到页面指示区域中任一点被持续按下,且按下时间超过预设时间,则认为接收到页面切换指示;
确定页面切换指示的类型,包括:
确定页面切换指示的类型为预览后切换。
102:基于类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,预显示区域中显示切换页面;
可选地,在当前页面显示预显示区域之后,还包括:
预显示区域的面积随时间逐渐扩大。
可选地,预显示区域的面积随时间逐渐扩大之后,还包括:
当预显示区域的面积随时间扩大至面积阈值时,突显预显示区域。
可选地,类型为立即切换;
基于类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,预显示区域中显示切换页面,包括:
距页面指示区域中切换页面对应指示图标的位置上方预设距离处显示预显示区域;
确定切换页面的背景颜色,并在预显示区域中显示背景颜色。
可选地,类型为预览后切换;
基于类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,预显示区域中显示切换页面,包括:
在页面指示区域中切换页面对应指示图标的位置处浮动显示预显示区域;
确定切换页面的缩略图,并在预显示区域中显示切换页面的缩略图。
可选地,确定切换页面的缩略图,并在预显示区域中显示缩略图之后,还包括:
捕获被持续按下的任一点的滑动轨迹,若根据滑动轨迹确定任一点离开页面指示区域中切换页面对应指示图标的位置,则将切换页面更换为滑动轨迹在页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在预显示区域中显示更换后切换页面的缩略图;
重复执行捕获任一点的滑动轨迹,若根据滑动轨迹确定任一点离开页面指示区域中切换页面对应指示图标的位置,则将切换页面更换为滑动轨迹在页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在预显示区域中显示更换后切换页面的缩略图的步骤,直至任一点松开。
103:基于预显示区域将当前显示页面切换为切换页面。
可选地,类型为立即切换;
基于预显示区域将当前显示页面切换为切换页面,包括:
在预显示区域中显示切换页面的内容;
将预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为切换页面。
可选地,类型为预览后切换;
基于预显示区域将当前显示页面切换为切换页面,包括:
当被持续按下的任一点松开时,将预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为切换页面。
有益效果:
通过接收页面切换指示,确定页面切换指示的类型及切换页面;基于类型及切换页面对应指示图标的位置,在当前页面显示预显示区域,且该预显示区域中显示切换页面;基于预显示区域将当前显示页面切换为切换页面,使得在切换页面作为当前显示页面显示前可通过预显示区域获取切换页面信息,实现了当前页面和其他页面同时显示的功能,缩短了关注页面查找时间,提高了关注页面查找效率。同时,根据当前显示页面的显示时间自动执行本实施例提供的页面切换方法,避免了页面较多时,人工滑动切换页面的繁琐以及指示图标难于辨别时造成的信息显示不全的情况发生。
结合上述实施环境,参见图2所示的实施例,本实施例提供了一种页面切换的方法,为了便于理解,以当前页面为图3所示的页面总数为5,当前显示第2页面,指示图标为圆点,第2页面显示内容为黑色星型,第3页面显示内容为黑色矩形,且页面切换指示的类型为立即切换为例,对本实施例提供的方法进行详细地举例说明,本实施例提供的方法流程具体如下:
201:接收页面切换指示;
本实施例不对接收页面切换指示的具体实施方法进行限定,包括但不限于如下两种方法。
第一种方法:记录当前显示页面的显示时间,并根据当前显示页面的内容确定浏览时间;若显示时间超出浏览时间,则认为接收到页面切换指示;
在实际应用中,当前显示页面的内容不同,用户浏览速度不同,进而浏览时间也不同,为了既保证用户浏览当前显示页面的全部内容,又提高页面切换速度,第一种方法中可以根据当前显示页面的内容确定浏览时间。
例如,若当前页面显示内容为文字,则确定浏览时间为30秒,若当前页面显示内容为图片,则确定浏览时间为2秒。
当然,当前页面显示内容为文字时确定的浏览时间还可以为其他时间,当前页面显示内容为图片时确定的浏览时间也可以为其他时间,本实施例不对当前页面显示内容为文字时确定的浏览时间,以及当前页面显示内容为图片时确定的浏览时间进行具体限定。
第二种方法:若捕获到页面指示区域中的滑动手势,且该滑动手势与预设切换页面手势匹配,则认为接收到页面切换指示。
例如,若捕获到页面指示区域中的滑动手势如图4(a)所示,且预设切换页面手势也如4(a)所示,即捕获到的滑动手势与预设切换页面手势匹配,则认为接收到页面切换指示。
202:确定页面切换指示的类型及切换页面;
对于确定页面切换指示的类型的具体实施方式,根据步骤201中接收页面切换指示的方法不同而不同。
若步骤201中接收页面切换指示的具体方式为第一种方法或者第二种方法,即由于显示时间超出浏览时间认为接收到页面切换指示,或者由于捕获到页面指示区域中的滑动手势,且该滑动手势与预设切换页面手势匹配,认为接收到页面切换指示,则确定页面切换指示的类型为立即切换。
除此之外,若步骤201中接收页面切换指示的具体方式为其他方式,则确定页面切换指示的类型也为其他类型。
对于确定切换页面的具体实施方式,包括但不限于:确定当前显示页面,将当前显示页面的下一页面或者上一页面作为切换页面。或者,页面指示区域中被持续按下的任一点所属指示图标对应的页面作为切换页面。
203:基于立即切换的类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,且预显示区域中显示切换页面;
本步骤的具体实现方式,包括但不限于:距页面指示区域中切换页面对应指示图标的位置上方预设距离处显示预显示区域;确定切换页面的背景颜色,并在预显示区域中显示背景颜色。
以预设距离为1厘米,预显示区域为半径为0.5厘米的圆,切换页面为第3页面,第3页面的背景颜色为白色为例,距页面指示区域中第3页面对应第3个圆点的位置上方1厘米处显示半径为0.5厘米的圆,并在该圆中显示白色,如图4(b)所示。
另外,为了提升预显示区域的显示效果,可选地,在当前页面显示预显示区域之后,还可以将预显示区域的面积随时间逐渐扩大。具体实现方式包括但不限于:将预显示区域随时间同时向四周扩散,使得预显示区域的面积随时间逐渐扩大。
此外,为了在当前显示页面上更加突显预显示区域,使用户焦点转移至预显示区域,获得更多关注,可选地,预显示区域的面积随时间逐渐扩大之后,实时监控预显示区域的面积,当预显示区域的面积随时间扩大至面积阈值时,突显预显示区域。
其中,突显预显示区域的具体实现方式本实施例不做限定,例如:将当前页面设置为灰色,或者,将预显示区域的边框标为例如黄、红等其他颜色,或者,将预显示区域的边框加粗。
204:基于预显示区域将当前显示页面切换为切换页面。
本步骤具体实现方式包括但不限于:若预显示区域的面积随时间逐渐扩大,则在预显示区域中显示切换页面的内容;将预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为切换页面。
以第3页面内容为黑色矩形,第3页面的背景颜色为白色为例,在预显示区域中显示黑色矩形,同时预显示区域的背景为白色,将预显示区域随时间同时向四周扩散,直至扩散至整个区域,如图4(c)和图4(d)。
当然,根据实际应用场景以及用户个人喜好,在预显示区域中显示切换页面的内容之后,除了通过将预显示区域随时间同时向四周扩散,直至扩散至整个区域的动效实现将当前显示页面切换为切换页面的效果之外,还可以通过其他动效实现将当前显示页面切换为切换页面的效果,本实施例不对具体动效内容进行限定。
另外,在当前显示页面切换为切换页面的同时仍然会更新页面指示区域中对当前显示页面的指示,具体实施方法与现有技术相同,此处不再赘述。
需要说明的是,本实施例及后续实施例仅以配有触摸屏的设备接收触摸为例进行说明,在实际应用中,本实施例的方法依然适用于未配置触摸屏而通过鼠标操作的设备,例如台式电脑,笔记本电脑等。对于鼠标操作情况,本实施例中描述的滑动手势对应于鼠标操作轨迹,页面指示区域中任一点的持续按下对应于鼠标左键持续按下。对于鼠标操作的具体实施方式,本实施例不再赘述。同时,对于鼠标操作情况与本实施例中滑动手势及持续按下的对应关系,还可以为其他对应关系,本实施例也不做具体限定。
此外,本实施例中的诸如滑动手势等触摸操作均支持左右手操作。
本实施例通过步骤203中基于类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,且预显示区域中显示切换页面的操作,将预显示区域与页面内容进行关联绑定,弥补了指示图标与页面内容关联性不高的确定,增强页面切换的指向性,缩短关注页面查找时间,提高关注页面查找效率。
本实施例通过步骤201第一种方法中若当前显示页面的显示时间超出浏览时间,则认为接收到页面切换指示,从而自动执行本实施例提供的页面切换方法,避免了页面较多时,人工滑动切换页面的繁琐,同时避免了指示图标难于辨别时造成的信息显示不全的情况发生。
例如,若当前显示页面的背景颜色与圆点颜色较接近,页面指示区域中圆点数量很难辨别,甚至整个页面指示区域均很难辨别。在这种指示区域的指示效果较模糊的情况下,用户很难确定当前显示页面是否有下一页面或者上一页面,若在实际存在下一页面但用户错误的判断无下一页面,则通过现有技术的方法不会在页面指示区域中的捕获到切换到下一页面的滑动手势,进而不会切换到下一页面,造成信息显示不全。而本实施例通过步骤201第一种方法中若当前显示页面的显示时间超出浏览时间,则认为接收到页面切换指示自动执行本实施例提供的页面切换方法,避免了上述情况造成的信息显示不全。
有益效果:
通过接收页面切换指示,确定页面切换指示的类型及切换页面;基于类型及切换页面对应指示图标的位置,在当前页面显示预显示区域,且该预显示区域中显示切换页面;基于预显示区域将当前显示页面切换为切换页面,使得在切换页面作为当前显示页面显示前可通过预显示区域获取切换页面信息,实现了当前页面和其他页面同时显示的功能,缩短了关注页面查找时间,提高了关注页面查找效率。同时,根据当前显示页面的显示时间自动执行本实施例提供的页面切换方法,避免了页面较多时,人工滑动切换页面的繁琐以及指示图标难于辨别时造成的信息显示不全的情况发生。
结合上述实施环境,参见图5所示的实施例,本实施例提供了一种页面切换的方法,为了便于理解,以当前页面为图3所示的页面总数为5,当前显示第2页面,指示图标为圆点,第2页面显示内容为黑色星型,第3页面显示内容为黑色矩形,第4页面显示内容为黑色三角形,且页面切换指示的类型为立即切换为例,对本实施例提供的方法进行详细地举例说明,本实施例提供的方法流程具体如下:
501:接收页面切换指示;
本实施例不对接收页面切换指示的具体实施方法进行限定,包括但不限于:若捕获到页面指示区域中任一点被持续按下,且按下时间超过预设时间,则认为接收到页面切换指示。
以预设时间为3秒为例,若如图6(a)所示,捕获到页面指示区域中点A被持续按下,且按下时间超过3秒,则认为接收到页面切换指示。
502:确定页面切换指示的类型及切换页面;
对于确定页面切换指示的类型的具体实施方式,根据步骤501中接收页面切换指示的方法不同而不同。
若步骤501中接收页面切换指示的具体方法为:由于捕获到页面指示区域中任一点被持续按下,且按下时间超过预设时间,认为接收到页面切换指示,则确定页面切换指示的类型为预览后切换。
除此之外,若步骤501中接收页面切换指示的具体方式为其他方式,则确定页面切换指示的类型也为其他类型。
对于确定切换页面的具体实施方式,包括但不限于:确定当前显示页面,将当前显示页面的下一页面或者上一页面作为切换页面。或者,页面指示区域中被持续按下的任一点所属指示图标对应的页面作为切换页面。
503:基于预览后切换的类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,且预显示区域中显示切换页面;
本步骤的具体实现方式,包括但不限于:在页面指示区域中切换页面对应指示图标的位置处浮动显示预显示区域;确定切换页面的缩略图,并在预显示区域中显示切换页面的缩略图。
以预设区域为半径为0.5厘米的圆,切换页面为第3页面,第3页面内容为黑色矩形为例,在页面指示区域中第2页面对应第2个圆点的位置处浮动显示半径为0.5厘米的圆,并在该圆中显示第3页面黑色矩形的缩略图,如图6(b)所示。
由于预显示区域位于页面指示区域中的指示图标处,因此预显示区域与页面指示区域部分或者完全重叠,为了便于用户查看重叠处下方所显示的内容,优选的,上述在页面指示区域中切换页面对应指示图标的位置处浮动显示预显示区域的具体实现时,可以根据实际情况提高浮动显示的预显示区域的透明度,以方便通过预显示区域查看其下方的内容。
仍以预设区域为半径为0.5厘米的圆,切换页面为第3页面,第3页面内容为黑色矩形为例,为了方便通过预显示区域查看其下方的内容,将图6(b)中所示的半径为0.5厘米的圆的透明度设为80%,如图6(c)所示。
当然,透明度还可以为其他数值,本实施例不对透明度具体数值进行限定。
需要说明的是,在实际实施时,在步骤501中通过捕获到页面指示区域中任一点被持续按下,且按下时间超过预设时间才确定为本步骤采用在页面指示区域中切换页面对应指示图标的位置处浮动显示预显示区域,并在预显示区域中显示切换页面的缩略图的方式,因此,在执行该方式相关操作时,被持续按下的任一点依然处于被按下中。若在执行该方式相关操作的过程中该任一点松开,则执行步骤504。
另外,对于在页面指示区域中切换页面对应指示图标的位置处浮动显示预显示区域,并在预显示区域中显示切换页面的缩略图的方式,由于其预显示区域中显示的为切换页面的缩略图,因此,在切换页面作为当前显示页面显示前,可通过预显示区域获取切换页面信息,并直接判断切换页面是否为关注页面,若该切换页面为非关注页面,可以通过移动被持续按下的任一点实现切换页面的更换,以保证切换后的页面即为关注页面,弥补指示图标与页面内容关联性不高的确定,增强页面切换的指向性,缩短关注页面查找时间,提高关注页面查找效率。切换页面的具体更换功能,包括但不限于通过如下三个步骤实现。
步骤一:捕获被持续按下的任一点的滑动轨迹;
步骤二:若根据滑动轨迹确定任一点离开页面指示区域中切换页面对应指示图标的位置,则将切换页面更换为滑动轨迹在页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在预显示区域中显示更换后切换页面的缩略图;
步骤三:重复执行步骤一和步骤二,直至任一点松开。
以图6(c)中所示的当前页面为第2页面,切换页面为第3页面,预显示区域中显示的为第3页面的缩略图,第4页面的内容为黑色三角为例,若第3页面非关注页面,此时捕获被持续按下的A点的滑动轨迹如图6(d)所示,则将切换页面更换为滑动轨迹在页面指示区域中所在位置所属第4圆点对应的第4页面,确定第4页面的黑色三角缩略图,并在预显示区域中显示第4页面的黑色三角缩略图,参见图6(e)。
此外,为了提升预显示区域的显示效果,可选地,在当前页面显示预显示区域之后,还可以将预显示区域的面积随时间逐渐扩大。
此外,为了在当前显示页面上更加突显预显示区域,使用户焦点转移至预显示区域,获得更多关注,可选地,预显示区域的面积随时间逐渐扩大之后,当预显示区域的面积随时间扩大至面积阈值时,突显预显示区域。
504:基于预显示区域将当前显示页面切换为切换页面。
本步骤具体实现方式包括但不限于:若预显示区域的面积随时间逐渐扩大,则当被持续按下的任一点松开时,将预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为切换页面。
以第4页面的内容为黑色三角为例,当被持续按下的点A松开时,预显示预取显示图6(e)所示内容,则将图6(e)所示的预显示区域同时向四周扩散,直至扩散至整个区域,如图6(f)和图6(g)。
当然,根据实际应用场景以及用户个人喜好,在将切换页面作为当前显示页面进行显示的步骤具体执行时,还可以增加动效,以在将当前显示页面切换为切换页面的同时,提高关感,例如,切换页面飞入后作为当前页面显示,本实施例不对具体动效内容进行限定。
另外,在当前显示页面切换为切换页面的同时仍然会更新页面指示区域中对当前显示页面的指示,具体实施方法与现有技术相同,此处不再赘述。
此外,本实施例中的诸如持续按下等触摸操作均支持左右手操作。
本实施例通过步骤503中基于类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,且预显示区域中显示切换页面的操作,将预显示区域与页面内容进行关联绑定,弥补了指示图标与页面内容关联性不高的确定,增强页面切换的指向性,缩短关注页面查找时间,提高关注页面查找效率。
有益效果:
通过接收页面切换指示,确定页面切换指示的类型及切换页面;基于类型及切换页面对应指示图标的位置,在当前页面显示预显示区域,且该预显示区域中显示切换页面;基于预显示区域将当前显示页面切换为切换页面,使得在切换页面作为当前显示页面显示前可通过预显示区域获取切换页面信息,实现了当前页面和其他页面同时显示的功能,缩短了关注页面查找时间,提高了关注页面查找效率。同时,根据当前显示页面的显示时间自动执行本实施例提供的页面切换方法,避免了页面较多时,人工滑动切换页面的繁琐以及指示图标难于辨别时造成的信息显示不全的情况发生。
基于同一发明构思,参见图7所示的实施例,本实施例提供了一种页面切换的装置,由于这些装置解决问题的原理与一种页面切换的方法相似,因此这些装置的实施可以参见方法的实施,重复之处不再赘述。
该装置包括:
接收模块701,用于接收页面切换指示;
确定模块702,用于确定接收模块701接收到的页面切换指示的类型及切换页面;
显示模块703,用于基于确定模块702确定的类型及页面指示区域中切换页面对应指示图标的位置,在当前页面显示预显示区域,预显示区域中显示切换页面;
切换模块704,用于基于显示模块703显示的预显示区域将当前显示页面切换为切换页面。
参见图8,接收模块701,包括:
记录单元7011,用于记录当前显示页面的显示时间;
第一确定单元7012,用于根据当前显示页面的内容确定浏览时间;
第二确定单元7013,用于当记录单元7011记录的显示时间超出第一确定单元7012确定的浏览时间时,认为接收到页面切换指示;
其中,确定模块702,用于确定页面切换指示的类型为立即切换。
可选地,接收模块701,用于当捕获到页面指示区域中的滑动手势,且滑动手势与预设切换页面手势匹配时,认为接收到页面切换指示;
其中,确定模块702,用于确定页面切换指示的类型为立即切换。
可选地,接收模块701,用于当捕获到页面指示区域中任一点被持续按下,且按下时间超过预设时间时,认为接收到页面切换指示;
其中,确定模块702,用于确定页面切换指示的类型为预览后切换。
可选地,显示模块703,还用于将预显示区域的面积随时间逐渐扩大。
可选地,显示模块703,还用于当预显示区域的面积随时间扩大至面积阈值时,突显预显示区域。
可选地,当类型为立即切换时,显示模块703,用于距页面指示区域中切换页面对应指示图标的位置上方预设距离处显示预显示区域;确定切换页面的背景颜色,并在预显示区域中显示背景颜色;
其中,切换模块704,用于在预显示区域中显示切换页面的内容;将预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为切换页面。
可选地,当类型为预览后切换时,显示模块703,用于在页面指示区域中切换页面对应指示图标的位置处浮动显示预显示区域;确定切换页面的缩略图,并在预显示区域中显示切换页面的缩略图;
其中,切换模块704,用于当被持续按下的任一点松开时,将预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为切换页面。
显示模块703,还用于捕获被持续按下的任一点的滑动轨迹,若根据滑动轨迹确定任一点离开页面指示区域中切换页面对应指示图标的位置,则将切换页面更换为滑动轨迹在页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在预显示区域中显示更换后切换页面的缩略图;重复执行捕获任一点的滑动轨迹,若根据滑动轨迹确定任一点离开页面指示区域中切换页面对应指示图标的位置,则将切换页面更换为滑动轨迹在页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在预显示区域中显示更换后切换页面的缩略图的步骤,直至任一点松开。
有益效果如下:
通过接收页面切换指示,确定页面切换指示的类型及切换页面;基于类型及切换页面对应指示图标的位置,在当前页面显示预显示区域,且该预显示区域中显示切换页面;基于预显示区域将当前显示页面切换为切换页面,使得在切换页面作为当前显示页面显示前可通过预显示区域获取切换页面信息,实现了当前页面和其他页面同时显示的功能,缩短了关注页面查找时间,提高了关注页面查找效率。同时,根据当前显示页面的显示时间自动执行本实施例提供的页面切换方法,避免了页面较多时,人工滑动切换页面的繁琐以及指示图标难于辨别时造成的信息显示不全的情况发生。
以上实施例仅用于说明本发明的技术方案而非对其进行限制,在不背离本发明精神及其实质的情况下,本领域人员可以根据本发明作出各种相应的改变和变形,但这些相应的改变和变形都应属于本发明所附的权利要求的保护范围内。
Claims (18)
1.一种页面切换的方法,其特征在于,包括如下步骤:
接收页面切换指示,确定所述页面切换指示的类型及切换页面;
基于所述类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面;
基于所述预显示区域将所述当前显示页面切换为所述切换页面。
2.根据权利要求1所述的方法,其特征在于,所述接收页面切换指示,包括:
记录当前显示页面的显示时间,并根据当前显示页面的内容确定浏览时间;
若所述显示时间超出所述浏览时间,则认为接收到页面切换指示;
所述确定所述页面切换指示的类型,包括:
确定所述页面切换指示的类型为立即切换。
3.根据权利要求1所述的方法,其特征在于,所述接收页面切换指示,包括:
若捕获到页面指示区域中的滑动手势,且所述滑动手势与预设切换页面手势匹配,则认为接收到页面切换指示;
所述确定所述页面切换指示的类型,包括:
确定所述页面切换指示的类型为立即切换。
4.根据权利要求1所述的方法,其特征在于,所述接收页面切换指示,包括:
若捕获到所述页面指示区域中任一点被持续按下,且按下时间超过预设时间,则认为接收到页面切换指示;
所述确定所述页面切换指示的类型,包括:
确定所述页面切换指示的类型为预览后切换。
5.根据权利要求1所述的方法,其特征在于,所述在当前页面显示预显示区域之后,还包括:
所述预显示区域的面积随时间逐渐扩大。
6.根据权利要求5所述的方法,其特征在于,所述预显示区域的面积随时间逐渐扩大之后,还包括:
当所述预显示区域的面积随时间扩大至面积阈值时,突显所述预显示区域。
7.根据权利要求1、2、3、5或6所述的方法,其特征在于,所述类型为立即切换;
所述基于所述类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面,包括:
距页面指示区域中所述切换页面对应指示图标的位置上方预设距离处显示预显示区域;
确定所述切换页面的背景颜色,并在所述预显示区域中显示所述背景颜色;
所述基于所述预显示区域将当前显示页面切换为所述切换页面,包括:
在所述预显示区域中显示所述切换页面的内容;
将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
8.根据权利要求1、4、5或6所述的方法,其特征在于,所述类型为预览后切换;
所述基于所述类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面,包括:
在页面指示区域中所述切换页面对应指示图标的位置处浮动显示预显示区域;
确定所述切换页面的缩略图,并在所述预显示区域中显示所述切换页面的缩略图;
所述基于所述预显示区域将当前显示页面切换为所述切换页面,包括:
当被持续按下的所述任一点松开时,将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
9.根据权利要求8所述的方法,其特征在于,所述确定所述切换页面的缩略图,并在所述预显示区域中显示所述缩略图之后,还包括:
捕获被持续按下的所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图;
重复执行捕获所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图的步骤,直至所述任一点松开。
10.一种页面切换的装置,其特征在于,包括如下步骤:
接收模块,用于接收页面切换指示;
确定模块,用于确定所述接收模块接收到的页面切换指示的类型及切换页面;
显示模块,用于基于所述确定模块确定的类型及页面指示区域中所述切换页面对应指示图标的位置,在当前页面显示预显示区域,所述预显示区域中显示所述切换页面;
切换模块,用于基于所述显示模块显示的预显示区域将所述当前显示页面切换为所述切换页面。
11.根据权利要求10所述的装置,其特征在于,所述接收模块,包括:
记录单元,用于记录当前显示页面的显示时间;
第一确定单元,用于根据当前显示页面的内容确定浏览时间;
第二确定单元,用于当所述记录单元记录的显示时间超出所述第一确定单元确定的浏览时间时,认为接收到页面切换指示;
所述确定模块,用于确定所述页面切换指示的类型为立即切换。
12.根据权利要求10所述的装置,其特征在于,所述接收模块,用于当捕获到页面指示区域中的滑动手势,且所述滑动手势与预设切换页面手势匹配时,认为接收到页面切换指示;
所述确定模块,用于确定所述页面切换指示的类型为立即切换。
13.根据权利要求10所述的装置,其特征在于,所述接收模块,用于当捕获到所述页面指示区域中任一点被持续按下,且按下时间超过预设时间时,认为接收到页面切换指示;
所述确定模块,用于确定所述页面切换指示的类型为预览后切换。
14.根据权利要求10所述的装置,其特征在于,所述显示模块,还用于将所述预显示区域的面积随时间逐渐扩大。
15.根据权利要求14所述的装置,其特征在于,所述显示模块,还用于当所述预显示区域的面积随时间扩大至面积阈值时,突显所述预显示区域。
16.根据权利要求10、11、12、14或15所述的装置,其特征在于,所述类型为立即切换;
所述显示模块,用于距页面指示区域中所述切换页面对应指示图标的位置上方预设距离处显示预显示区域;确定所述切换页面的背景颜色,并在所述预显示区域中显示所述背景颜色;
所述切换模块,用于在所述预显示区域中显示所述切换页面的内容;将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
17.根据权利要求10、13、14或15所述的装置,其特征在于,所述类型为预览后切换;
所述显示模块,用于在页面指示区域中所述切换页面对应指示图标的位置处浮动显示预显示区域;确定所述切换页面的缩略图,并在所述预显示区域中显示所述切换页面的缩略图;
所述切换模块,用于当被持续按下的所述任一点松开时,将所述预显示区域的面积随时间扩大至整个区域,以将当前显示页面切换为所述切换页面。
18.根据权利要求17所述的装置,其特征在于,所述显示模块,还用于捕获被持续按下的所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图;重复执行捕获所述任一点的滑动轨迹,若根据所述滑动轨迹确定所述任一点离开所述页面指示区域中所述切换页面对应指示图标的位置,则将切换页面更换为所述滑动轨迹在所述页面指示区域中所在位置所属指示图标对应的页面,确定更换后切换页面的缩略图,并在所述预显示区域中显示所述更换后切换页面的缩略图的步骤,直至所述任一点松开。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510129062.7A CN106155499A (zh) | 2015-03-23 | 2015-03-23 | 页面切换的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510129062.7A CN106155499A (zh) | 2015-03-23 | 2015-03-23 | 页面切换的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106155499A true CN106155499A (zh) | 2016-11-23 |
Family
ID=58063411
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510129062.7A Pending CN106155499A (zh) | 2015-03-23 | 2015-03-23 | 页面切换的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106155499A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107272984A (zh) * | 2017-05-19 | 2017-10-20 | 北京金山安全软件有限公司 | 一种应用图标预览方法、装置及电子设备 |
CN107340886A (zh) * | 2017-08-04 | 2017-11-10 | 腾讯科技(深圳)有限公司 | 一种软键盘状态确定方法、装置、介质及终端 |
CN107977151A (zh) * | 2017-12-21 | 2018-05-01 | 深圳豪客互联网有限公司 | 一种浏览器控制方法及装置 |
CN109391773A (zh) * | 2018-09-21 | 2019-02-26 | 百度在线网络技术(北京)有限公司 | 全景页面切换时拍摄点的移动控制方法和装置 |
CN112256182A (zh) * | 2020-10-29 | 2021-01-22 | 深圳市皓丽智能科技有限公司 | 一种翻页方法以及相关装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102830893A (zh) * | 2011-06-17 | 2012-12-19 | 腾讯科技(深圳)有限公司 | 屏幕显示控制方法及*** |
CN103577087A (zh) * | 2012-08-09 | 2014-02-12 | 腾讯科技(深圳)有限公司 | 基于触摸屏的页面切换方法和装置 |
CN103714131A (zh) * | 2013-12-17 | 2014-04-09 | 宇龙计算机通信科技(深圳)有限公司 | 电子文档阅读的方法及其移动终端 |
CN103970827A (zh) * | 2013-01-31 | 2014-08-06 | 三星电子株式会社 | 页面搜索方法及支持所述方法的电子设备 |
-
2015
- 2015-03-23 CN CN201510129062.7A patent/CN106155499A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102830893A (zh) * | 2011-06-17 | 2012-12-19 | 腾讯科技(深圳)有限公司 | 屏幕显示控制方法及*** |
CN103577087A (zh) * | 2012-08-09 | 2014-02-12 | 腾讯科技(深圳)有限公司 | 基于触摸屏的页面切换方法和装置 |
CN103970827A (zh) * | 2013-01-31 | 2014-08-06 | 三星电子株式会社 | 页面搜索方法及支持所述方法的电子设备 |
CN103714131A (zh) * | 2013-12-17 | 2014-04-09 | 宇龙计算机通信科技(深圳)有限公司 | 电子文档阅读的方法及其移动终端 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107272984A (zh) * | 2017-05-19 | 2017-10-20 | 北京金山安全软件有限公司 | 一种应用图标预览方法、装置及电子设备 |
CN107340886A (zh) * | 2017-08-04 | 2017-11-10 | 腾讯科技(深圳)有限公司 | 一种软键盘状态确定方法、装置、介质及终端 |
CN107977151A (zh) * | 2017-12-21 | 2018-05-01 | 深圳豪客互联网有限公司 | 一种浏览器控制方法及装置 |
CN109391773A (zh) * | 2018-09-21 | 2019-02-26 | 百度在线网络技术(北京)有限公司 | 全景页面切换时拍摄点的移动控制方法和装置 |
CN109391773B (zh) * | 2018-09-21 | 2021-08-10 | 百度在线网络技术(北京)有限公司 | 全景页面切换时拍摄点的移动控制方法和装置 |
CN112256182A (zh) * | 2020-10-29 | 2021-01-22 | 深圳市皓丽智能科技有限公司 | 一种翻页方法以及相关装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106155499A (zh) | 页面切换的方法和装置 | |
CN102779008B (zh) | 一种屏幕截图方法和*** | |
CN106843665B (zh) | 一种截图方法、装置及终端设备 | |
CN102830914A (zh) | 操作终端设备的方法及其设备 | |
CN104965664A (zh) | 应用程序操作方法和装置 | |
CN105491452A (zh) | 一种多视频窗口层级切换方法及装置 | |
CN104035684A (zh) | 一种应用于移动终端上的动态截屏方法及*** | |
CN103425382B (zh) | 图标查找方法、装置及终端 | |
CN112306607A (zh) | 截图方法和装置、电子设备和可读存储介质 | |
CN105892689A (zh) | 一种移动终端图片查找的方法及移动终端 | |
CN105827963A (zh) | 一种拍照过程中场景变化检测方法及移动终端 | |
CN106155507A (zh) | 一种页面内容显示方法及电子设备 | |
CN113805996A (zh) | 信息展示方法和装置 | |
CN110704377B (zh) | 多媒体文件的处理方法、装置、处理器及电子装置 | |
CN112911147A (zh) | 显示控制方法、显示控制装置及电子设备 | |
CN112698775B (zh) | 图像显示方法、装置和电子设备 | |
CN113010738B (zh) | 视频处理方法、装置、电子设备及可读存储介质 | |
CN114063841A (zh) | 文本选择方法、文本选择装置和电子设备 | |
WO2018049603A1 (zh) | 控制方法、控制装置及电子装置 | |
CN102799343A (zh) | 一种显示索引图标内容的方法和装置 | |
CN112181252B (zh) | 截屏方法、装置及电子设备 | |
CN113253883A (zh) | 应用界面显示方法、装置和电子设备 | |
CN112684963A (zh) | 截图方法、装置及电子设备 | |
CN112596643A (zh) | 应用图标的管理方法及装置 | |
CN104021215A (zh) | 一种图片整理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161123 |
|
RJ01 | Rejection of invention patent application after publication |