CN106933466B - 页面交互方法及系统 - Google Patents

Abstract

本发明实施例提出一种页面交互方法及系统，可以便于用户对页面进行单手操作，提高用户体验。所述方法包括响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；以及响应与所述第一滑动操作连续的第二滑动操作并在所述第二滑动操作消失时，依据该第二滑动操作的滑动方向执行所述至少一操作控件的其中之一所对应的功能，其中所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同。

Description

页面交互方法及系统

技术领域

本发明涉及计算机移动通信技术领域，具体而言，涉及一种基于用户终端的页面交互方法及系统。

背景技术

随着终端技术的快速发展，手机、平板电脑等终端设备得到了广泛的普及和应用，为终端设备开发的应用程序的种类越来越丰富、数量越来越庞大。在很多应用程序中都设置有页面交互的功能。

例如在众多的手机应用程序(APP)中，页面顶部常设置有返回控件、保存控件等用于对当前页面进行跳转、保存的操作，在大屏幕手机下必须用一只手握持手机，另一只手进行点触才能操作，基本无法进行单手操作，极为不便。

发明内容

本发明的目的在于提供一种页面交互方法及系统以提高页面交互的便利性。

为了实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供了一种页面交互方法，所述页面交互方法包括：响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；以及响应与所述第一滑动操作连续的第二滑动操作并在所述第二滑动操作消失时，根据所述第二滑动操作的滑动方向执行所述至少一操作控件的其中之一所对应的功能，所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同。

第二方面，本发明实施例还提供了一种页面交互方法，所述页面交互方法包括：响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；响应与所述第一滑动操作连续的第二滑动操作并根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态，其中所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同；以及在所述第二滑动操作消失时，执行当前显示状态被改变的所述至少一操作控件的其中之一所对应的功能。

第三方面，本发明实施例还提供了一种页面交互系统，所述页面交互系统包括：下拉模块，用于响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；以及第一执行模块，用于响应与所述第一滑动操作连续的第二滑动操作并在所述第二滑动操作消失时，根据所述第二滑动操作执行所述至少一操作控件所对应的功能，其中所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同。

本发明实施例提供的页面交互方法及系统根据第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域，在与所述第一滑动操作连续的且分别朝不同方向的第二滑动操作消失时，依据第二滑动操作的滑动方向执行所述至少一操作控件所对应的功能。如此，用户在操作过程中，通过页面的动态显示可提醒用户当前的操作。并且，用户通过与第一滑动操作连续的第二滑动操作可对页面进行单手操作，使用方便，提高了用户终端的用户体验。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本发明实施例提供的页面交互方法及系统的应用环境示意图；

图2示出了本发明实施例提供的用户终端的结构框图；

图3示出了本发明实施例提供的应用程序的页面的示意图；

图4示出了本发明第一实施例提供的一种页面交互方法的流程示意图；

图5示出了本发明第一实施例提供的应用程序的页面的示意图，其中第一滑动操作作用于页面上；

图6示出了本发明第一实施例提供的应用程序的页面的示意图，其中第二滑动操作作用于页面上；

图7示出了本发明第二实施例提供的一种页面交互方法的流程示意图；

图8示出了本发明第三实施例提供的一种页面交互方法的流程示意图；

图9示出了本发明第三实施例提供的应用程序的页面上显示动画效果的示意图；

图10示出了本发明第三实施例提供的应用程序的页面的操作控件改变显示状态的示意图；

图11示出了本发明第四实施例提供的一种页面交互系统的结构框图；

图12示出了本发明第五实施例提供的一种网页资源处理装置的结构框图。

具体实施方式

本发明实施例所提供的页面交互方法及系统可应用于如图1所示的应用环境中。如图1所示，用户终端100、远程服务器200位于无线网络或有线网络300中，通过该无线网络或有线网络300，用户终端100与远程服务器200进行数据交互。于本发明实施例中，用户终端100中安装有至少一个应用程序(APP)，与远程服务器200相对应，为用户提供服务。

