页面切换系统、触控装置及页面切换方法

摘要

本发明提供一种页面切换系统、触控装置及页面切换方法。触控装置包括一触摸屏、一显示单元以及一存储单元。触摸屏实时感应用户的触摸操作。存储单元存储有显示的各个页面的内容。该方法包括：确定触摸操作为向前还是向后切换页面，并确定所需切换的目标页；获取当前页以及目标页的内容；当向后切换页面时，控制当前页的内容分为两部分分别以逐渐远离用户视线的方向朝向触摸屏两侧翻开，且目标页的内容在当前页朝向触摸屏两侧翻开时逐渐显示于显示单元；当先前切换页面时，控制目标页的内容分为两部分分别以逐渐靠近用户视线的方向朝向触摸屏中心合并，且当前页的内容在目标页朝向触摸屏中心合并时逐渐被遮盖，从而表现页面切换的动态效果。

说明书

技术领域

本发明涉及一种触控装置，尤其涉及一种可进行页面切换的触控装置，以及一种页面切换系统及方法。

背景技术

目前，手机、平板电脑以及电子相框等触控装置越来越广泛地被人们使用。由于触摸屏大小的限制，触控装置所有的功能图标无法显示于同一页面，而在用户阅读多媒体文档时，多媒体文档通常也是分成了多页显示。因此，用户需翻动触摸屏窗口将切换至所需浏览的页面。现行的切换页面的方法是通过在触摸屏上任意位置进行单指的水平或竖直方向的滑动操作，使当前页面快速切换至对应的前一页面或后一页面，以呈现位于相应页面的功能图标或内容。然而，此类控制页面切换的触摸方式过于单一，缺乏趣味性，而且不能避免用户误操作，若用户手指不经意地划过触摸屏，则电子装置会误将其识别为页面切换操作而将当前页面切换。

发明内容

有鉴于此，有必要提供一种页面切换系统、触控装置及页面切换方法，以解决以上问题。

本发明提供一种页面切换系统，应用于一触控装置中，该触控装置包括一触摸屏、一显示单元以及一存储单元，该触摸屏包括感应模块，用于实时感应用户的触摸操作并产生相应的触摸信号，该存储单元中存储有该触摸屏所显示的各个页面的内容，该页面切换系统包括：

一识别确定模块，用于根据该触摸信号确定该触摸操作为向前切换页面还是向后切换页面的操作，并确定所需切换的目标页为前一页或后一页；以及

一执行模块，用于获取当前页以及目标页的内容，当所述触摸操作为用于向后切换页面时，控制该当前页的内容分为两部分分别以逐渐远离用户视线的方向朝向触摸屏相对的两侧翻开，且控制该目标页的内容在当前页的内容对应的两部分朝向触摸屏两侧翻开时逐渐显示于该显示单元上；还用于当所述触摸操作为用于先前切换页面时，控制该目标页的内容分为两部分分别以逐渐靠近用户视线的方向朝向触摸屏的垂直中心线合并，且控制该当前页的内容在目标页的内容分为的两部分朝向触摸屏的垂直中心线合并时逐渐被遮盖，从而表现页面切换的动态效果。

本发明还提供一种触控装置，包括一触摸屏、一显示单元、一存储单元以及一处理器，该触摸屏包括感应模块，用于实时感应用户的触摸操作并产生相应的触摸信号，该存储单元中存储有该触摸屏所显示的各个页面的内容，该处理器包括：

一识别确定模块，用于根据该触摸信号确定该触摸操作为向前切换页面还是向后切换页面的操作，并确定所需切换的目标页为前一页或后一页；以及

一执行模块，用于获取当前页以及目标页的内容，当所述触摸操作为用于向后切换页面时，控制该当前页的内容分为两部分分别以逐渐远离用户视线的方向朝向触摸屏相对的两侧翻开，且控制该目标页的内容在当前页的内容对应的两部分朝向触摸屏两侧翻开时逐渐显示于该显示单元上；还用于当所述触摸操作为用于先前切换页面时，控制该目标页的内容分为两部分分别以逐渐靠近用户视线的方向朝向触摸屏的垂直中心线合并，且控制该当前页的内容在目标页的内容分为的两部分朝向触摸屏的垂直中心线合并时逐渐被遮盖，从而表现页面切换的动态效果。

本发明还提供一种页面切换方法，应用于一触控装置中，该触控装置包括一触摸屏、一显示单元以及一存储单元，该触摸屏包括感应模块，用于实时感应用户的触摸操作并产生相应的触摸信号，该存储单元中存储有该触摸屏所显示的各个页面的内容，该方法包括如下步骤：

根据该触摸信号确定该触摸操作为向前切换页面还是向后切换页面的操作，并确定所需切换的目标页为前一页或后一页；

