CN105912206A - 一种网页焦点定位方法及系统 - Google Patents
一种网页焦点定位方法及系统 Download PDFInfo
- Publication number
- CN105912206A CN105912206A CN201610217555.0A CN201610217555A CN105912206A CN 105912206 A CN105912206 A CN 105912206A CN 201610217555 A CN201610217555 A CN 201610217555A CN 105912206 A CN105912206 A CN 105912206A
- Authority
- CN
- China
- Prior art keywords
- focus
- directionkeys
- orientation
- triggered
- goal
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
Abstract
本发明公开了一种网页焦点定位方法及系统,所述网页中的每一焦点均对应有属性信息,所述属性信息包括位置坐标和定向关系表,所述定向关系表中保存有方向键与定向焦点的对应关系,当检测到方向键被触发时,根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,作为目标焦点,并从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标,将光标移动到所述目标焦点的位置坐标。本发明公开的网页焦点定位方法及系统,通过定向关系表的方式根据方向键来直接定位目标焦点,解决了现有技术中传统的真焦点定位方式在面对排布不规则的焦点时,计算复杂度较高,定位效率较差,且容易出错的问题。
Description
技术领域
本发明涉及数据信息处理领域,更具体的说,是涉及一种网页焦点定位方法及系统。
背景技术
在当前信息时代,网页已经成为人机交互的主要信息载体,在网页页面中,不同的位置放置着不同的图片、链接、音乐和视频等信息元素。人们要想查看或访问这些信息元素,需要先将光标定位到相应的信息元素的焦点上,然后才能访问这些信息元素。
在电视机顶盒以及类似的系统中,也是采用了网页页面的形式来显示相关信息,但通常只能通过遥控器的上下左右这四个方向键来定位网页页面的焦点。
目前的网页页面通常是以真焦点的方式来确定这些信息元素的焦点位置的,具体是通过html的焦点标签来识别页面中的每一个焦点,并将这些标签全部记录下来,当用户按方向键时,确定此方向键对应的方位是否有焦点、有多少个焦点以及最近的焦点是哪一个,通过计算后,将光标定位到确定出来的焦点上。
但是,随着网页视觉效果的提升,焦点的排布也越来越不规则。而当页面上的焦点排布不规则时,无疑会增加计算的复杂度。例如,一个宽20px的焦点的正下方有两个10px以内的焦点,在按向下的方向键时,浏览器并不能直接确定出是要定位到哪个10px以内的焦点上,必须经过额外的条件设定或复杂计算才能确定。
并且,在面对排布不规则的焦点时,传统的真焦点定位方式,计算复杂度较高,导致焦点定位效率较差,且容易出错。
所以,目前迫切需要一种即使在页面焦点排布不规则的情况下,依然能够准确高效地定位网页焦点的技术方案。
发明内容
有鉴于此,本发明提供了一种网页焦点定位方法及系统,以解决在面对排布不规则的焦点时,传统的真焦点定位方式,计算复杂度较高,导致焦点定位效率较差,且容易出错的问题。
为实现上述目的,本发明提供如下技术方案:
一种网页焦点定位方法,所述网页中的每一焦点均对应有属性信息,所述属性信息包括位置坐标和定向关系表,所述定向关系表中保存有方向键与定向焦点的对应关系,所述方法包括:
当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
获取所述当前焦点的属性信息;
根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,所述被触发的方向键对应的定向焦点为目标焦点;
获取所述目标焦点的属性信息;
从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
将光标移动到所述目标焦点的位置坐标。
优选的,所述属性信息还包括索引号,所述对应关系具体为所述方向键的键值与定向焦点的索引号之间的对应关系;则,
所述根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,包括:
在所述当前焦点的定向关系表中,查找与所述被触发的方向键的键值相对应的定向焦点的索引号。
优选的,所述方法还包括:根据所述当前焦点的定向关系表判断被触发的方向键是否对应定向焦点;
所述根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点的步骤是在判断出被触发的方向键对应定向焦点的情况下执行的。
优选的,所述方法还包括:保持光标位置不变;
所述保持光标不变的步骤是在判断出被触发的方向键未对应定向焦点的情况下执行的。
优选的,所述属性信息还包括焦点区域,所述焦点区域为本焦点对应的信息元素覆盖的区域范围;
所述获取所述目标焦点的属性信息后,还包括:
从所述目标焦点的属性信息中,确定所述目标焦点的焦点区域;
根据所述目标焦点的焦点区域绘制光标的形状,使所述光标的形状与所述目标焦点的焦点区域的形状一致。
优选的,所述目标焦点为异形焦点。
一种网页焦点定位系统,所述网页中的每一焦点均对应有属性信息,所述属性信息包括位置坐标和定向关系表,所述定向关系表中保存有方向键与定向焦点的对应关系,所述系统包括:
第一确定单元,用于当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
第一获取单元,用于获取所述当前焦点的属性信息;
第二确定单元,用于根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,所述被触发的方向键对应的定向焦点为目标焦点;
第二获取单元,用于获取所述目标焦点的属性信息;
位置确定单元,用于从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
显示控制单元,用于将光标移动到所述目标焦点的位置坐标。
优选的,所述属性信息还包括索引号,所述对应关系具体为所述方向键的键值与定向焦点的索引号之间的对应关系;
所述第二确定单元,包括:
查询单元,用于在所述当前焦点的定向关系表中,查找与所述被触发的方向键的键值相对应的定向焦点的索引号。
优选的,所述系统还包括:
判断单元,用于根据所述当前焦点的定向关系表判断被触发的方向键是否对应定向焦点;
所述第二确定单元根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点是在所述判断单元判断出被触发的方向键对应定向焦点的情况下执行的。
优选的,所述系统还包括:
保持单元,用于保持光标位置不变;
所述保持单元保持光标位置不变是在所述判断单元判断出被触发的方向键未对应定向焦点的情况下执行的。
优选的,所述属性信息还包括焦点区域,所述焦点区域为本焦点对应的信息元素覆盖的区域范围;
所述系统还包括:
区域确定单元,用于从所述目标焦点的属性信息中,确定所述目标焦点的焦点区域;
光标绘制单元,用于根据所述目标焦点的焦点区域绘制光标的形状,使所述光标的形状与所述目标焦点的焦点区域的形状一致。
从上述的技术方案可以看出,本发明公开的网页焦点定位方法及系统,根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,由于当前焦点的定向关系表中保存有方向键与定向焦点的对应关系,所以,本发明可以根据被触发的方向键直接确定出目标焦点,而无需确定此方向键对应的方位是否有焦点、有多少个焦点以及最近的焦点是哪一个,也无需经过复杂的计算来确定出定向焦点。所以,本发明的技术方案相对于现有技术中的焦点定位方法,省去了复杂的计算过程,提高了定向焦点的定位效率。
并且,本发明的技术方案中,由于在当前焦点的定向关系表中,方向键与定向焦点具有明确的对应关系,无论焦点排布如何不规则,都不会影响方向键与定向焦点的对应关系的确定性,所以,在面对排布不规则的焦点时,本发明在避免了复杂的计算过程的基础上,能够有效避免传统的真焦点定位方式由于计算过于复杂而导致错误定位的问题,从而提高定位目标焦点的准确性。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请的网页焦点排布的示意图;
图2为本申请实施例一提供的网页焦点定位方法的流程图;
图3为本申请实施例二提供的网页焦点定位方法的流程图;
图4为本申请实施例三提供的网页焦点定位方法的流程图;
图5为本申请实施例四的网页焦点定位系统的结构示意图;
图6为本申请实施例五的网页焦点定位系统的结构示意图;
图7为本申请实施例六的网页焦点定位系统的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
请参阅图1,图1为本申请的网页焦点排布的示意图。
在本发明的网页焦点定位方法中,所述网页中的每一焦点均对应有属性信息,所述属性信息包括位置坐标和定向关系表,所述定向关系表中保存有方向键与定向焦点的对应关系。所述定向焦点就是在方向键被触发时,光标从当前焦点所要移动到的焦点。其中,不同的焦点的定向关系表中所保存的方向键与定向焦点的对应关系并不相同,即,在不同的焦点上,触发相同的方向键,将会得到不同的定向焦点。
如图1所示,页面中包含焦点a~i,焦点a的定向关系表的内容如表1所示:
表1 焦点a的定向关系表
定向关系 | 方向键 | 定向焦点 |
1 | 上 | b |
2 | 下 | d |
3 | 左 | c |
4 | 右 | e |
焦点e的定向关系表的内容如表2所示:
表2 焦点e的定向关系表
定向关系 | 方向键 | 定向焦点 |
1 | 上 | b |
2 | 下 | f |
3 | 左 | a |
4 | 右 | g |
上述定向关系表中的对应关系通常是由网页设计人员来设定的,但不同的用户,其使用习惯可能并不相同,为了适应不同用户的使用习惯,也可以开放定向关系表的设定权限,由用户来设定各个焦点的定向关系表中的方向键与定向焦点之间的对应关系。
图2为本申请实施例一的网页焦点定位方法的流程图。
如图2所示,该方法包括:
步骤S101:当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
需要说明的是,当浏览器被激活时,光标通常位于默认焦点上;在浏览器被使用的过程中,光标也总是位于某一焦点上。系统通常能够检测到光标的位置坐标,而位置坐标是焦点的属性之一,所以,当检测到方向键被触发时,可以根据光标当前所在的位置坐标,来确定出当前焦点。
更具体的,如焦点的位置坐标可以用像素值表示:以页面显示区域的左上角为坐标原点,建立以像素px为单位的直角坐标系,焦点的位置坐标可以为焦点区域左上角的点的坐标。仍请参见图1,焦点a左上角的点在水平方向上距离原点15px,在竖直方向上距离原点35px,即焦点a的位置坐标为(15,35)。
步骤S102:获取所述当前焦点的属性信息;
获取当前焦点的属性信息,即可以获取当前焦点的坐标位置与定向关系表,此处主要为了获取当前焦点的定向关系表。
由于当前焦点的定向关系表中保存有各方向键与定向焦点的对应关系,自然,也保存有被触发的方向键与定向焦点的对应关系。
例如,页面中包含焦点A、B、C、D和E,方向键包括上、下、左和右,当前焦点为A,假定在焦点A的定向关系表中,方向键“上”与焦点B相对应,方向键“下”与焦点C相对应,方向键“左”与焦点D相对应,方向键“右”与焦点E相对应。
步骤S103:根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点;
为称呼方便,可将被触发的方向键对应的定向焦点称为目标焦点。
继续以上述焦点A、B、C、D和E,方向键上、下、左和右为例,当检测到的被触发的方向键为“上”时,由于当前焦点A的定向关系表中方向键“上”与焦点B相对应,则可以直接确定出定向焦点B为目标焦点。同理,当被触发的方向键为“下”时,则根据当前焦点A的定向关系表中方向键“下”与焦点C的对应关系,可以直接确定出定向焦点C为目标焦点。
反过来与现有技术相比较,假定当前焦点A宽度为50px,在焦点A的正下方从左到右分别排布着焦点D(宽20px)、C(宽10px)、E(宽20px),焦点A的正上方排布着焦点B(宽15px),焦点A的左侧与右侧均无其他焦点。当前焦点为A,被触发按键为“下”时,如果采用传统的真焦点的定位方法,浏览器识别到焦点A的正下方存在3个焦点D、C、E,而无法确定出哪一个才是要移动到的定向焦点,或者需要经过复杂的计算规则才能确定出定向焦点。
而通过本发明提供的方法,由于方向键“下”与焦点C相对应,方向键“左”与焦点D相对应,方向键“右”与焦点E相对应,所以触发方向键“下”就可以实现焦点A到焦点C的切换,触发方向键“左”就可以实现焦点A到焦点D的切换,触发方向键“右”就可以实现焦点A到焦点E的切换,从而能够快速准确的确定出实际想要移动到的定向焦点。
根据上述举例,可以看出,本发明实施例通过定向关系表来确定目标焦点,可以无须考虑焦点的排布规则。
在一个示例中,焦点的属性信息还可以包括索引号(可包括定向焦点的索引号,还可包括本焦点的索引号)。
相应的,前述提及的定向关系表中的方向键与定向焦点的对应关系,可以具体为所述方向键的键值与定向焦点的索引号之间的对应关系。
则,步骤S103(根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点)可具体包括:
在所述当前焦点的定向关系表中,查找与所述被触发的方向键的键值相对应的定向焦点的索引号。
在其他示例中,上述对应关系并不局限于方向键的键值与索引号的对应关系,例如,所述对应关系可以具体为所述方向键的键值与定向焦点的位置坐标之间的对应关系,或者,所述方向键的键值与定向焦点的名称之间的对应关系,或者,所述方向键的键值与定向焦点的其他属性信息之间的对应关系。
步骤S104:获取所述目标焦点的属性信息;
在确定出目标焦点后,获取目标焦点的属性信息,即可以获取目标焦点的位置坐标和定向关系表,此处主要是为了获取目标焦点的位置坐标。
步骤S105:从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
假定所述定向焦点为C,其位置坐标为(10px,20px),此处确定出来的位置坐标即为(10px,20px)。
步骤S106:将光标移动到所述目标焦点的位置坐标。
在确定出目标焦点的位置坐标后,将光标移动到该位置坐标,即将光标显示在所述目标焦点上,从而实现从当前焦点到目标焦点的切换。
本实施例提供的网页焦点定位方法,根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,无须经过复杂的计算就能够确定出定向焦点,提高了定向焦点的定位效率。尤其在面对排布不规则的焦点时,更能够有效避免传统的真焦点定位方式由于计算过于复杂而导致错误定位的问题,从而提高焦点定位的准确性。
在实际应用中,当检测到方向键被触发时,可能当前焦点的定向关系表中并不存在与被触发的方向键对应的定向焦点,从而导致确定定向焦点失败,导致定位错误的问题,例如,当前焦点A的周边只有2个焦点B和C,在当前焦点A的定向关系表中,方向键“上”与焦点B相对应,方向键“下”与焦点C相对应,而并不存在与方向键“左”与“右”分别对应的焦点。此时,若用户触发方向键“左”或“右”时,由于找不到与其对应的焦点,很可能会由于缺少相应的处理逻辑而导致查找结果溢出,进而导致系统发生故障,所以,还需要对根据所述当前焦点的定向关系表无法确定出被触发的方向键对应的定向焦点的情况采取相应的处理。所以本发明还提供了下面的实施例二。
请参阅图3,图3为本申请实施例二的网页焦点定位方法的流程图,包括:
步骤S201:当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
步骤S202:获取所述当前焦点的属性信息;
关于属性信息,请参见本文前述记载,在此不作赘述。
步骤S203:根据所述当前焦点的定向关系表判断被触发的方向键是否对应定向焦点,若是,进入步骤S205;否则,进入步骤S204;
在一个示例中,焦点的属性信息还可以包括索引号。相应的,根据所述当前焦点的定向关系表判断被触发的方向键是否对应定向焦点可包括如下操作,在所述当前焦点的定向关系表中,查找与所述被触发的方向键的键值相对应的定向焦点的索引号。
若查找出被触发的方向键对应的定向焦点的索引号,可以将索引号-1作为查找到的索引号,索引号-1代表查找不到对应的定向焦点。而当索引号为-1时,则进入后续步骤S204(保持光标位置不变),否则进入步骤S205。
步骤S204:保持光标位置不变;
若根据所述当前焦点的定向关系表无法确定出被触发的方向键对应的定向焦点,保持光标位置不变,这样,能够有效避免查找结果溢出导致的各种可能出现的问题。当然,还可以采用其他的方式来避免查找结果溢出导致的各种可能出现的问题,例如,弹出提示窗口告知用户在当前焦点上该方向键无效,或者,在弹出的提示窗口上提供其他定向焦点的选项等,这样都可以进一步提高用户体验。
步骤S205:根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点;
为称呼方便,可将被触发的方向键对应的定向焦点称为目标焦点。
步骤S206:获取所述目标焦点的属性信息;
步骤S207:从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
步骤S208:将光标移动到所述定向焦点的位置坐标。
在本实施例中,步骤S201~S202、S205~S208分别与上一实施例S101~S102、S104~S106相同,本实施例与上一实施例的区别在于步骤S203~S204的处理流程。
本实施例提供的网页焦点定位方法,根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,无须经过复杂的计算就能够确定出定向焦点,提高了定向焦点的定位效率。并且,当无法确定出相应的定向焦点时,保持光标位置不变,有效避免了缺乏相应的处理逻辑而导致查找结果溢出引出的系统故障等问题。
在实际应用中,光标的形状通常是固定的,将光标移动到所述定向焦点的位置坐标后,可能光标的形状与焦点的形状不符,十分影响焦点定位后的显示效果,所以本发明还提供了下面的实施例三。
请参阅图4,图4为本申请实施例三提供的网页焦点定位方法的流程图,包括:
步骤S301:当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
步骤S302:获取所述当前焦点的属性信息;
关于属性信息,请参见本文前述记载,在此不作赘述。
步骤S303:根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点;
为称呼方便,可将被触发的方向键对应的定向焦点称为目标焦点。
步骤S304:获取所述目标焦点的属性信息;
步骤S305:从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
步骤S306:从所述目标焦点的属性信息中,确定所述目标焦点的焦点区域;
本实施例中的焦点区域为本焦点对应的信息元素覆盖的区域范围。
在实际设计过程中,设计人员可以用图像处理工具(如PhotoShop)将焦点所对应的信息元素(如图片)的显示区域切割出来,作为本焦点的焦点区域,并作为本焦点的属性信息之一进行保存。
步骤S307:将光标移动到所述目标焦点的位置坐标;
步骤S308:根据所述目标焦点的焦点区域绘制光标的形状,使所述光标的形状与所述目标焦点的焦点区域的形状一致。
在本实施例的技术方案中,步骤301~305与实施例一的步骤101~105相同,步骤S307与实施例一的步骤S106相同,相对于实施例一的技术方案,本实施例增加了步骤S306与步骤S308。
其中,步骤S306与S305的先后顺序可以互换,步骤S307与S308的步骤也可以互换。
并且,本实施例中的步骤S306与S308还可以应用到本申请实施例二的技术方案中。
需要说明的是,在现有技术中,焦点的焦点区域是由浏览器定义出来的固定形状的方框,光标的形状也是固定不变,无法与焦点对应的信息元素的形状相对应,当将光标移动到相应焦点时,光标可能已经超出了该焦点对应的信息元素的覆盖范围,也可能仅仅覆盖了信息元素的部分区域,严重影响视觉上的显示效果。
而在本发明的技术方案中,则是将光标的形状绘制成与定向焦点的焦点区域的形状。这样,当光标移动到定向焦点时,即切换至定向焦点时,光标与定向焦点的信息元素能很好的契合在一起,光标的覆盖区域即该信息元素的显示区域,从而提高了视觉上的显示效果。
此外,随着用户体验需求的不断提高,焦点对应的信息元素的形状更趋于多样化,从而出现了越来越多的异形焦点,所谓异形焦点是指焦点区域不规则的焦点。通常,焦点区域为方形或长方形的焦点被称之为规则焦点,而焦点区域为圆形、菱形、多边形以及其他各种形状的焦点被称之为异形焦点。
本发明上述所有实施例中的焦点可为异形焦点,结合本发明实施例提供的网页焦点绘制方式,能够适应各种异形焦点的定位显示,保证良好的显示效果。
需要注意的是,本发明的网页焦点定位方法中的焦点是由页面设计人员自行定义并设计的,是一种虚拟焦点,或称为似焦点,而并不是由浏览器以HTML定义标签的方式确定的真焦点,所以本发明的焦点不会被浏览器识别,也就不会受到浏览器的控制与影响。由于在本发明焦点的属性信息中,设计了位置坐标以及定向关系表等信息,所以,可以直接通过焦点的定向关系表实现焦点的定位,而无需受到焦点排布规则的限制。并且,由于本发明的焦点是由页面设计人员自行定义并设计的一种似焦点,所以可以根据具体显示需要来设计焦点区域,从而避免了现有技术中真焦点的固定形状的边框所导致的影响视觉美观的问题。。
对应于网页焦点定位方法,本发明还提供了网页焦点定位系统。
请参阅图5,图5为本申请实施例四的网页焦点定位系统的结构示意图。
在本发明的网页焦点定位系统中,所述网页中的每一焦点均对应有属性信息,所述属性信息包括位置坐标和定向关系表,所述定向关系表中保存有方向键与定向焦点的对应关系。所述定向焦点就是在方向键被触发时,光标从当前焦点所要移动到的焦点。其中,不同的焦点的定向关系表中所保存的方向键与定向焦点的对应关系并不相同,即,在不同的焦点上,触发相同的方向键,将会得到不同的定向焦点。关于不同焦点的定向关系表的区别,请参见本文前述实施例一的记载,在此不作赘述。
如图5所示,该系统包括:
第一确定单元U101,用于当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
需要说明的是,当浏览器被激活时,光标通常位于默认焦点上;在浏览器被使用的过程中,光标也总是位于某一焦点上。系统通常能够检测到光标的位置坐标,而位置坐标是焦点的属性之一,所以,所述第一确定单元U101可以当检测到方向键被触发时,可以根据光标当前所在的位置坐标,来确定出当前焦点。
图1为本申请的网页焦点坐标系的示意图。更具体的,如图1所示,焦点的位置坐标可以用像素值表示:以页面显示区域的左上角为坐标原点,焦点所在像素与页面区域左边0像素的距离为横坐标,焦点所在像素与页面区域上边0像素的距离为纵坐标。
第一获取单元U102,用于获取所述当前焦点的属性信息;
所述第一获取单元U102获取当前焦点的属性信息,即可以获取当前焦点的坐标位置与定向关系表,此处主要为了获取当前焦点的定向关系表。
由于当前焦点的定向关系表中保存有各方向键与定向焦点的对应关系,自然,也保存有被触发的方向键与定向焦点的对应关系。
第二确定单元U103,用于根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点;
为称呼方便,可将被触发的方向键对应的定向焦点称为目标焦点。
根据当前焦点的定向关系表与被触发的方向键就可以确定出定向焦点。
本发明实施例通过定向关系表来确定目标焦点,可以无须考虑焦点的排布规则。
在一个示例中,焦点的属性信息还可以包括索引号(可包括定向焦点的索引号,还可包括本焦点的索引号)。
相应的,前述提及的定向关系表中的方向键与定向焦点的对应关系,可以具体为所述方向键的键值与定向焦点的索引号之间的对应关系。
则,所述第二确定单元U103(用于根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点),可具体包括:
查询单元,用于在所述当前焦点的定向关系表中,查找与所述被触发的方向键的键值相对应的定向焦点的索引号。
在其他示例中,上述对应关系并不局限于方向键的键值与索引号的对应关系,例如,所述对应关系可以具体为所述方向键的键值与定向焦点的位置坐标之间的对应关系,或者,所述方向键的键值与定向焦点的名称之间的对应关系,或者,所述方向键的键值与定向焦点的其他属性信息之间的对应关系。
第二获取单元U104,用于获取所述目标焦点的属性信息;
在确定出目标焦点后,获取目标焦点的属性信息,即可以获取目标焦点的位置坐标和定向关系表,此处主要是为了获取目标焦点的位置坐标。
位置确定单元U105,用于从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
显示控制单元U106,用于将光标移动到所述目标焦点的位置坐标。
在确定出目标焦点的位置坐标后,所述显示控制单元U106将光标移动到该位置坐标,即将光标显示在所述目标焦点上,从而实现从当前焦点到目标焦点的切换。
本实施例提供的网页焦点定位系统,根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,无须经过复杂的计算就能够确定出定向焦点,提高了定向焦点的定位效率。尤其在面对排布不规则的焦点时,更能够有效避免传统的真焦点定位方式由于计算过于复杂而导致错误定位的问题,从而提高焦点定位的准确性。
在实际应用中,当检测到方向键被触发时,可能当前焦点的定向关系表中并不存在与被触发的方向键对应的定向焦点,从而导致确定定向焦点失败,导致定位错误的问题,例如,当前焦点A的周边只有2个焦点B和C,在当前焦点A的定向关系表中,方向键“上”与焦点B相对应,方向键“下”与焦点C相对应,而并不存在与方向键“左”与“右”分别对应的焦点。此时,若用户触发方向键“左”或“右”时,由于找不到与其对应的焦点,很可能会由于缺少相应的处理逻辑而导致查找结果溢出,进而导致系统发生故障,所以,还需要对根据所述当前焦点的定向关系表无法确定出被触发的方向键对应的定向焦点的情况采取相应的处理。所以本发明还提供了下面的实施例五。
请参阅图6,图6为本申请实施例五的网页焦点定位系统的另一结构示意图。
在图5所示实施例的基础上,本实施例网页焦点定位系统,还可以包括:
保持单元U107,用于保持光标位置不变;
判断单元U108,用于根据所述当前焦点的定向关系表判断被触发的方向键是否对应定向焦点;
所述第二确定单元U103根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点在是所述判断单元U108判断出被触发的方向键对应定向焦点的情况下执行的;
所述保持单元U107保持光标位置不变是在所述判断单元U108判断出被触发的方向键未对应定向焦点的情况下执行的。
若根据所述当前焦点的定向关系表无法确定出被触发的方向键对应的定向焦点,保持光标位置不变,这样,能够有效避免查找结果溢出导致的各种可能出现的问题。当然,还可以采用其他的功能单元来避免查找结果溢出导致的各种可能出现的问题,例如,提示单元,用于弹出提示窗口告知用户在当前焦点上该方向键无效,或者,在弹出的提示窗口上提供其他定向焦点的选项等,这样都可以进一步提高用户体验。
本实施例提供的网页焦点定位系统,根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,无须经过复杂的计算就能够确定出定向焦点,提高了定向焦点的定位效率。并且,当无法确定出相应的定向焦点时,保持光标位置不变,有效避免了缺乏相应的处理逻辑而导致查找结果溢出引出的系统故障等问题。
在实际应用中,光标的形状通常是固定的,将光标移动到所述定向焦点的位置坐标后,可能光标的形状与焦点的形状不符,十分影响焦点定位后的显示效果,所以本发明还提供了下面的实施例六。
请参阅图7,图7为本申请实施例六的网页焦点定位系统的又一结构示意图。
如图7所示,该系统包括:
区域确定单元U108,用于从所述目标焦点的属性信息中,确定所述目标焦点的焦点区域;
焦点区域为本焦点对应的信息元素覆盖的区域范围。
在实际设计过程中,设计人员可以用图像处理工具(如PhotoShop)将焦点所对应的信息元素(如图片)的显示区域切割出来,作为本焦点的焦点区域,并作为本焦点的属性信息之一进行保存。此处,焦点的位置坐标可以为焦点区域左上角的点的坐标
光标绘制单元U109,用于根据所述目标焦点的焦点区域绘制光标的形状,使所述光标的形状与所述目标焦点的焦点区域的形状一致;
需要说明的是,在现有技术中,焦点的焦点区域是由浏览器定义出来的固定形状的方框,光标的形状也是固定不变,无法与焦点对应的信息元素的形状相对应,当将光标移动到相应焦点时,光标可能已经超出了该焦点对应的信息元素的覆盖范围,也可能仅仅覆盖了信息元素的部分区域,严重影响视觉上的显示效果。
而在在本发明的技术方案中,则是将光标的形状绘制成与定向焦点的焦点区域的形状。这样,当光标移动到定向焦点时,即切换至定向焦点时,光标与定向焦点的信息元素能很好的契合在一起,光标的覆盖区域即该信息元素的显示区域,从而提高了视觉上的显示效果。
此外,随着用户体验需求的不断提高,焦点对应的信息元素的形状更趋于多样化,从而出现了越来越多的异形焦点,所谓异形焦点是指焦点区域不规则的焦点。通常,焦点区域为方形或长方形的焦点被称之为规则焦点,而焦点区域为圆形、菱形、多边形以及其他各种形状的焦点被称之为异形焦点。
本发明上述所有实施例中的焦点可为异形焦点,结合本发明实施例提供的网页焦点绘制方式,能够适应各种异形焦点的定位显示,保证良好的显示效果。
需要注意的是,本发明的网页焦点定位方法中的焦点是由页面设计人员自行定义并设计的,是一种虚拟焦点,或称为似焦点,而并不是由浏览器以HTML定义标签的方式确定的真焦点,所以本发明的焦点不会被浏览器识别,也就不会受到浏览器的控制与影响。由于在本发明焦点的属性信息中,设计了位置坐标以及定向关系表等信息,所以,可以直接通过焦点的定向关系表实现焦点的定位,而无需受到焦点排布规则的限制。并且,由于本发明的焦点是由页面设计人员自行定义并设计的一种似焦点,所以可以根据具体显示需要来设计焦点区域,从而避免了现有技术中真焦点的固定形状的边框所导致的影响视觉美观的问题。
本发明提供了一种网页焦点定位方法及系统,根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,由于当前焦点的定向关系表中保存有方向键与定向焦点的对应关系,所以,本发明可以根据被触发的方向键直接确定出定向焦点,将其作为目标焦点,而无需确定此方向键对应的方位是否有焦点、有多少个焦点以及最近的焦点是哪一个,也无需经过复杂的计算来确定出目标焦点。所以,本发明的技术方案相对于现有技术中的焦点定位方法,省去了复杂的计算过程,提高了定向焦点的定位效率。
并且,本发明的技术方案中,由于在当前焦点的定向关系表中,方向键与定向焦点具有明确的对应关系,无论焦点排布如何不规则,都不会影响方向键与定向焦点的对应关系的确定性,所以,在面对排布不规则的焦点时,本发明在避免了复杂的计算过程的基础上,能够有效避免传统的真焦点定位方式由于计算过于复杂而导致错误定位的问题,从而提高焦点定位的准确性。
而且,本实施例提供的网页焦点定位系统,能够将光标的形状绘制成与目标焦点的焦点区域的形状,当光标移动到目标焦点时,即切换至目标焦点时,光标与目标焦点的信息元素很好的契合在一起,光标的覆盖区域即该信息元素的显示区域,从而提高了视觉上的显示效果。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的硬件平台的方式来实现,当然也可以全部通过硬件来实施,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案对背景技术做出贡献的全部或者部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的方法。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
本文中应用了具体个例对本申请的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本申请的方法及其核心思想;同时,对于本领域的一般技术人员,依据本申请的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本申请的限制。
Claims (11)
1.一种网页焦点定位方法,其特征在于,所述网页中的每一焦点均对应有属性信息,所述属性信息包括位置坐标和定向关系表,所述定向关系表中保存有方向键与定向焦点的对应关系,所述方法包括:
当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
获取所述当前焦点的属性信息;
根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,所述被触发的方向键对应的定向焦点为目标焦点;
获取所述目标焦点的属性信息;
从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
将光标移动到所述目标焦点的位置坐标。
2.如权利要求1所述的方法,其特征在于,所述属性信息还包括索引号,所述对应关系具体为所述方向键的键值与定向焦点的索引号之间的对应关系;则,
所述根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,包括:
在所述当前焦点的定向关系表中,查找与所述被触发的方向键的键值相对应的定向焦点的索引号。
3.如权利要求1所述的方法,其特征在于,还包括:根据所述当前焦点的定向关系表判断被触发的方向键是否对应定向焦点;
所述根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点的步骤是在判断出被触发的方向键对应定向焦点的情况下执行的。
4.如权利要求3所述的方法,其特征在于,还包括:保持光标位置不变;
所述保持光标不变的步骤是在判断出被触发的方向键未对应定向焦点的情况下执行的。
5.如权利要求1所述的方法,其特征在于,所述属性信息还包括焦点区域,所述焦点区域为本焦点对应的信息元素覆盖的区域范围;
所述获取所述目标焦点的属性信息后,还包括:
从所述目标焦点的属性信息中,确定所述目标焦点的焦点区域;
根据所述目标焦点的焦点区域绘制光标的形状,使所述光标的形状与所述目标焦点的焦点区域的形状一致。
6.如权利要求5所述的方法,其特征在于,所述目标焦点为异形焦点。
7.一种网页焦点定位系统,其特征在于,所述网页中的每一焦点均对应有属性信息,所述属性信息包括位置坐标和定向关系表,所述定向关系表中保存有方向键与定向焦点的对应关系,所述系统包括:
第一确定单元,用于当检测到方向键被触发时,根据光标当前所在位置坐标,确定当前焦点;
第一获取单元,用于获取所述当前焦点的属性信息;
第二确定单元,用于根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点,所述被触发的方向键对应的定向焦点为目标焦点;
第二获取单元,用于获取所述目标焦点的属性信息;
位置确定单元,用于从所述目标焦点的属性信息中,确定所述目标焦点的位置坐标;
显示控制单元,用于将光标移动到所述目标焦点的位置坐标。
8.如权利要求7所述的系统,其特征在于,所述属性信息还包括索引号,所述对应关系具体为所述方向键的键值与定向焦点的索引号之间的对应关系;
所述第二确定单元,包括:
查询单元,用于在所述当前焦点的定向关系表中,查找与所述被触发的方向键的键值相对应的定向焦点的索引号。
9.如权利要求7所述的系统,其特征在于,还包括:
判断单元,用于根据所述当前焦点的定向关系表判断被触发的方向键是否对应定向焦点;
所述第二确定单元根据所述当前焦点的定向关系表确定被触发的方向键对应的定向焦点是在所述判断单元判断出被触发的方向键对应定向焦点的情况下执行的。
10.如权利要求7所述的系统,其特征在于,还包括:
保持单元,用于保持光标位置不变;
所述保持单元保持光标位置不变是在所述判断单元判断出被触发的方向键未对应定向焦点的情况下执行的。
11.如权利要求7所述的系统,其特征在于,所述属性信息还包括焦点区域,所述焦点区域为本焦点对应的信息元素覆盖的区域范围;
所述系统还包括:
区域确定单元,用于从所述目标焦点的属性信息中,确定所述目标焦点的焦点区域;
光标绘制单元,用于根据所述目标焦点的焦点区域绘制光标的形状,使所述光标的形状与所述目标焦点的焦点区域的形状一致。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610217555.0A CN105912206A (zh) | 2016-04-08 | 2016-04-08 | 一种网页焦点定位方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610217555.0A CN105912206A (zh) | 2016-04-08 | 2016-04-08 | 一种网页焦点定位方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105912206A true CN105912206A (zh) | 2016-08-31 |
Family
ID=56745530
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610217555.0A Pending CN105912206A (zh) | 2016-04-08 | 2016-04-08 | 一种网页焦点定位方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105912206A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111459582A (zh) * | 2019-01-22 | 2020-07-28 | 深圳市茁壮网络股份有限公司 | 一种焦点元素处理方法及装置 |
US11169676B2 (en) * | 2019-11-12 | 2021-11-09 | Mocha & Js Co., Ltd. | Method of providing document editing service based on block editor, and server and computer program for executing the same |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102662493A (zh) * | 2012-03-12 | 2012-09-12 | 深圳Tcl新技术有限公司 | 智能终端定位鼠标光标的方法及智能终端 |
CN103473055A (zh) * | 2013-09-06 | 2013-12-25 | 乐视致新电子科技(天津)有限公司 | 一种焦点移动控制方法及装置 |
CN104598248A (zh) * | 2015-02-03 | 2015-05-06 | 安徽广电信息网络股份有限公司 | 基于html网页的焦点切换方法 |
-
2016
- 2016-04-08 CN CN201610217555.0A patent/CN105912206A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102662493A (zh) * | 2012-03-12 | 2012-09-12 | 深圳Tcl新技术有限公司 | 智能终端定位鼠标光标的方法及智能终端 |
CN103473055A (zh) * | 2013-09-06 | 2013-12-25 | 乐视致新电子科技(天津)有限公司 | 一种焦点移动控制方法及装置 |
CN104598248A (zh) * | 2015-02-03 | 2015-05-06 | 安徽广电信息网络股份有限公司 | 基于html网页的焦点切换方法 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111459582A (zh) * | 2019-01-22 | 2020-07-28 | 深圳市茁壮网络股份有限公司 | 一种焦点元素处理方法及装置 |
US11169676B2 (en) * | 2019-11-12 | 2021-11-09 | Mocha & Js Co., Ltd. | Method of providing document editing service based on block editor, and server and computer program for executing the same |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9335836B2 (en) | Method and electronic apparatus for realizing virtual handwriting input | |
CN102132229B (zh) | 内置滚动激活和光标装饰 | |
US8217909B2 (en) | Multi-finger sub-gesture reporting for a user interface device | |
CN103097996B (zh) | 运动控制触屏方法和装置 | |
CN101278251B (zh) | 交互式大规模触摸面系统 | |
US10185488B2 (en) | Device and method for displaying information | |
US9542005B2 (en) | Representative image | |
US20170300227A1 (en) | Method for adjusting input virtual keyboard and input apparatus | |
US20160071298A1 (en) | Loading method and apparatus for map label | |
EP2605119B1 (en) | Touch input method and apparatus of portable terminal | |
CN104123520A (zh) | 二维码扫描方法及装置 | |
CN105892831A (zh) | 一种移动终端的列表数据的滑动显示方法和装置 | |
JP2009003867A (ja) | 表示装置およびコンピュータ・プログラム | |
CN104331186B (zh) | 触摸屏书写区域的处理方法和系统 | |
CN106131630A (zh) | 基于电视机的网页浏览控制方法及相关装置 | |
CN105825535A (zh) | 一种图层合并方法及系统 | |
CN105912206A (zh) | 一种网页焦点定位方法及系统 | |
CN106527888A (zh) | 滑屏查找页面的方法及装置 | |
CN107861684A (zh) | 书写识别方法、装置、存储介质及计算机设备 | |
CN104133614B (zh) | 屏幕菜单显示方法和系统 | |
CN108762557A (zh) | 一种触摸检测方法和计算机可读存储介质 | |
CN103098013B (zh) | 信息处理装置、信息处理装置的控制方法 | |
CN104798021A (zh) | 用于触觉输入装置的传感器图案 | |
CN110471611B (zh) | 键盘启动的方法、装置、终端设备和存储介质 | |
CN106598351B (zh) | 一种触摸点处理方法及设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160831 |
|
RJ01 | Rejection of invention patent application after publication |