于本发明实施例中，用户终端100优选为移动终端设备，例如可以包括智能手机、平板电脑、电子书阅读器、膝上型便携计算机、车载电脑、穿戴式移动终端等等。

图2示出了一种可应用于本发明实施例中的用户终端100的结构框图。如图2所示，用户终端100包括存储器102、存储控制器104，一个或多个(图中仅示出一个)处理器106、外设接口108、射频模块110、音频模块112、触控屏幕114等。这些组件通过一条或多条通讯总线/信号线116相互通讯。

存储器102可用于存储软件程序以及模块，如本发明实施例中的页面交互方法及系统对应的程序指令/模块，处理器106通过运行存储在存储器102内的软件程序以及模块，从而执行各种功能应用以及数据处理，如本发明实施例提供的页面交互方法。

存储器102可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。处理器106以及其他可能的组件对存储器102的访问可在存储控制器104的控制下进行。

外设接口108将各种输入/输入装置耦合至处理器106以及存储器102。在一些实施例中，外设接口108，处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。

射频模块110用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯。

音频模块112向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。

触控屏幕114在用户终端100与用户之间同时提供一个输出及输入界面。在本实施例中，所述触控屏幕114支持单点和多点触控操作，例如，该触控屏幕114可为支持单点和多点触控操作的电容式触控屏或电阻式触控屏等。支持单点和多点触控操作是触控屏幕114能感应到来自该触控屏11上一个或多个位置处同时产生的触控操作，并将该感应到的多点触控操作交由处理器106进行处理。

可以理解，图2所示的结构仅为示意，用户终端100还可包括比图2中所示更多或者更少的组件，或者具有与图2所示不同的配置。图2中所示的各组件可以采用硬件、软件或其组合实现。

本发明实施例提出的页面交互方法和系统，提供了一种新的页面交互方法。该页面交互方法和系统可适用于Android操作系统、iOS操作系统、Windows Phone操作系统等平台。具体地，本发明实施例提出的页面交互方法和系统可应用于用户终端100的各种应用程序(如UC浏览器客户端、新浪微博客户端等)，以对应用程序的页面进行刷新、保存、添加、返回、设置等操作。

请参阅图3，例如，页面60包括第一区域(如导航栏区域)61和第二区域(如页面内容区域)62。该第一区域61内设置至少一个操作控件，在本实施例中，该操作控件的数量为3个，其中一个操作控件为位于第一区域61大致中间位置的隐藏操作控件63，该隐藏操作控件63通常不会通过用户终端100的显示屏显示而被隐藏。另外两个操作控件分别为位于第一区域61左右两侧的可视操作控件64、65。优选地，该隐藏操作控件63为刷新控件，用于控制页面60进行刷新操作，该可视操作控件64、65分别为返回控件和添加控件，分别控制页面60进行返回操作和添加操作。在其它实施例中，该隐藏操作控件63可为设置控件或分组控件，该可视操作控件64、65也可分别为关闭控件和热点控件。当然，该隐藏操作控件63及可视操作控件64、65也可省略其中的一个或两个。

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

第一实施例

图4示出了本发明第一实施例提供的一种页面交互方法的流程图，所应说明的是，本发明所述的页面交互方法并不以图4以及以下所述的具体顺序为限制。应当理解，在其它实施例中，本发明所述的页面交互方法其中部分步骤的顺序可以根据实际需要相互交换，或者其中的部分步骤也可以省略或删除。下面将对图4所示的具体流程进行详细阐述。

步骤S110，侦测作用于所述页面60的第一滑动操作。

具体地，在应用程序的页面60内，当用户沿触控屏幕114从上往下滑动一定距离时，将该从上往下的滑动操作判定为第一滑动操作。

步骤S120，响应第一滑动操作，将至少一操作控件从页面60的第一区域61移动至第二区域62。

例如，请参图5，当所述第一滑动操作被侦测到后，控制所述隐藏操作控件63及可视操作控件64、65一并从第一区域61移动至第二区域62。由于可移动所述至少一操作控件的位置，从而提供动态效果，以提示用户当前的应用程序的页面60正被操作。