获取当前页以及目标页的内容；

当所述触摸操作为用于向后切换页面时，控制该当前页的内容分为两部分分别以逐渐远离用户视线的方向朝向触摸屏相对的两侧翻开，且控制该目标页的内容在当前页的内容对应的两部分朝向触摸屏两侧翻开时逐渐显示于该显示单元上；以及

当所述触摸操作为用于先前切换页面时，控制该目标页的内容分为两部分分别以逐渐靠近用户视线的方向朝向触摸屏的垂直中心线合并，且控制该当前页的内容在目标页的内容分为的两部分朝向触摸屏的垂直中心线合并时逐渐被遮盖，从而表现页面切换的动态效果。

相较于现有技术，本发明可动态显示页面切换的效果，提高用户的操作体验；当两点触摸操作的触摸位置超过预定位置时完全切换至目标页，有利于避免用户误操作。

附图说明

图1为本发明一较佳实施方式中应用于一触控装置的页面切换系统的硬体架构图。

图2为图1所示的触控装置所显示的切换效果页的示意图。

图3-图6为本发明一实施方式中完成一次完整切换过程的示意图。

图7为本发明一较佳实施方式中的页面切换方法的流程图。

主要元件符号说明

触控装置1触摸屏10显示单元20存储单元30处理器40页面切换系统100感应模块101识别确定模块102执行模块103切换效果页提供子模块1030调取子模块1031合成子模块1032显示控制子模块1033第一部分201第二部分202第三部分203

如下具体实施方式将结合上述附图进一步说明本发明。

具体实施方式

图1为本发明的页面切换系统100的硬体架构图。该页面切换系统100应用于一触控装置1中，该触控装置1可以是任一具有触摸屏10的电子产品，如移动电话、平板电脑或电子相框等。该触摸屏10包括感应模块101，用于实时感应用户在该触摸屏10上的触摸操作并产生相应的触摸信号。该触控装置1还包括一显示单元20、一存储单元30和一处理器40。在本实施方式中，该页面切换系统100存储于该存储单元30中。该存储单元30还存储有该触控装置1所显示的各个页面的内容（如功能图标）。该处理器40用于执行该页面切换系统100的各个功能模块而控制该触控装置1表现页面切换的动态效果。在其它实施方式中，该页面切换系统100的多个功能模块为烧录至该处理器40的程序化模块。

在本实施方式中，该页面切换系统100包括一识别确定模块102以及一执行模块103。

该识别确定模块102用于根据上述感应模块101产生的触摸信号确定该触摸操作为向前切换页面还是向后切换页面的操作，并确定所需切换的目标页。具体的，该识别确定模块102根据接收到的触摸信号确定该触摸操作在该触摸屏10上的触摸位置，并根据该触摸位置确定所述触摸操作是否为两点操作，以及当确定为两点操作时根据该两点操作的轨迹确定该触摸操作为向前切换页面的操作或是向后切换页面的操作，然后，该识别确定模块102根据该触摸操作为向前切换页面的操作或是向后切换页面的操作而确定由当前页所切换至的目标页为前一页或后一页。

更具体的，识别确定模块102当确定两点操作的轨迹为两个触摸点相互远离运动时（如用户同时通过左、右手的食指在该触摸屏10上相互远离滑动），确定该两点操作为用于向后切换页面的操作，目标页为当前页的后一页。识别确定模块102当确定所述两点操作的轨迹为两个触摸点相向运动时（如用户同时通过左、右手的食指在该触摸屏10上相向/相互靠拢滑动），确定两点操作为用于向前切换页面的操作，目标页为当前页的前一页。

该执行模块103用于获取当前页以及目标页的内容，当所述触摸操作为用于向后切换页面时，控制该当前页的内容分为两部分分别以逐渐远离用户视线的方向朝向触摸屏10相对的两侧翻开，且该目标页的内容在当前页的内容对应的两部分朝向触摸屏10两侧翻开时逐渐显示于该显示单元20上。该执行模块103还用于当所述触摸操作为用于先前切换页面时，控制该目标页的内容分为两部分分别以逐渐靠近用户视线的方向朝向触摸屏10的垂直中心线合并，且该当前页的内容在目标页的内容分为的两部分朝向触摸屏10的垂直中心线合并时逐渐被遮盖，从而表现页面切换的动态效果。

在本实施方式中，该执行模块103还进一步包括一切换效果页提供子模块1030、一调取子模块1031、一合成子模块1032以及一显示控制子模块1033。如下结合图3-6介绍该执行模块103包括的各子模块的功能及处理过程。例如，图3所示的当前页为第2页，如果为向后切换，则目标页为第3页，反之，如果为向前切换，则目标页为第1页。以下以当前页为第2页，目标页根据切换的方向为第3页或第1页进行说明。

