CN104932769B - 一种网页显示方法及装置 - Google Patents
一种网页显示方法及装置 Download PDFInfo
- Publication number
- CN104932769B CN104932769B CN201410105106.8A CN201410105106A CN104932769B CN 104932769 B CN104932769 B CN 104932769B CN 201410105106 A CN201410105106 A CN 201410105106A CN 104932769 B CN104932769 B CN 104932769B
- Authority
- CN
- China
- Prior art keywords
- touch screen
- screen gesture
- point coordinate
- terminal
- gesture
- 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.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明适用于终端网页显示领域,提供了一种网页显示方法及装置。所述方法包括:检测并记录触屏手势的起点坐标和终点坐标;根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向;判断所述触屏手势在终端屏幕所处的位置;在所述触屏手势在终端屏幕的第一预设位置内时,依据所述触屏手势的滑动方向执行网页内的交互操作;在所述触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的滑动方向执行网页之间的交互操作。本发明实施例能够提高用户的良好体验。
Description
技术领域
本发明属于终端网页显示领域,尤其涉及一种网页显示方法及装置。
背景技术
目前,在主流的终端的第三方浏览器中,通常具备通过滑屏实现的前进、后退功能。如图1所示,黑色的箭头表示手指的滑动动作,如果检测到手指向左运动,则表示前进到下一个页面,如果检测到手指向右运动,则表示后退到上一个页面。
随着移动网络的快速发展,终端的网页也越来越复杂。在网页内部,出现了越来越多的支持左右滑动的网页交互内容,即通过滑屏实现网页内的交互,而这无形中与通过滑屏实现网页之间的交互发生冲突,导致终端的应用程序难以通过检测用户的滑屏动作确定用户的真正意图,从而给用户的操作带来不便。
发明内容
本发明实施例提供了一种网页显示方法及装置,旨在解决现有方法难以确定用户的真正意图的问题。
本发明实施例是这样实现的,一种网页显示方法,所述方法包括下述步骤:
检测并记录触屏手势的起点坐标和终点坐标;
根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向;
判断所述触屏手势在终端屏幕所处的位置;
在所述触屏手势在终端屏幕的第一预设位置内时,依据所述触屏手势的滑动方向执行网页内的交互操作;
在所述触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的滑动方向执行网页之间的交互操作。
本发明实施例的另一目的在于提供一种网页显示装置,所述装置包括:
滑屏检测单元,用于检测并记录触屏手势的起点坐标和终点坐标;
触屏手势确定单元,用于根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向;
触屏手势区域判断单元,用于判断所述触屏手势在终端屏幕所处的位置;
页面管理单元,用于在所述触屏手势在终端屏幕的第一预设位置内时,依据所述触屏手势的滑动方向执行网页内的交互操作;以及,用于在所述触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的滑动方向执行网页之间的交互操作。
在本发明实施例中,能够根据触屏手势所处的位置选择执行网页内的交互操作还是执行网页之间的交互操作,从而能够准确识别用户的意图,提高用户的良好体验。
附图说明
图1是本发明第一实施例提供的网页浏览示意图;
图2是本发明第一实施例提供的一种网页显示方法的流程图;
图3是本发明第一实施例提供的水平滑动距离以及水平夹角的示意图;
图4是本发明第一实施例提供的第一预设位置和第二预设位置在终端屏幕的关系示意图;
图5是本发明第一实施例提供的一种网页内交互操作示意图;
图6是本发明第一实施例提供的另一种网页内交互操作示意图;
图7是本发明第三实施例提供的一种网页显示装置的结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例中,预先在终端屏幕设置第一预设位置和第二预设位置,当判断出触屏手势处于第一预设位置时,依据所述触屏手势的滑动方向执行网页内的交互操作;当判断出触屏手势处于第二预设位置时,依据所述触屏手势的滑动方向执行网页之间的交互操作。
为了说明本发明所述的技术方案,下面通过具体实施例来进行说明。
实施例一:
图2示出了本发明第一实施例提供的一种网页显示方法的流程图,详述如下:
步骤S21,检测并记录触屏手势的起点坐标和终点坐标。
该步骤中,终端检测是否有触屏动作,在检测到触屏动作时,记录用户在终端触屏手势的起点坐标和终点坐标。其中,起点坐标为用户第一次触摸终端屏幕对应的坐标;终点坐标为用户离开终端屏幕对应的坐标。
步骤S22,根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向。
其中,根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向的步骤具体包括:
A1、根据所述起点坐标和所述终点坐标确定所述触屏手势的水平滑动距离以及水平夹角,所述水平夹角为滑动位移与所述水平滑动距离的夹角。
A2、将所述触屏手势的水平滑动距离与预设的距离阈值比较,得到第一比较结果。
A3、将所述触屏手势的水平夹角的绝对值与预设的夹角阈值比较,得到第二比较结果。
A4、以所述第一比较结果和第二比较结果为依据,判定触屏手势的滑动方向。
其中,水平滑动距离以及水平夹角的示意图如图3所示。上述步骤A1~步骤A4中,判断所述触屏手势的水平滑动距离是否大于预设的距离阈值,在所述触屏手势的水平滑动距离小于或等于预设的距离阈值时,滑动方向判定过程结束;在所述触屏手势的水平滑动距离大于预设的距离阈值时,判断所述触屏手势的水平夹角的绝对值是否小于预设的夹角阈值,在所述触屏手势的水平夹角的绝对值小于预设的夹角阈值时,判定触屏手势的滑动方向为向右滑动;在所述触屏手势的水平夹角的绝对值大于或者等于预设的夹角阈值时,判断所述触屏手势的水平夹角与180°的差的绝对值是否小于所述预设的夹角阈值。在所述触屏手势的水平夹角与180°的差的绝对值小于所述预设的夹角阈值时,判定触屏手势的滑动方向为向左滑动;在所述触屏手势的水平夹角与180°的差的绝对值大于或等于所述预设的夹角阈值时,滑动方向判定过程结束。
其中,预设的距离阈值可设置为终端屏幕的1/12,预设的夹角阈值可设置为30°,当然,也可根据实际情况设置为其他数值,此处不作限定。
步骤S23,判断所述触屏手势在终端屏幕所处的位置。
该步骤中,预先在终端屏幕设置第一预设位置和第二预设位置,这里的“第一预设位置”中的“第一”和“第二预设位置”中的“第二”仅用于区分不同的预设位置,并无先后顺序含义。其中,第一预设位置和第二预设位置在终端屏幕的关系可如图4所示。在图4中,第一预设位置处于终端屏幕的两侧,以便习惯用左手和习惯用右手的用户都能使用本发明实施例提供的功能。当然,也可以只设置第一预设位置处于终端屏幕的某一侧,此处不作限定。在本发明实施例中,也可以将终端屏幕除第一预设位置的区域设定为第二预设位置。除此之外,本发明实施例中的第一预设位置和第二预设位置的关系也可以互换。
在该步骤中,判断触屏手势在终端屏幕所处的位置,包括判断触屏手势中的起点坐标和/或触屏手势中的终点坐标在终端屏幕所处的位置,具体为:
判断所述触屏手势中的起点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;在所述触屏手势中的起点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
或者,
判断所述触屏手势中的终点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;在所述触屏手势中的终点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的终点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
或者,
判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;在所述触屏手势中的起点坐标和终点坐标不是同时处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
步骤S24,在所述触屏手势在终端屏幕的第一预设位置内时,依据所述触屏手势的滑动方向执行网页内的交互操作。
该步骤中,网页内的交互操作是指通过触屏手势操作同一个网页上的元素。例如,假设正在终端屏幕显示的网页为A网页,在终端屏幕的第一预设位置内检测到触屏手势,且该触屏手势的滑动方向为向左滑动时,则将该A网页上的元素向左滑动,滑动后显示的元素仍属于A网页,假设A网页的元素为图片,则得到的效果图如图5和图6所示。在图5中,终端屏幕只呈现了部分图片,当在终端屏幕的第一预设位置内检测到向左滑动的触屏手势时,执行A网页内的交互操作,即图片往左滑动,则得到如图6所示的效果。
步骤S25,在所述触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的滑动方向执行网页之间的交互操作。
该步骤中,当通过触屏手势的起点坐标和/或终点坐标判断出触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的向右(或向左)滑动方向,执行网页之间的向右(或向左)滑动。
假设终端先后打开的页面分别为B页面和C页面,网页之间的交互操作过程大致如下:在终端打开B页面时,该终端把该B页面挂载在容器控件中,在该B页面点击链接而打开C页面时,渲染该C页面,同时从容器控件中移走B页面,然后将C页面挂载在容器控件当中。当用户通过工具栏的后退按键或通过触屏手势执行后退操作时,终端先把后退的那个页面完整的显示在终端屏幕的左侧,如图1所示的最左边的页面;然后与当前页面一起向右平移一个页面的宽度,即把后退的页面移至到终端屏幕显示区域,被移走的页面进行最小化显示,参照图1,即把最左边的页面和中间的页面一起向右平移一个页面的宽度,从而在终端屏幕显示区域显示图1中最左边的页面,并最小化图1中的中间页面。当用户通过工具栏的前进按键或触屏手势执行前进操作时,类似后退。
在本发明实施例中,预先在终端屏幕设置第一预设位置和第二预设位置,当判断出触屏手势处于第一预设位置时,依据所述触屏手势的滑动方向执行网页内的交互操作;当判断出触屏手势处于第二预设位置时,依据所述触屏手势的滑动方向执行网页之间的交互操作。由于在终端屏幕设置了第一预设位置和第二预设位置,因此在终端屏幕检测到触屏手势时,能够根据触屏手势所处的位置选择执行网页内的交互操作还是执行网页之间的交互操作,从而能够准确识别用户的意图,提高用户的良好体验。
实施例二:
为了更清楚描述本发明实施例的内容,下面以一具体应用例进行说明:
终端检测终端屏幕是否存在触屏手势,并在存在触屏手势时,记录触屏手势的起点坐标和终端坐标,即记录用户第一次触摸终端屏幕的点和离开终端屏幕的点对应的屏幕坐标。
根据记录的触屏手势的起点坐标和终点坐标计算触屏手势的水平滑动距离和水平夹角,判断该触屏手势的水平滑动距离是否大于预设的距离阈值,在触屏手势的水平滑动距离大于预设的距离阈值时,判断触屏手势的水平夹角的绝对值是否小于预设的夹角阈值,若触屏手势的水平夹角的绝对值小于预设的夹角阈值,则判定触屏手势的滑动方向为向右滑动,若触屏手势的水平夹角的绝对值大于或等于预设的夹角阈值,则判断触屏手势的水平夹角与180°的差的绝对值是否小于所述预设的夹角阈值,若触屏手势的水平夹角与180°的差的绝对值小于所述预设的夹角阈值,则判定触屏手势的滑动方向为向左滑动。在触屏手势的水平滑动距离小于或等于预设的距离阈值,或者,在触屏手势的水平夹角与180°的差的绝对值大于或等于所述预设的夹角阈值时,结束触屏手势的滑动方向判断过程。
终端根据触屏手势的起点坐标和/或终点坐标判断触屏手势在终端屏幕所处的位置,当判断出触屏手势处于终端屏幕的第一预设位置时,依据触屏手势的向左(或向右)滑动方向执行网页内的向左(或向右)交互操作;当判断出触屏手势处于终端屏幕的第二预设位置时,依据触屏手势的向左(或向右)滑动方向执行网页之间的向左(或向右)交互操作。例如,在触屏手势处于终端屏幕的第二预设位置且触屏手势的向右滑动时,首先将与当前页面的左边最接近的页面完整预读在屏幕的左侧,再将预读的与当前页面的左边最接近的页面与所述当前页面同时向右移动一个页面的宽度,以使屏幕显示所述预读的与当前页面的左边最接近的页面。
实施例三:
图7示出了本发明第三实施例提供的一种网页显示装置的结构图,为了便于说明,仅示出了与本发明实施例相关的部分。
该网页显示装置可以用于通过有线或者无线网络连接服务器的各种信息处理终端,例如移动电话、口袋计算机(Pocket Personal Computer,PPC)、掌上电脑、计算机、笔记本电脑、个人数字助理(Personal Digital Assistant,PDA)等,可以是运行于这些信息处理终端内的软件单元、硬件单元或者软硬件相结合的单元,也可以作为独立的挂件集成到这些信息处理终端中或者运行于这些信息处理终端的应用系统中。
该网页显示装置包括:滑屏检测单元71、触屏手势确定单元72、触屏手势区域判断单元73、页面管理单元74。其中:
滑屏检测单元71,用于检测并记录触屏手势的起点坐标和终点坐标。
其中,触屏手势的起点坐标为触屏手势的起点相对屏幕的坐标,触屏手势的终点坐标与起点坐标类似。
触屏手势确定单元72,用于根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向。
其中,所述触屏手势确定单元72包括:滑动方向参数确定模块、阈值比较模块、滑动方向确定模块。
该滑动方向参数确定模块用于根据所述起点坐标和所述终点坐标确定所述触屏手势的水平滑动距离以及水平夹角,所述水平夹角为滑动位移与所述水平滑动距离的夹角。
该阈值比较模块用于将所述触屏手势的水平滑动距离与预设的距离阈值比较,得到第一比较结果。以及,用于将所述触屏手势的水平夹角的绝对值与预设的夹角阈值比较,得到第二比较结果。
该滑动方向确定模块用于以所述第一比较结果和第二比较结果为依据,判定触屏手势的滑动方向。
作为本发明一优选实施例,所述滑动方向确定模块包括:右滑动判定模块和左滑动判定模块。
该右滑动判定模块用于在所述触屏手势的水平滑动距离大于预设的距离阈值且所述触屏手势的水平夹角的绝对值小于预设的夹角阈值时,判定触屏手势的滑动方向为向右滑动。其中,预设的距离阈值可设置为终端屏幕的1/12,预设的夹角阈值可设置为30°,当然,也可根据实际情况设置为其他数值,此处不作限定。
该左滑动判定模块用于在所述触屏手势的水平滑动距离大于预设的距离阈值且所述触屏手势的水平夹角的绝对值大于或者等于预设的夹角阈值时,判断所述触屏手势的水平夹角与180°的差的绝对值是否小于所述预设的夹角阈值,并在所述触屏手势的水平夹角与180°的差的绝对值小于所述预设的夹角阈值时,判定触屏手势的滑动方向为向左滑动。
触屏手势区域判断单元73,用于判断所述触屏手势在终端屏幕所处的位置。
其中,所述触屏手势区域判断单元73包括:第一区域判定模块和第二区域判定模块;和/或,包括第三区域判定模块和第四区域判定模块;和/或,包括第五区域判定模块和第六区域判定模块。
该第一区域判定模块用于判断所述触屏手势中的起点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内。
该第二区域判定模块用于在所述触屏手势中的起点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
该第三区域判定模块用于判断所述触屏手势中的终点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内。
该第四区域判定模块用于在所述触屏手势中的终点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的终点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
该第五区域判定模块用于判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内。
该第六区域判定模块用于在所述触屏手势中的起点坐标和终点坐标不是同时处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
其中,“第一预设位置”中的“第一”和“第二预设位置”中的“第二”仅用于区分不同的预设位置,并无先后顺序含义。
页面管理单元74,用于在所述触屏手势在终端屏幕的第一预设位置内时,依据所述触屏手势的滑动方向执行网页内的交互操作。以及,用于在所述触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的滑动方向执行网页之间的交互操作。
其中,该页面管理单元74通过判断触屏手势的起点坐标和/或终端坐标在终端屏幕的第一预设位置来判断触屏手势是否在第一预设位置内,或者通过判断触屏手势的起点坐标和/或终端坐标在终端屏幕的第二预设位置来判断触屏手势是否在第二预设位置内,再结合触屏手势的滑动方向执行相应的操作。
在本发明实施例中,由于在终端屏幕设置了第一预设位置和第二预设位置,因此在终端屏幕检测到触屏手势时,能够根据触屏手势所处的位置选择执行网页内的交互操作还是执行网页之间的交互操作,从而能够准确识别用户的意图,提高用户的良好体验。
本领域普通技术人员可以理解,实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,所述的程序可以在存储于一计算机可读取存储介质中,所述的存储介质,如ROM/RAM、磁盘、光盘等。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (12)
1.一种网页显示方法,其特征在于,预先在终端屏幕设置第一预设位置和第二预设位置,所述第一预设位置处于所述终端屏幕的两侧,所述方法包括下述步骤:
检测并记录触屏手势的起点坐标和终点坐标;
根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向;
根据所述起点坐标和终点坐标中的任意一项或多项,判断所述触屏手势在终端屏幕所处的位置;
在所述触屏手势在终端屏幕的第一预设位置内时,依据所述触屏手势的滑动方向执行网页内的交互操作;
在所述触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的滑动方向执行网页之间的交互操作;
其中,所述根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向包括:判断所述触屏手势的水平滑动距离是否大于预设的距离阈值,在所述触屏手势的水平滑动距离小于或等于预设的距离阈值时,滑动方向判定过程结束;所述触屏手势的水平滑动距离根据所述起点坐标和所述终点坐标确定;
所述执行网页之间的交互操作包括:在所述终端打开当前页面时,所述终端把所述当前页面挂载在容器控件中,在所述当前页面点击链接而打开另一页面时,渲染所述另一页面,同时从所述容器控件中移走所述当前页面,然后将所述另一页面挂载在所述容器控件当中,最小化所述当前页面。
2.如权利要求1所述的方法,其特征在于,所述根据所述起点坐标和终点坐标判定所述触屏手势的滑动方向的步骤具体包括:
根据所述起点坐标和所述终点坐标确定所述触屏手势的水平滑动距离以及水平夹角,所述水平夹角为滑动位移与所述水平滑动距离的夹角;
将所述触屏手势的水平滑动距离与预设的距离阈值比较,得到第一比较结果;
将所述触屏手势的水平夹角的绝对值与预设的夹角阈值比较,得到第二比较结果;
以所述第一比较结果和第二比较结果为依据,判定触屏手势的滑动方向。
3.如权利要求2所述的方法,其特征在于,所述以所述第一比较结果和第二比较结果为依据,判定触屏手势的滑动方向的步骤具体包括:
在所述触屏手势的水平滑动距离大于预设的距离阈值且所述触屏手势的水平夹角的绝对值小于预设的夹角阈值时,判定触屏手势的滑动方向为向右滑动;
在所述触屏手势的水平滑动距离大于预设的距离阈值且所述触屏手势的水平夹角的绝对值大于或者等于预设的夹角阈值时,判断所述触屏手势的水平夹角与180°的差的绝对值是否小于所述预设的夹角阈值,并在所述触屏手势的水平夹角与180°的差的绝对值小于所述预设的夹角阈值时,判定触屏手势的滑动方向为向左滑动。
4.如权利要求1所述的方法,其特征在于,所述判断所述触屏手势在终端屏幕所处的位置的步骤具体包括:
判断所述触屏手势中的起点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;
在所述触屏手势中的起点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
5.如权利要求1所述的方法,其特征在于,所述判断所述触屏手势在终端屏幕所处的位置的步骤具体包括:
判断所述触屏手势中的终点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;
在所述触屏手势中的终点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的终点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
6.如权利要求5所述的方法,其特征在于,所述判断所述触屏手势在终端屏幕所处的位置的步骤具体包括:
判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;
在所述触屏手势中的起点坐标和终点坐标不是同时处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
7.一种网页显示装置,其特征在于,预先在终端屏幕设置第一预设位置和第二预设位置,所述第一预设位置处于所述终端屏幕的两侧,所述装置包括:
滑屏检测单元,用于检测并记录触屏手势的起点坐标和终点坐标;
触屏手势确定单元,用于根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向;
触屏手势区域判断单元,用于根据所述起点坐标和终点坐标中的任意一项或多项,判断所述触屏手势在终端屏幕所处的位置;
页面管理单元,用于在所述触屏手势在终端屏幕的第一预设位置内时,依据所述触屏手势的滑动方向执行网页内的交互操作;以及,用于在所述触屏手势在终端屏幕的第二预设位置内时,依据所述触屏手势的滑动方向执行网页之间的交互操作;
其中,所述根据所述起点坐标和所述终点坐标判定所述触屏手势的滑动方向包括:判断所述触屏手势的水平滑动距离是否大于预设的距离阈值,在所述触屏手势的水平滑动距离小于或等于预设的距离阈值时,滑动方向判定过程结束;所述触屏手势的水平滑动距离根据所述起点坐标和所述终点坐标确定;
所述执行网页之间的交互操作包括:在所述终端打开当前页面时,所述终端把所述当前页面挂载在容器控件中,在所述当前页面点击链接而打开另一页面时,渲染所述另一页面,同时从所述容器控件中移走所述当前页面,然后将所述另一页面挂载在所述容器控件当中,最小化所述当前页面。
8.如权利要求7所述的装置,其特征在于,所述触屏手势确定单元包括:
滑动方向参数确定模块,用于根据所述起点坐标和所述终点坐标确定所述触屏手势的水平滑动距离以及水平夹角,所述水平夹角为滑动位移与所述水平滑动距离的夹角;
阈值比较模块,用于将所述触屏手势的水平滑动距离与预设的距离阈值比较,得到第一比较结果;以及,用于将所述触屏手势的水平夹角的绝对值与预设的夹角阈值比较,得到第二比较结果;
滑动方向确定模块,用于以所述第一比较结果和第二比较结果为依据,判定触屏手势的滑动方向。
9.如权利要求8所述的装置,其特征在于,所述滑动方向确定模块包括:
右滑动判定模块,用于在所述触屏手势的水平滑动距离大于预设的距离阈值且所述触屏手势的水平夹角的绝对值小于预设的夹角阈值时,判定触屏手势的滑动方向为向右滑动;
左滑动判定模块,用于在所述触屏手势的水平滑动距离大于预设的距离阈值且所述触屏手势的水平夹角的绝对值大于或者等于预设的夹角阈值时,判断所述触屏手势的水平夹角与180°的差的绝对值是否小于所述预设的夹角阈值,并在所述触屏手势的水平夹角与180°的差的绝对值小于所述预设的夹角阈值时,判定触屏手势的滑动方向为向左滑动。
10.如权利要求7所述的装置,其特征在于,所述触屏手势区域判断单元包括:
第一区域判定模块,用于判断所述触屏手势中的起点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;
第二区域判定模块,用于在所述触屏手势中的起点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
11.如权利要求7所述的装置,其特征在于,所述触屏手势区域判断单元包括:
第三区域判定模块,用于判断所述触屏手势中的终点坐标是否处于终端屏幕的第一预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;
第四区域判定模块,用于在所述触屏手势中的终点坐标不是处于终端屏幕的第一预设位置内时,判断所述触屏手势中的终点坐标是否处于终端屏幕的第二预设位置内,在所述触屏手势中的终点坐标处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
12.如权利要求7所述的装置,其特征在于,所述触屏手势区域判断单元包括:
第五区域判定模块,用于判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第一预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第一预设位置内时,判定所述触屏手势处于终端屏幕的第一预设位置内;
第六区域判定模块,用于在所述触屏手势中的起点坐标和终点坐标不是同时处于终端屏幕的第一预设位置内时,判断所述触屏手势中的起点坐标和终点坐标是否同时处于终端屏幕的第二预设位置内,在所述触屏手势中的起点坐标和终点坐标同时处于终端屏幕的第二预设位置内时,判定所述触屏手势处于终端屏幕的第二预设位置内。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410105106.8A CN104932769B (zh) | 2014-03-20 | 2014-03-20 | 一种网页显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410105106.8A CN104932769B (zh) | 2014-03-20 | 2014-03-20 | 一种网页显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104932769A CN104932769A (zh) | 2015-09-23 |
CN104932769B true CN104932769B (zh) | 2021-02-09 |
Family
ID=54119956
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410105106.8A Active CN104932769B (zh) | 2014-03-20 | 2014-03-20 | 一种网页显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104932769B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105760019B (zh) * | 2016-02-22 | 2019-04-09 | 广州视睿电子科技有限公司 | 基于交互式电子白板的触摸操作方法及其系统 |
CN106658123A (zh) * | 2016-10-14 | 2017-05-10 | 深圳Tcl新技术有限公司 | 基于触控遥控器的手势识别方法及装置 |
CN108363525B (zh) * | 2018-02-01 | 2020-12-11 | 阿里巴巴(中国)有限公司 | 一种响应网页中用户手势操作的方法、装置和终端设备 |
CN108958628A (zh) * | 2018-07-04 | 2018-12-07 | Oppo广东移动通信有限公司 | 触控操作方法、装置、存储介质及电子设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102681774A (zh) * | 2012-04-06 | 2012-09-19 | 优视科技有限公司 | 通过手势控制应用界面的方法、装置和移动终端 |
CN102799381A (zh) * | 2012-07-13 | 2012-11-28 | 优视科技有限公司 | 浏览器窗口的处理方法及装置 |
CN103049250A (zh) * | 2011-10-14 | 2013-04-17 | 腾讯科技(深圳)有限公司 | 控制界面的方法和终端 |
Family Cites Families (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101819498B (zh) * | 2009-02-27 | 2013-06-05 | 瞬联讯通科技(北京)有限公司 | 面向触摸屏滑动体的屏幕显示控制方法 |
US9298270B2 (en) * | 2010-02-03 | 2016-03-29 | Korea University Research And Business Foundation | Written character inputting device and method |
KR101873787B1 (ko) * | 2011-02-10 | 2018-07-03 | 삼성전자주식회사 | 터치스크린 단말기에서 멀티 터치 입력 처리 방법 및 장치 |
US20120260220A1 (en) * | 2011-04-06 | 2012-10-11 | Research In Motion Limited | Portable electronic device having gesture recognition and a method for controlling the same |
KR101810884B1 (ko) * | 2011-06-07 | 2017-12-20 | 삼성전자주식회사 | 디바이스에서 제스처를 이용한 웹브라우저 인터페이스 제공 장치 및 방법 |
CN102520845B (zh) * | 2011-11-23 | 2017-06-16 | 优视科技有限公司 | 一种移动终端调出缩略图界面的方法及装置 |
KR20130090138A (ko) * | 2012-02-03 | 2013-08-13 | 삼성전자주식회사 | 다중 터치 패널 운용 방법 및 이를 지원하는 단말기 |
JP5828297B2 (ja) * | 2012-04-24 | 2015-12-02 | コニカミノルタ株式会社 | 情報処理装置、プログラム |
CN103425403B (zh) * | 2012-05-14 | 2017-02-15 | 华为技术有限公司 | 一种屏幕间显示内容的穿越方法、装置及系统 |
CN103488410B (zh) * | 2012-06-13 | 2016-08-10 | 腾讯科技(深圳)有限公司 | 一种对显示内容进行控制的方法、装置和系统 |
-
2014
- 2014-03-20 CN CN201410105106.8A patent/CN104932769B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103049250A (zh) * | 2011-10-14 | 2013-04-17 | 腾讯科技(深圳)有限公司 | 控制界面的方法和终端 |
CN102681774A (zh) * | 2012-04-06 | 2012-09-19 | 优视科技有限公司 | 通过手势控制应用界面的方法、装置和移动终端 |
CN102799381A (zh) * | 2012-07-13 | 2012-11-28 | 优视科技有限公司 | 浏览器窗口的处理方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN104932769A (zh) | 2015-09-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8890825B2 (en) | Apparatus and method for determining the position of user input | |
US20200192536A1 (en) | Method for Performing Operation on Touchscreen and Terminal | |
CN102760026B (zh) | 一种触摸屏界面显示方法、显示装置及一种触摸屏设备 | |
US9239674B2 (en) | Method and apparatus for providing different user interface effects for different implementation characteristics of a touch event | |
US8633909B2 (en) | Information processing apparatus, input operation determination method, and input operation determination program | |
US20100245275A1 (en) | User interface apparatus and mobile terminal apparatus | |
CN104615374B (zh) | 终端输入操作指令的方法及装置 | |
CN104166553B (zh) | 一种显示方法及电子设备 | |
US20130263013A1 (en) | Touch-Based Method and Apparatus for Sending Information | |
CN103838456A (zh) | 一种桌面图标显示位置的控制方法及系统 | |
WO2014040469A1 (zh) | 基于触摸屏式移动终端的文本选择方法及装置 | |
JP5992467B2 (ja) | 端末機のスクロール制御方法、その装置及びそのコンピュータ可読記録媒体 | |
JP6319298B2 (ja) | 情報端末、表示制御方法及びそのプログラム | |
CN104932769B (zh) | 一种网页显示方法及装置 | |
CN106445972B (zh) | 页面显示方法及装置 | |
TW201520878A (zh) | 頁面元素的控制方法及裝置 | |
CN103809886B (zh) | 一种光标定位方法及移动终端 | |
US20130044061A1 (en) | Method and apparatus for providing a no-tap zone for touch screen displays | |
WO2015169010A1 (zh) | 一种基于触摸屏的元素删除方法及装置 | |
US10908868B2 (en) | Data processing method and mobile device | |
CN104615356A (zh) | 页面操控方法和装置 | |
US8842087B2 (en) | Method for processing touch signal and electronic device using the same | |
CN104572997A (zh) | 内容获取方法、装置及用户设备 | |
TW201443762A (zh) | 多點觸控裝置的操作方法 | |
CN103645855A (zh) | 触控阅读方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20221128 Address after: 1402, Floor 14, Block A, Haina Baichuan Headquarters Building, No. 6, Baoxing Road, Haibin Community, Xin'an Street, Bao'an District, Shenzhen, Guangdong 518000 Patentee after: Shenzhen Yayue Technology Co.,Ltd. Address before: 2, 518044, East 403 room, SEG science and Technology Park, Zhenxing Road, Shenzhen, Guangdong, Futian District Patentee before: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. |
|
TR01 | Transfer of patent right |