步骤S130，侦测作用于所述页面60的第二滑动操作。

具体地，在应用程序的页面60内，当用户在第一滑动操作结束后且手指未离开触控屏幕114时，继续沿触控屏幕114从左往右或从右往左滑动一定距离时，将该从左往右或从右往左的滑动操作判定为第二滑动操作。上述的第一滑动操作和第二滑动操作是连续的且分别朝不同方向的滑动操作。

需要说明的是，上述从上往下、从左往右或从右往左滑动方向与角度可有误差，无需绝对沿触控屏幕114垂直向下或绝对水平于触控屏幕114。

步骤S140，响应与所述第一滑动操作连续的且分别朝不同方向的第二滑动操作并在所述第二滑动操作消失时(即手指离开触控屏幕114)，依据该第二滑动操作的滑动方向执行所述至少一操作控件的其中之一所对应的功能。

具体地，请参图6，当所述第二滑动操作为沿页面60从右向左的滑动操作且该第二滑动操作消失时，执行页面60左侧的可视操作控件64对应的功能。例如，当所述第二滑动操作的滑动方向为沿触控屏幕114从右向左且该第二滑动操作消失时，控制页面60进行返回操作。

当所述第二滑动操作为沿页面60从左向右的滑动操作且该第二滑动操作消失时，执行页面60右侧的可视操作控件65对应的功能。例如，当所述第二滑动操作的滑动方向为沿触控屏幕114从左往右且该第二滑动操作消失时，控制页面60进行添加操作。

在本实施例中，该第二滑动操作无需触摸到上述的可视操作控件64、65。在其它实施例中，该第二滑动操作可直接触摸到上述的可视操作控件64、65。

第二实施例

图7示出了本发明第二实施例提供的一种页面交互方法的流程图，其与第一实施例不同的是，本发明第二实施例提供的一种页面交互方法还包括：

步骤S122：该步骤S122在步骤S120之后执行，该步骤S122为在所述第一滑动操作消失且未有与所述第一滑动操作连续的且分别朝不同方向的第二滑动操作产生时，执行所述至少一操作控件所对应的功能。优选地，当所述第一滑动操作消失且未有所述第二滑动操作产生时，执行所述隐藏操作控件63对应的功能，例如控制页面60进行刷新操作。

在其它实施例中，也可在所述第一滑动操作消失且未有所述第二滑动操作产生时，执行所述可视操作控件64、65之一所对应的功能，例如控制页面60进行返回操作或添加操作。当然，也可在所述第一滑动操作消失且未有所述第二滑动操作产生时，不执行任何所述操作控件所对应的功能。由上可知，执行所述隐藏操作控件63或可视操作控件64、65之一所对应的功能可预先默认设置。

作为一种可能发生的情形是，在默认执行所述可视操作控件64所对应的功能时，由于用户临时需要执行可视操作控件65所对应的功能，则用户可在所述第一滑动操作结束后且手指未离开触控屏幕时，继续执行所述第二滑动操作并且沿页面60从左向右的滑动，当该第二滑动操作消失时，执行可视操作控件65对应的功能。

本发明第二实施例提供的一种页面交互方法还包括步骤S124：当所述第一滑动操作消失且未有所述第二滑动操作产生时，或所述第二滑动操作消失时，将所述至少一操作控件从页面60的第二区域62移动至第一区域61。显然，该步骤S124可在步骤S122后执行，也可在步骤S140后执行。

第三实施例

图8示出了本发明第三实施例提供的一种页面交互方法的流程图，其与第一实施例不同的是，本发明第三实施例提供的一种页面交互方法还包括：

步骤S132：该步骤S132在步骤S130之后执行，该步骤S132为根据所述第二滑动操作的滑动方向在页面60上显示动画效果。请参阅图9，在本实施例中，所述动画效果可为以动画闪烁的方式向与所述第二滑动操作的滑动方向对应位置的所述至少一操作控件移动，以提醒用户当前的操作情况。可以理解，所述动画效果还可通过其他方式实现。由于本发明的页面交互方法配合适当的动画效果，可营造有趣、易用的氛围，加深用户体验。

