页面交互方法及系统技术方案

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

【技术实现步骤摘要】
页面交互方法及系统
本专利技术涉及计算机移动通信
，具体而言，涉及一种基于用户终端的页面交互方法及系统。
技术介绍
随着终端技术的快速发展，手机、平板电脑等终端设备得到了广泛的普及和应用，为终端设备开发的应用程序的种类越来越丰富、数量越来越庞大。在很多应用程序中都设置有页面交互的功能。例如在众多的手机应用程序(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操作系统、WindowsPhone操作系统等平台。具体地，本专利技术实施例提出的页面交互方法和系统可应用于用户终端100的各种应用程序(如UC浏览器客户端、新浪微博客户端等)，以对应用程序的页面进行刷新、保存、添加、返回、设置等操作。请参阅图3，例如，页面60包括第一区域(如导航栏区域)61和第二区域(如页面内容区域)62。该第一区域61内设置至少一个操作控件，在本实施例中，该操作控件的数量为3个，其中一个操作控件为位于第一区域61大致中间位置的隐藏操本文档来自技高网...

【技术保护点】
一种页面交互方法，其特征在于，所述页面交互方法包括：响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；以及响应与所述第一滑动操作连续的第二滑动操作并在所述第二滑动操作消失时，根据所述第二滑动操作的滑动方向执行所述至少一操作控件的其中之一所对应的功能，所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同。

【技术特征摘要】
1.一种页面交互方法，其特征在于，所述页面交互方法包括：响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；以及响应与所述第一滑动操作连续的第二滑动操作并在所述第二滑动操作消失时，根据所述第二滑动操作的滑动方向执行所述至少一操作控件的其中之一所对应的功能，所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同。2.如权利要求1所述的页面交互方法，其特征在于，所述页面交互方法还包括在所述第一滑动操作消失且未有所述第二滑动操作产生时，执行所述至少一操作控件中一预先默认设置的操作控件所对应的功能。3.如权利要求1所述的页面交互方法，其特征在于，所述至少一操作控件包括分别位于页面左侧和右侧的两个操作控件；当所述第二滑动操作为沿页面从左向右的滑动操作且该第二滑动操作消失时，执行右侧的操作控件对应的功能；当所述第二滑动操作为沿页面从右向左的滑动操作且该第二滑动操作消失时，执行左侧的操作控件对应的功能。4.如权利要求1所述的页面交互方法，其特征在于，所述页面交互方法还包括当所述第一滑动操作消失且未有所述第二滑动操作产生时，或所述第二滑动操作消失时，将所述至少一操作控件从页面的第二区域移动至第一区域。5.一种页面交互方法，其特征在于，所述方法包括：响应第一滑动操作，将至少一操作控件从页面的第一区域移动至第二区域；响应与所述第一滑动操作连续的第二滑动操作并根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态，其中所述第二滑动操作的滑动方向与所述第一滑动操作的滑动方向不同；以及在所述第二滑动操作消失时，执行当前显示状态被改变的所述至少一操作控件的其中之一所对应的功能。6.如权利要求5所述的页面交互方法，其特征在于，所述至少一操作控件包括分别位于页面左侧和右侧的两个操作控件，所述根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态的步骤包括所述根据所述第二滑动操作的滑动方向改变所述至少一操作控件的其中之一的显示状态，当所述第二滑动操作为沿页面从左向右的滑动操作时，改变位于右侧的操作控件的显示状态；当所述第二滑动操作为沿页面从右向左的滑动操作时，改变位于左侧的操作控件的显示状态。7.如权利要求5所述的页面交互方法，其特征在于，所述至少一操作控件包括同时位于页面左侧或右侧的两个及以上的操作控件，所述每一操作控件分别对应一预设距离，所述根据所述第二滑动操作改变所述至少一操作控件的其中之一的显示状态的步骤包括根据所述第二滑动操作的滑动方向及滑动距离改变所述至少一操作控件的其中之一的显示状态，当所述第二滑动操作的滑动距离达到该预设距离时，改变与该预设距离对应的操作控件的显示状态。8.如权利要求5所述的页面交互方法，其特征在于，所述页面交互方法还包括根据所述第二滑动操作的滑动方向在页面上显示动画效果。9.一种页面交互系统，其特征在于，所述页面交互系统包括：下拉模块，用...

【专利技术属性】
技术研发人员：许可君，陈兴荣，
申请(专利权)人：广州爱九游信息技术有限公司，
类型：发明
国别省市：广东,44