该切换效果页提供子模块1030用于提供多个切换效果页，每一切换效果页用于与当前页和目标页合成后形成表现页面切换程度的一合成页。每一合成页表现了页面切换到某一程度时的效果。依次形成的多个合成页表现了页面切换的动态过程。图2为本发明较佳实施方式中切换效果页的示意图。每一切换效果页与该显示单元20所显示的页面大小一致，包括对称显示的第一部分201和第二部分202、以及位于第一部分201和第二部分202之间的第三部分203。其中，该第一部分201、第二部分202以及第三部分203均为空白透明区域。当用户向后切换页面时（即目标页为后一页），第一部分201和第二部分202对应于当前页沿触摸屏10垂直中心线分成的两个部分，该第三部分203对应于当前页分成的两个部分向两侧翻开过程中所逐渐显示的后一页部分。当用户向前切换页面时（即目标页为前一页），第一部分201和第二部分202对应于前一页沿触摸屏10的垂直中心线分为两半的两个部分，该第三部分203对应于前一页分为的两个部分向触摸屏10中间合并过程中未被遮盖的当前页部分。

其中，每一个切换效果页的第一部分201、第二部分202以及第三部分203的大小不同，每一切换效果页与当前页以及目标页合成后形成了反映相应页面切换程度的合成页。即，形成了反映向前切换页面时，覆盖了一小部分当前页的程度的合成页，覆盖了一半当前页的程度的合成页等。连续的多个切换效果页分别与当前页以及目标页合成后形成了多个合成页，该些合成页表现了一次完整的由当前页切换至前一页面或者后一页面的过程。

该调取子模块1031用于获取当前页以及目标页的内容，根据该目标页为前一页或后一页而按相应的顺序依次调取一切换效果页，并将该切换效果页覆盖于当前页即第2页上。其中，该调取子模块1031在该目标页为后一页时按第一顺序依次调取切换效果页，在该目标页为前一页时按与第一顺序相反的第二顺序调取切换效果页。其中，按第一顺序依次调取的多个切换效果页中第一部分以及第二部分的面积逐渐减小，第三部分的面积逐渐增大；按第二顺序依次调取的多个切换效果页中第一部分以及第二部分的面积逐渐增大，第三部分的面积逐渐减小。更具体的，所述多个切换效果页均具有一相应的序号，该序号依次增大的多个切换效果页与该后一页以及当前页合成合成页时，反映了由当前页向后切换页面的动态效果；该序号依次减小的多个切换效果页与该前一页以及当前页合成合成页时，反映了由当前页向前切换页面的动态效果。因此，在本实施方式中，该调取子模块1031按该第一顺序依次调取序号逐渐增大的多个切换效果页，按该第二顺序依次调取序号逐渐减小的多个切换效果页。

该合成子模块1032用于当所述触摸操作为用于向后切换页面时，获取当前页即第2页的内容并以预定的方式分别覆盖于该调取子模块1031当前调取的切换效果页的该第一部分201和第二部分202上，同时获取目标页即第3页中对应该切换效果页的第三部分203区域的内容并覆盖于该切换效果页的该第三部分203上，从而合成如图4所示的一合成页。该合成子模块1032还用于当所述触摸操作为用于向前切换页面时，获取目标页即第1页的内容并以预定的方式分别覆盖于该调取子模块1031当前调取的切换效果页的该第一部分201和第二部分202上，同时获取当前页即第2页中对应该切换效果页的第三部分203区域的内容覆盖于该切换效果页的该第三部分203上，从而合成一合成页。

其中，所述预定的方式为该合成子模块1032将当前页或目标页的内容按触摸屏10的垂直中心线划分为两部分内容，并按相应的效果进行调整，然后将所述调整后的两部分内容分别覆盖于该调取子模块1031当前调取的切换效果页的第一部分201和第二部分202上，例如，将当前页所显示的内容划分为左半部分内容（包括功能图标APP1、APP2、APP6、APP6）以及右半部分内容（包括功能图标APP3、APP4、APP7、APP8），然后分别覆盖于该切换效果页的第一部分201和第二部分202上。更具体的，所述两部分内容按相应的效果进行调整为先根据该第一部分201和第二部分202所显示的形状作相应的变形，然后将变形后的两部分内容分别覆盖于该第一部分201以及第二部分202，从而使得所述两部分内容在页面切换过程更加真实地显示。

进一步的，该合成子模块1032将目标页或当前页中对应该切换效果页的第三部分203的区域的内容覆盖于该切换效果页的该第三部分203上，可通过先剪切或复制该目标页或当前页中对应该切换效果页的第三部分203的区域的内容，然后将该内容覆盖于该切换效果页的第三部分203上。

该显示控制子模块1033用于将合成页显示于该显示单元20上。