以及步骤S142：响应与所述第一滑动操作连续的且分别朝不同方向的第二滑动操作并根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态，在所述第二滑动操作消失时，执行当前显示状态被改变的所述至少一操作控件的其中之一所对应的功能。优选地，上述的改变所述至少一操作控件的其中之一的显示状态可指控制所述可视操作控件64、65高亮显示。显然，该步骤S142可以代替步骤S140。

一方面，根据所述第二滑动操作的滑动方向改变所述至少一操作控件的其中之一的显示状态。在本实施例中，所述至少一操作控件包括分别位于页面左侧和右侧的两个可视操作控件64、65，当所述第二滑动操作为沿页面从左向右的滑动操作时，改变位于右侧的操作控件的显示状态；当所述第二滑动操作为沿页面从右向左的滑动操作时，改变位于左侧的操作控件的显示状态。例如，当所述第二滑动操作为沿页面60从右向左滑动时，改变该可视操作控件64的显示状态。当所述第二滑动操作为沿页面60从左向右滑动时，改变该可视操作控件65的显示状态。

另一方面，根据所述第二滑动操作的滑动方向及滑动距离改变所述至少一操作控件的其中之一的显示状态。在本实施例中，所述至少一操作控件包括同时位于页面左侧或右侧的两个及以上的可视操作控件(如图10所示的页面60左侧的可视操作控件641、642)，且每个可视操作控件641、642分别对应一预设距离。此时，可根据所述第二滑动操作的滑动距离控制所述两个及以上的可视操作控件改变显示状态，即在该第二滑动操作的滑动距离达到预设距离时，改变与该预设距离对应的操作控件的显示状态。例如，当所述第二滑动操作为从右向左滑动第一预设距离时，控制与该第一预设距离对应的可视操作控件641高亮显示(如图10所示的可视操作控件641高亮显示)；当所述第二滑动操作为从右向左滑动第二预设距离时，控制与该第二预设距离对应的可视操作控件642高亮显示。在本实施例中，约定所述可视操作控件641与页面60的中间位置的水平距离对应所述第一预设距离，所述可视操作控件642与页面60的中间位置的水平距离对应所述第二预设距离，因此可认为所述第一预设距离小于所述第二预设距离。

需要说明的是，上述的第二滑动操作的滑动距离应当是第二滑动操作的起始点到结束点的位移。上述的页面左侧和右侧以并非严格按照页面的中间线划分，也可以第二滑动操作的起始点来划分。

可以理解，通过在所述两个及以上的可视操作控件的外周加虚线框的方式也可实现控制可视操作控件改变显示状态。可以理解，控制可视操作控件改变显示状态还可通过控制可视操作控件闪烁、放大等多种方式实现。当然，上述改变操作控件的显示状态的方式对隐藏操作控件依然适用。

显然，通过改变所述至少一操作控件的其中之一的显示状态，可以明确的提示用户，提高了操作的精准度。

第四实施例

请再参阅图11，本发明第四实施例中的页面交互系统40包括侦测模块41、下拉模块42及第一执行模块43。

该侦测模块41用于侦测作用于页面60的滑动操作，并对应该滑动操作输出侦测信号。具体地，在应用程序的页面60内，当用户沿触控屏幕114从上往下滑动一定距离时，该侦测模块41将该从上往下的滑动操作判定为第一滑动操作，并对应该第一滑动操作输出第一侦测信号。当用户在第一滑动操作结束后且手指未离开触控屏幕114时，继续沿页面60从左往右或从右往左滑动一定距离时，该侦测模块41将该从左往右或从右往左的滑动操作判定为第二滑动操作，并分别对应该从左往右和从右往左的所述第二滑动操作输出第二侦测信号和第三侦测信号。

