一种基于wap页面的区域交互方法及系统的制作方法【专利摘要】本发明适用于计算机【
技术领域：
】，提供了一种基于wap页面的区域交互方法及系统，所述方法包括：所述wap页面包括第一区域和第二区域，所述方法包括：接收滑动页面指令；根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航；实时判断所述第一区域的TAB二级导航是否到达预设卡位；当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域。本发明通过屏幕预设卡位，实现对同一wap页面内的多个区域进行交互滑动，实现快速导航浏览网页内容，且有效防止滑动过程中的页面抖动，提高了系统的稳定性。【专利说明】—种基于wap页面的区域交互方法及系统【
技术领域：
】[0001]本发明属于计算机【
技术领域：
】，尤其涉及一种基于wap页面的区域交互方法及系【
背景技术：
】[0002]随着无线应用协议(wirelessapplicationprotocol,wap)技术的发展,移动终端等无线设备接入互联网成为可能，例如，手机wap网站，wap技术把互联网上的信息转换成能在手机屏幕等移动设备上显示的信息，极大方便了移动终端用户上网浏览信息。[0003]然而，随着移动终端用户上网的频率越来越高，对移动终端上网的要求也越来越高，现有技术在移动终端的wap页面的操作过程中，通常只能对页面内的一个区域进行滑动，无法实现wap页面内多个区域的交互。【
发明内容】[0004]本发明实施例的目的在于提供一种基于wap页面的区域交互方法，旨在解决现有技术移动终端的wap页面，无法实现页面内多个区域的交互问题。[0005]为了实现上述目的，本发明实施例提供如下技术方案:[0006]本发明实施例是这样实现的,一种基于wap页面的区域交互方法,所述wap页面包括第一区域和第二区域，所述方法包括:[0007]接收滑动页面指令；[0008]根据所述指令，滑动当前页面内的第一区域，所述第一区域包括TAB二级导航；[0009]实时判断所述第一区域的TAB二级导航是否到达预设卡位；[0010]当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域。[0011]本发明实施例还提供了一种基于wap页面的区域交互系统，其特征在于，所述wap页面包括第一区域和第二区域，所述系统包括:[0012]接收单元，用于接收滑动页面指令；[0013]滑动单元，用于根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航；[0014]判断单元，用于实时判断所述第一区域的TAB二级导航是否到达预设卡位；[0015]所述滑动单元，还用于当所述判断单元判断所述第一区域的TAB二级导航到达预设卡位，停止滑动所述第一区域，开始滑动所述第二区域。[0016]本发明实施例与现有技术相比，有益效果在于:接收滑动页面指令，根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航，实时判断所述第一区域的TAB二级导航是否到达预设卡位，当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域。本发明通过屏幕预设卡位，实现对同一wap页面内的多个区域进行交互滑动，实现快速导航浏览网页内容，且有效防止滑动过程中的页面抖动，提高了系统的稳定性。【专利附图】【附图说明】[0017]为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。[0018]图1是本发明实施例一提供的基于wap页面的区域交互方法的实现的流程图；[0019]图2是本发明实施例二提供的基于wap页面的区域交互方法的实现的流程图；[0020]图3a-图3c是本发明实施例二提供的页面向上滑动过程的技术实现示意图；[0021]图4a-图4c是本发明实施例二提供的实现示例中页面滑动的示意图；[0022]图5是本发明实施例三提供的基于wap页面的区域交互系统的结构图。【具体实施方式】[0023]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。[0024]本发明实施例提供了一种基于wap页面的区域交互方法，所述wap页面包括第一区域和第二区域，所述方法包括:[0025]接收滑动页面指令；[0026]根据所述指令，滑动当前页面内的第一区域，所述第一区域包括TAB二级导航；[0027]实时判断所述第一区域的TAB二级导航是否到达预设卡位；[0028]当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域。[0029]本发明实施例还提供了一种基于wap页面的区域交互系统，其特征在于，所述wap页面包括第一区域和第二区域，所述系统包括:[0030]接收单元，用于接收滑动页面指令；[0031]滑动单元，用于根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航；[0032]判断单元，用于实时判断所述第一区域的TAB二级导航是否到达预设卡位；[0033]所述滑动单元，还用于当所述判断单元判断所述第一区域的TAB二级导航到达预设卡位，停止滑动所述第一区域，开始滑动所述第二区域。[0034]以下结合具体实施例对本发明的实现进行详细描述:[0035]实施例一[0036]图1示出了本发明实施例一提供的基于wap页面的区域交互方法的实现的流程图，详述如下:[0037]在SlOl中，接收滑动页面指令；[0038]本发明实施例中，所述滑动页面指令可以是向上滑动页面指令或者向下滑动页面指令等。[0039]在S102中，根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航；[0040]本实施例中，所述TAB(table)二级导航包括多个TAB标签，实现了多个二级导航的TAB标签页面的固定，可以向用户提供更多的导航信息。[0041]可选的，当接收到将当前TAB标签切换到其他TAB标签的指令时，记录当前TAB标签所在的页面位置，当再次切换到所述当前TAB标签时，显示所述当前TAB标签所在的页面位置。使得页面的多个区域交互过程中，二级导航切换的时候，能够定位在页面之前离开的位置而不是刷新页面。[0042]在S103中，实时判断所述第一区域的TAB二级导航是否到达预设卡位。[0043]在S104中，当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域。[0044]可选的，该方法还包括:当判断所述第一区域的TAB二级导航未到达预设卡位时，继续滑动所述第一区域，并实时判断所述第一区域的TAB二级导航是否到达预设卡位。[0045]本实施例中，通过所述预设卡位，对所述当前页面内的第一区域进行定位，从而响应第二区域进行滑动，实现过程简单、方便。[0046]本发明实施例中，接收滑动页面指令，根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航，实时判断所述第一区域的TAB二级导航是否到达预设卡位，当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域。本发明通过屏幕预设卡位，实现对同一wap页面内的多个区域进行交互滑动，实现快速导航浏览网页内容，且有效防止滑动过程中的页面抖动，提高了系统的稳定性。[0047]实施例二[0048]图2示出了本发明实施例二提供的基于wap页面的区域交互方法的实现的流程图，详述如下:[0049]在S201中，接收向上滑动页面指令；[0050]在S202中，根据所述向上滑动页面指令，向上滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航；[0051]本实施例中，S201-S202的执行过程和上述实施例一中的S101-S202的执行过程类似，详情参见上述实施例一的描述。[0052]在S203中，判断所述第一区域的TAB二级导航是否到达预设上滑卡位，若是，则执行S204，若否，则继续滑动所述第一区域，并执行S203。[0053]本实施例中，优选的预设上滑卡位可以位于页面标题栏的下方。[0054]在S204中，停止滑动所述第一区域，开始滑动所述第二区域；[0055]本实施例中，当接收到页面向上滑动指令时，判断当前页面内二级导航是否已经移至预设上滑卡位，若没有，则第一区域跟随页面向上滚动，若判断已经置于预设上滑卡位，则卡在预设上滑卡位下方位置不动，页面内第二区域的内容可继续向上滚动。[0056]在S205中，接收向下滑动页面指令；[0057]在S206中，根据所述向下滑动页面指令，向下滑动当前页面内的第一区域；[0058]在S207中，判断所述第一区域的TAB二级导航是否到达预设下滑卡位，若是，则执行S208，若否，则继续滑动所述第一区域，并执行S207。[0059]优选的，预设下滑卡位可以位于当前页面的中间位置。[0060]在S208中，停止滑动所述第一区域，开始滑动所述第二区域。[0061]本实施例中，当接收到页面向下滑动指令时，判断当前页面内二级导航是否已经移至预设下滑卡位，若没有，则第一区域跟随页面向下滚动，若判断已经置于预设下滑卡位，则卡在预设下滑卡位下方位置不动，页面内第二区域的内容可继续向下滚动。[0062]本发明实施例的技术实现过程可以采用以下方式:采用基于iscroll技术实现页面内的区域交互，页面包括两个iscroll滑动对象:iscroll区域I和iscroll区域2,分别处理第一区域I(主框架)和第二区域(子框架)的滑动，当用户滑动的时候，根据滑动的位置，来决定第一区域I和第二区域是否响应滑动事件，通过设置预设上滑卡位和预设下滑卡位，保证用户一次滑动行为，只会响应一个框架，不会出现第一区域I和第二区域都会滑动的不稳定现象，请参阅图3a-图3c为页面向上滑动过程过程的技术实现的示意图，其中，图3a为页面初始状态，当接收到向上滑动的指令时，第一显示区域向上滑动，当第一显示区域到达预设上滑卡位时，第一显示区域锁定，第二显示区域开始滑动，请参阅图3b，第二显示区域继续向上滑动,请参阅3c。[0063]为了便于理解，以下以一个具体的实现示例对本实施例的情况进行说明，但不以本实现实例的情况为限，请参阅图4a-图4c:其中，图4a为一个WAP页面,所述页面包括标题栏、第一内容区域、二级导航、第二内容区域、所述二级导航包括多个TAB标签，具体为:赛程、评论、阵容、转会及伤病等，图4b为所述页面向上滑动过程中的区域交互过程的示意图；图4c为所述页面向下滑动过程中的区域交互过程的示意图。[0064]实施例三[0065]图5示出了本发明实施例三提供的基于wap页面的区域交互系统的结构图，为了便于说明，仅示出了与本发明实施例相关的部分，该系统可以是内置于终端设备中的软件单元、硬件单元或者软硬结合单元。[0066]本实施例中，所述wap页面包括第一区域和第二区域，所述系统包括:接收单元51、滑动单元52以及判断单元53。[0067]接收单元51，用于接收滑动页面指令；[0068]滑动单元52，用于根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航；[0069]判断单元53，用于实时判断所述第一区域的TAB二级导航是否到达预设卡位；[0070]所述滑动单元52，还用于当所述判断单元判断所述第一区域的TAB二级导航到达预设卡位，停止滑动所述第一区域，开始滑动所述第二区域。[0071]可选的，所述滑动单元52，还用于当所述判断单元判断所述第一区域的TAB二级导航未到达预设卡位，继续滑动所述第一区域，并启动所述判断单元。[0072]可选的，所述接收单元51，用于接收向上滑动页面指令；[0073]滑动单元52，用于根据所述向上滑动页面指令，向上滑动当前页面内的第一区域；[0074]判断单元53，用于判断所述第一区域的TAB二级导航是否到达预设上滑卡位；[0075]所述滑动单元52，还用于当所述判断单元53判断所述第一区域的TAB二级导航到达预设上滑卡位，停止滑动所述第一区域，开始滑动所述第二区域，当所述判断单元53判断所述第一区域的TAB二级导航未到达预设上滑卡位，继续滑动所述第一区域，并启动所述判断单元53。[0076]可选的，所述接收单元51，用于接接收向下滑动页面指令；[0077]滑动单元52，用于根据所述向下滑动页面指令，向下滑动当前页面内的第一区域；[0078]判断单元53，用于判断所述第一区域的TAB二级导航是否到达预设上滑卡位；[0079]所述滑动单元52，还用于当所述判断单元判断所述第一区域的TAB二级导航到达预设下滑卡位，停止滑动所述第一区域，开始滑动所述第二区域，当所述判断单元53判断所述第一区域的TAB二级导航未到达预设下滑卡位，继续滑动所述第一区域，并启动所述判断单元53。[0080]可选的，所述TAB二级导航包括多个TAB标签。[0081]可选的，所述系统还包括切换单元，用于当接收到将当前TAB标签切换到其他TAB标签的指令时，记录当前TAB标签所在的页面位置，当再次切换到所述当前TAB标签时，显示所述当前TAB标签所在的页面位置。[0082]本发明实施例提供的基于wap页面的区域交互系统可以使用在前述对应的方法实施例一、二中，详情参见上述实施例一、二的描述，在此不再赘述。[0083]值得注意的是，上述实施例中，所包括的各个单元只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。[0084]另外，本领域普通技术人员可以理解实现上述各实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，相应的程序可以存储于一计算机可读取存储介质中，所述的存储介质，如R0M/RAM、磁盘或光盘等。[0085]以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。【权利要求】1.一种基于无线应用协议wap页面的区域交互方法，其特征在于，所述wap页面包括第一区域和第二区域，所述方法包括:接收滑动页面指令；根据所述指令，滑动当前页面内的第一区域，所述第一区域包括TAB二级导航；实时判断所述第一区域的TAB二级导航是否到达预设卡位；当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域。2.如权利要求1所述的方法，其特征在于，所述方法还包括:当判断所述第一区域的TAB二级导航未到达预设卡位时，继续滑动所述第一区域，并实时判断所述第一区域的TAB二级导航是否到达预设卡位。3.如权利要求2所述的方法，其特征在于，所述接收滑动页面指令具体为:接收向上滑动页面指令；所述根据所述指令，滑动当前页面内的第一区域具体为:根据所述向上滑动页面指令，向上滑动当前页面内的第一区域；所述实时判断所述第一区域的TAB二级导航是否到达预设卡位，当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域，当判断所述第一区域的TAB二级导航未到达预设卡位时，继续滑动所述第一区域，并实时判断所述第一区域的TAB二级导航是否到达预设卡位具体为:判断所述第一区域的TAB二级导到达预设上滑卡位；当判断所述第一区域的TAB二级导航到达预设上滑卡位时，停止滑动所述第一区域，开始滑动所述第二区域；当判断所述第一区域的TAB二级导航未到达预设上滑卡位时，继续滑动所述第一区域，并判断所述第一区域的TAB二级导航是否到达顶部预设卡位。4.如权利要求2所述的方法，其特征在于，所述接收滑动页面指令具体为:接收向下滑动页面指令；所述根据所述指令，滑动当前页面内的第一区域具体为:根据所述向下滑动页面指令，向下滑动当前页面内的第一区域；所述实时判断所述第一区域的TAB二级导航是否到达预设卡位，当判断所述第一区域的TAB二级导航到达预设卡位时，停止滑动所述第一区域，开始滑动所述第二区域，当判断所述第一区域的TAB二级导航未到达预设卡位时，继续滑动所述第一区域，并实时判断所述第一区域的TAB二级导航是否到达预设卡位具体为具体为:判断所述第一区域的TAB二级导到达预设下滑位置；当判断所述第一区域的TAB二级导到达预设下滑位置时，停止滑动所述第一区域，开始滑动所述第二区域；当判断所述第一区域的TAB二级导未到达预设下滑位置时，继续滑动所述第一区域，并判断所述第一区域的TAB二级导航是否到达下滑预设卡位。5.如权利要求1所述的方法，其特征在于，所述TAB二级导航包括多个TAB标签。6.如权利要求5所述的方法，其特征在于，所述方法还包括:当接收到将当前TAB标签切换到其他TAB标签的指令时，记录当前TAB标签所在的页面位置，当再次切换到所述当前TAB标签时，显示所述当前TAB标签所在的页面位置。7.一种基于wap页面的区域交互系统，其特征在于，所述wap页面包括第一区域和第二区域，所述系统包括:接收单元，用于接收滑动页面指令；滑动单元，用于根据所述指令，滑动当前页面内的第一区域，所述第一区域包括一TAB二级导航；判断单元，用于实时判断所述第一区域的TAB二级导航是否到达预设卡位；所述滑动单元，还用于当所述判断单元判断所述第一区域的TAB二级导航到达预设卡位，停止滑动所述第一区域，开始滑动所述第二区域。8.如权利要求7所述的系统，其特征在于，所述滑动单元，还用于当所述判断单元判断所述第一区域的TAB二级导航未到达预设卡位，继续滑动所述第一区域，并启动所述判断单元。9.如权利要求8所述的系统，其特征在于，所述接收单元，具体用于接收向上滑动页面指令；滑动单元，具体用于根据所述向上滑动页面指令，向上滑动当前页面内的第一区域；判断单元，具体用于判断所述第一区域的TAB二级导航是否到达预设上滑卡位；所述滑动单元，具体用于当判断所述第一区域的TAB二级导航到达预设上滑卡位时，停止滑动所述第一区域，开始滑动所述第二区域，以及当所述判断单元判断所述第一区域的TAB二级导航未到达预设上滑卡位，继续滑动所述第一区域，并启动所述判断单元。10.如权利要求8所述的系统，其特征在于，所述接收单元，具体用于接接收向下滑动页面指令；滑动单元，具体用于根据所述向下滑动页面指令，向下滑动当前页面内的第一区域；判断单元，具体用于判断所述第一区域的TAB二级导航是否到达预设上滑卡位；所述滑动单元，具体还用于当所述判断单元判断所述第一区域的TAB二级导航到达预设下滑卡位，停止滑动所述第一区域，开始滑动所述第二区域，当所述判断单元判断所述第一区域的TAB二级导航未到达预设下滑卡位，继续滑动所述第一区域，并启动所述判断单元。11.如权利要求7所述的系统，其特征在于，所述TAB二级导航包括多个TAB标签。12.如权利要求11所述的系统，其特征在于，所述系统还包括切换单元，用于当接收到将当前TAB标签切换到其他TAB标签的指令时，记录当前TAB标签所在的页面位置，当再次切换到所述当前TAB标签时，显示所述当前TAB标签所在的页面位置。【文档编号】G06F17/30GK103970759SQ201310032869【公开日】2014年8月6日申请日期:2013年1月28日优先权日:2013年1月28日【发明者】张晶,赵娜,成媛,王莹莹,叶军申请人:腾讯科技（深圳）有限公司