从而，该调取子模块1031按相应的顺序依次调取该些切换效果页，该合成子模块1032依次合成多个合成页，显示控制子模块1033则依次显示该些合成页，从而展示一页面切换的动态效果。

具体的，该识别确定模块102还用于继续判断该两点操作的触摸位置是否继续变化且超过该触摸屏10的预定位置。在本实施方式中，所述预定位置由两条相互平行的平行线限定，所述平行线分别距离该触摸屏10相对设置的两个边缘预定距离。例如，当用户同时通过左、右手食指在该触摸屏10上相外滑动，直至左、右手食指沿向外的方向分别超过所述的两条平行线时，即为该触摸操作超过该预定位置；当用户通过左、右手食指在该触摸屏10上向内滑动，直至左、右手食指由向内的方向分别超过所述的两条平行线时，即为该触摸操作超过该预定位置。

该调取子模块1031在该识别确定模块102判断该两点操作的触摸位置继续变化但尚未超过该触摸屏10的预定位置时，按相应的顺序继续调用后续的切换效果页，由合成子模块1032以合成上述合成页同样的方式合成如图5所示的各合成页，并通过显示控制子模块1033将每一合成页显示在显示单元20上，从而通过该些连续的合成页动态显示页面切换的效果。该调取子模块1031还用于当该识别确定模块102判断该触摸操作的触摸位置超过该触摸屏10的预定位置时，调用目标页的内容，由该显示控制子模块1033将该目标页的内容完全显示于该显示单元20上（如图6所示）。

在其它实施方式中，该执行模块103不需要依次调取多个切换效果页，并将该些切换效果页与当前页以及目标页相合成以展示页面切换的动态效果。在这种情况下，当所述触摸操作为用于向后切换页面时，该执行模块103控制当前页的内容分为两部分，控制在该显示单元20上所显示的该当前页内容的两部分逐渐减小并朝向触摸屏10相对的两侧翻开；当所述触摸操作为用于向前切换页面时，该执行模块103控制该目标页的内容分为两部分，控制在该显示单元20上所显示的该目标页内容的两部分逐渐增大并朝向触摸屏10的垂直中心线合并。

图7为本发明一较佳实施方式中的页面切换方法的流程图，该方法应用于上述触控装置1中，包括如下步骤：

步骤S71：该识别确定模块102根据该触摸屏10产生的触摸信号确定用户的触摸操作在该触摸屏10上的触摸位置，并根据该触摸位置确定所述触摸操作是否为两点操作，若是，则进行步骤S72；否则，则回到步骤S71。

步骤S72：该识别确定模块102根据该两点操作的轨迹确定该两点操作用于向后切换页面或是向前切换页面，从而确定由当前页所切换至的目标页为前一页或后一页。

步骤S73：该切换效果页提供子模块1030提供多个切换效果页，每个切换效果页对应页面切换过程中一特定时刻的页面效果，该多个切换效果页实现由当前页进行页面切换的动态效果，每一切换效果页包括设置为空白透明区域的第一部分、第二部分以及位于第一部分和第二部分之间的第三部分。

步骤S74：该调取子模块1031获取当前页以及目标页的内容，根据该目标页为前一页或后一页而按相应的顺序依次调取一切换效果页，并将该切换效果页覆盖于当前页即第2页上。

步骤S75：该合成子模块1032在目标页为后一页时，获取当前页即第2页的内容并以预定的方式分别覆盖于该调取子模块1031当前调取的切换效果页的该第一部分201和第二部分202上，同时获取目标页即第3页中对应该切换效果页的第三部分203区域的内容并覆盖于该切换效果页的该第三部分203上，从而合成如图4所示的合成页；当目标页为前一页时，获取目标页即第1页的内容并以预定的方式分别覆盖于该调取子模块1031当前调取的切换效果页的该第一部分201和第二部分202上，同时获取当前页即第2页中对应该切换效果页的第三部分203区域的内容并覆盖于该切换效果页的该第三部分203上，从而合成合成页。

步骤S76：该显示控制子模块1033用于将合成页显示于该显示单元20上。

步骤S77：该识别确定模块102继续判断该两点操作的触摸位置是否继续变化，若是，则进行步骤S78；否则，则回到步骤S77。

步骤S78：该识别确定模块102判断该两点操作的触摸位置是否超过该触摸屏10的预定位置，若是，则进行步骤S79；否则，则回到步骤S74。

步骤S79：该调取子模块1031调用目标页的内容，由该显示控制子模块1033将该目标页的内容完全显示于该显示单元20上（如图6所示）。

本技术领域的普通技术人员应当认识到，以上的实施方式仅是用来说明本发明，而并非用作为对本发明的限定，只要在本发明的实质精神范围之内，对以上实施例所作的适当改变和变化都落在本发明要求保护的范围之内。