此外，当所述第一滑动操作消失且未有所述第二滑动操作产生时，该侦测模块41输出第一提示信号；当所述第二滑动操作消失时，该侦测模块41输出第二提示信号。

该下拉模块42用于依据侦测模块41侦测到的所述第一滑动操作将所述至少一操作按钮从页面60的第一区域61移动至第二区域62。例如，当侦测模块41输出第一侦测信号后，该下拉模块42控制隐藏操作按钮63及可视操作按钮64、65一并从第一区域61移动至第二区域62。

该第一执行模块43用于在与所述第一滑动操作连续的且分别朝不同方向的第二滑动操作消失时，根据所述第二滑动操作的滑动方向执行所述至少一操作按钮的其中一个所对应的功能。具体地，当所述第二滑动操作为沿页面60从左向右的滑动操作且该第二滑动操作消失时，该第一执行模块43执行页面60右侧的可视操作按钮65对应的功能。例如，当所述第二滑动操作的滑动方向为沿页面60从左往右且该第二滑动操作消失时，该侦测模块41输出第二侦测信号及第二提示信号，该第一执行模块43依据所述第二侦测信号及第二提示信号控制页面60进行添加操作。当所述第二滑动操作为沿页面60从右向左的滑动操作且该第二滑动操作消失时，该第一执行模块43执行页面60左侧的可视操作按钮64对应的功能。例如，当所述第二滑动操作的滑动方向为沿页面60从右向左且该第二滑动操作消失时，该侦测模块41输出第三侦测信号及第二提示信号，该第一执行模块43依据所述第二侦测信号及第二提示信号控制页面60进行返回操作。

第五实施例

图12示出了本发明第五实施例提供的一种页面交互系统40的结构框图，与第四实施例不同的是，本发明第五实施例提供的一种页面交互系统40还包括第二执行模块44、上拉模块45、动画显示模块46及显示状态改变模块47。

该第二执行模块44用于在所述第一滑动操作消失且未有所述第二滑动操作产生时，执行所述至少一操作控件所对应的功能。优选地，当所述第一滑动操作消失且未有所述第二滑动操作产生时，该侦测模块41输出第一提示信号，该第二执行模块44依据该第一提示信号执行所述隐藏操作控件63对应的功能，例如控制页面60进行刷新操作。

在其它实施例中，该第二执行模块44还用于在所述第一滑动操作消失且未有所述第二滑动操作产生时，执行所述可视操作控件64、65之一所对应的功能，例如控制页面60进行返回操作或添加操作。当然，该第二执行模块44也可在所述第一滑动操作消失且未有所述第二滑动操作产生时，不执行任何所述操作控件所对应的功能。由上可知，可预先默认设置所述隐藏操作控件63或可视操作控件64、65之一所对应的功能被该第二执行模块44执行。

该上拉模块45用于当所述第一滑动操作消失且未有所述第二滑动操作产生时，或所述第二滑动操作消失时，将所述至少一操作控件从页面60的第二区域62移动至第一区域61。

该动画显示模块46用于根据第二滑动操作的滑动方向在页面60上显示动画效果。在本实施例中，所述动画效果可为以动画闪烁的方式向与所述第二滑动操作的滑动方向对应位置的所述至少一操作控件移动。可以理解，所述动画效果还可通过其他方式实现。

该显示状态改变模块47用于根据所述第二滑动操作改变所述至少一操作控件的显示状态。此外，所述第一执行模块43进一步用于在所述第二滑动操作消失时，执行当前显示状态被改变的所述至少一操作控件的其中之一所对应的功能。

一方面，根据所述第二滑动操作的滑动方向改变所述至少一操作控件的其中之一的显示状态。在本实施例中，所述至少一操作控件包括分别位于页面左侧和右侧的两个可视操作控件64、65。当所述第二滑动操作为沿页面从左向右的滑动操作时，该显示状态改变模块47改变位于右侧的操作控件的显示状态；当所述第二滑动操作为沿页面从右向左的滑动操作时，该显示状态改变模块47改变位于左侧的操作控件的显示状态。例如，当所述第二滑动操作为沿页面60从右向左滑动时，该显示状态改变模块47改变该可视操作控件64的显示状态。当所述第二滑动操作为沿页面60从左向右滑动时，该显示状态改变模块47改变该可视操作控件65的显示状态。

另一方面，根据所述第二滑动操作的滑动方向及滑动距离改变所述至少一操作控件的显示状态。在本实施例中，所述至少一操作控件包括同时位于页面左侧或右侧的两个及以上的可视操作控(如图10所示的页面60左侧的可视操作控件641、642)，且每个可视操作控件641、642分别对应一预设距离。该显示状态改变模块47用于根据所述第二滑动操作的滑动距离控制所述两个及以上的可视操作控件改变显示状态，即在该第二滑动操作的滑动距离达到预设距离时，改变与该预设距离对应的操作控件的显示状态。例如，当所述第二滑动操作为从右向左滑动第一预设距离时，该显示状态改变模块47控制可视操作控件641高亮显示，所述第一执行模块43执行所述显示状态被改变的可视操作控件641所对应的功能。当所述第二滑动操作为从右向左滑动第二预设距离时，该显示状态改变模块47控制可视操作控件642高亮显示，所述第一执行模块43执行所述显示状态被改变的可视操作控件642所对应的功能。

本发明的第四实施例和第五实施例中的各模块可以是由软件代码实现，此时，上述的各模块可存储于用户终端100的存储器102内。以上各单元同样可以由硬件例如集成电路芯片实现。所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的功能模块的具体描述，可以参考前述的对应方法步骤的具体描述，在此不再一一赘述。

综上所述，本发明实施例提供的页面交互方法及系统根据第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域，在与所述第一滑动操作连续的且分别朝不同方向的第二滑动操作消失时，依据第二滑动操作的滑动方向执行所述至少一操作控件所对应的功能。如此，用户在操作过程中，通过页面的动态显示可提醒用户当前的操作。并且，用户通过与第一滑动操作连续的第二滑动操作可对页面进行单手操作，使用方便，提高了用户终端的用户体验。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本发明实施例所提供的页面交互方法及系统，其实现原理及产生的技术效果和前述方法实施例相同，为简要描述，装置实施例部分未提及之处，可参考前述方法实施例中相应内容。

另外，附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

本发明实施例所提供的计算机程序产品，包括存储了程序代码的计算机可读存储介质，所述程序代码包括的指令可用于执行前面方法实施例中所述的方法，具体实现可参见方法实施例，在此不再赘述。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统、装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

Claims (14)

1.一种页面交互方法，其特征在于，所述页面交互方法包括：

响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；以及

响应与所述第一滑动操作连续的第二滑动操作并在所述第二滑动操作消失时，根据所述第二滑动操作的滑动方向执行所述至少一操作控件的其中之一所对应的功能，所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同；

所述至少一操作控件包括分别位于页面左侧和右侧的两个操作控件；当所述第二滑动操作为沿页面从左向右的滑动操作且该第二滑动操作消失时，执行右侧的操作控件对应的功能；

或者，当所述第二滑动操作为沿页面从右向左的滑动操作且该第二滑动操作消失时，执行左侧的操作控件对应的功能。

2.如权利要求1所述的页面交互方法，其特征在于，所述页面交互方法还包括在所述第一滑动操作消失且未有所述第二滑动操作产生时，执行所述至少一操作控件中一预先默认设置的操作控件所对应的功能。

3.如权利要求1所述的页面交互方法，其特征在于，所述页面交互方法还包括当所述第一滑动操作消失且未有所述第二滑动操作产生时，或所述第二滑动操作消失时，将所述至少一操作控件从页面的第二区域移动至第一区域。

4.一种页面交互方法，其特征在于，所述方法包括：

响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；

响应与所述第一滑动操作连续的第二滑动操作并根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态，其中所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同；以及

在所述第二滑动操作消失时，执行当前显示状态被改变的所述至少一操作控件的其中之一所对应的功能；

所述至少一操作控件包括分别位于页面左侧和右侧的两个操作控件；

所述根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态的步骤包括所述根据所述第二滑动操作的滑动方向改变所述至少一操作控件的其中之一的显示状态，当所述第二滑动操作为沿页面从左向右的滑动操作时，改变位于右侧的操作控件的显示状态；当所述第二滑动操作为沿页面从右向左的滑动操作时，改变位于左侧的操作控件的显示状态。

5.如权利要求4所述的页面交互方法，其特征在于，所述至少一操作控件包括同时位于页面左侧或右侧的两个及以上的操作控件，每一所述操作控件分别对应一预设距离，所述根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态的步骤包括根据所述第二滑动操作的滑动方向及滑动距离改变所述至少一操作控件的其中之一的显示状态，当所述第二滑动操作的滑动距离达到该预设距离时，改变与该预设距离对应的操作控件的显示状态。

6.如权利要求4所述的页面交互方法，其特征在于，所述页面交互方法还包括根据所述第二滑动操作的滑动方向在页面上显示动画效果。

7.一种页面交互系统，其特征在于，所述页面交互系统包括：

下拉模块，用于响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；以及

第一执行模块，用于响应与所述第一滑动操作连续的第二滑动操作并在所述第二滑动操作消失时，根据所述第二滑动操作执行所述至少一操作控件所对应的功能，其中所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同；

所述至少一操作控件包括分别位于页面左侧和右侧的两个操作控件；当所述第二滑动操作为沿页面从左向右的滑动操作且该第二滑动操作消失时，所示第一执行模块执行右侧的操作控件对应的功能；

或者，当所述第二滑动操作为沿页面从右向左的滑动操作且该第二滑动操作消失时，所示第一执行模块执行左侧的操作控件对应的功能。

8.如权利要求7所述的页面交互系统，其特征在于，所述第一执行模块依据第二滑动操作的滑动方向执行所述至少一操作控件所对应的功能。

9.如权利要求7所述的页面交互系统，其特征在于，所述页面交互系统还包括显示状态改变模块，该显示状态改变模块用于依据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态，所述第一执行模块用于执行当前显示状态被改变的所述至少一操作控件的其中之一所对应的功能。

10.如权利要求9所述的页面交互系统，其特征在于，所述至少一操作控件包括分别位于页面左侧和右侧的两个操作控件，所述显示状态改变模块用于依据该第二滑动操作的滑动方向改变所述两个操作控件的其中之一的显示状态，当所述第二滑动操作为沿页面从左向右的滑动操作时，所述显示状态改变模块改变位于右侧的操作控件的显示状态；当所述第二滑动操作为沿页面从右向左的滑动操作时，所述显示状态改变模块改变位于左侧的操作控件的显示状态。

11.如权利要求9所述的页面交互系统，其特征在于，所述至少一操作控件包括同时位于页面左侧或右侧的两个及以上的操作控件，每一所述操作控件分别对应一预设距离，所述显示状态改变模块根据所述第二滑动操作的滑动方向及滑动距离改变所述两个及以上的操作控件的其中之一的显示状态，当所述第二滑动操作的滑动距离达到该预设距离时，所述显示状态改变模块用于改变与该预设距离对应的操作控件的显示状态。

12.如权利要求7所述的页面交互系统，其特征在于，所述页面交互系统还包括第二执行模块，该第二执行模块用于在所述第一滑动操作消失且未有所述第二滑动操作产生时，执行所述至少一操作控件中一预先默认设置的操作控件所对应的功能。

13.如权利要求7所述的页面交互系统，其特征在于，所述页面交互系统还包括显示上拉模块，该上拉模块用于当所述第一滑动操作消失且未有所述第二滑动操作产生时，或所述第二滑动操作消失时，将所述至少一操作控件从页面的第二区域移动至第一区域。

14.如权利要求7所述的页面交互系统，其特征在于，所述页面交互系统还包括显示动画显示模块，该动画显示模块用于根据所述第二滑动操作的滑动方向在页面上显示动画效果。

Images