CN114153536B - 兼容触摸屏的物理按键的web页面焦点控制方法及*** - Google Patents

兼容触摸屏的物理按键的web页面焦点控制方法及*** Download PDF

Info

Publication number
CN114153536B
CN114153536B CN202111339543.2A CN202111339543A CN114153536B CN 114153536 B CN114153536 B CN 114153536B CN 202111339543 A CN202111339543 A CN 202111339543A CN 114153536 B CN114153536 B CN 114153536B
Authority
CN
China
Prior art keywords
focus
focusable
elements
navigation
aligned
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
Application number
CN202111339543.2A
Other languages
English (en)
Other versions
CN114153536A (zh
Inventor
陈爽
李青淋
麦秀青
高元钧
徐冬晨
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
CETC 32 Research Institute
Original Assignee
CETC 32 Research Institute
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by CETC 32 Research Institute filed Critical CETC 32 Research Institute
Priority to CN202111339543.2A priority Critical patent/CN114153536B/zh
Publication of CN114153536A publication Critical patent/CN114153536A/zh
Application granted granted Critical
Publication of CN114153536B publication Critical patent/CN114153536B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Position Input By Displaying (AREA)

Abstract

本发明提供了一种兼容触摸屏的物理按键的web页面焦点控制方法及***,涉及计算机技术领域,该方法包括:步骤S1:寻找在当前页面中的可聚焦区域;步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,接收到点击事件后,再获取当前焦点,为下次键盘控制的起始焦点,依次类推;步骤S4:确定焦点移动遵循的规则。本发明使得移动操作***能同时适配在仅包含触摸屏的设备、仅包含物理按键的设备以及同时包含触摸屏和物理按键的设备,达到了一次开发,多种硬件设备适配的效果,大大提高了移植开发的效率。

Description

兼容触摸屏的物理按键的web页面焦点控制方法及***
技术领域
本发明涉及计算机技术领域,具体地,涉及一种兼容触摸屏的物理按键的web页面焦点控制方法及***。
背景技术
过去军用移动终端硬件不搭载触摸屏且功能局限于拨号、短信等简单功能。随着技术的进步和需求的发展,军用移动终端变得更加智能、人机界面更加友好。因此对物理按键的适配提出了更高的要求,在对操作界面焦点控制的过程中,需要兼容触摸屏和物理键盘两种输入设备。
军用移动终端为了简化操作同时适应极端环境,会同时配备触摸屏和物理键盘。而在对操作界面的焦点控制过程中,触摸屏和物理按键的驱动不兼容,两种输入设备交替使用,会出现操作界面难以使用的状况。
公开号为CN107295414A的发明专利,公开了一种Web页面焦点控制方法及装置,将Web页面划分至少一个HTML标签容器;确定所述HTML标签容器的标签属性;在所述标签属性的指定字段确定Web页面的焦点属性;根据所述焦点属性确定所述Web页面的焦点。
公开号为CN103297854B的发明专利,公开了一种web页面焦点控制方法,通过输入设备在显示界面中移动的坐标判断当前焦点所在的区域,根据各区域的信息对当前焦点进行显示。当焦点在相同区域中的元素之间切换的时候,采用同样大小的边框来回覆盖相应元素,并边框上产生一个行走的动画;焦点移动到不同的区域时,根据移动的坐标判断当前焦点所在的功能区域,根据该功能区域选择适应该区域的显示方式。上述专利不能解决同时存在触摸屏和物理键盘两种输入方式时所产生的兼容性问题。
发明内容
针对现有技术中的缺陷,本发明提供一种兼容触摸屏的物理按键的web页面焦点控制方法及***。
根据本发明提供的一种兼容触摸屏的物理按键的web页面焦点控制方法及***,所述方案如下:
第一方面,提供了一种兼容触摸屏的物理按键的web页面焦点控制方法,所述方法包括:
步骤S1:寻找在当前页面中的可聚焦区域;
步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;
步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,接收到点击事件后,再获取当前焦点,为下次键盘控制的起始焦点,依次类推;
步骤S4:确定焦点移动遵循的规则。
优选的,所述步骤S3中的起始焦点用于搜索下一个目标焦点的原点,是元素或者点。
优选的,所述步骤S3具体包括:进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点。
优选的,所述步骤S4包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;
如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;
否则,滚动容器将按请求的方向滚动。
优选的,所述步骤S4中聚焦到导航方向上对齐最多的元素包括:
如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;如果多个元素的距离相同,则选择对齐量最小的元素;
否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。
第二方面,提供了一种兼容触摸屏的物理按键的web页面焦点控制***,所述***包括:
模块M1:寻找在当前页面中的可聚焦区域;
模块M2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;
模块M3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,接收到点击事件后,再获取当前焦点,为下次键盘控制的起始焦点,依次类推;
模块M4:确定焦点移动遵循的规则。
优选的,所述模块M3中的起始焦点用于搜索下一个目标焦点的原点,是元素或者点。
优选的,所述模块M3具体包括:进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点。
优选的,所述模块M4包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;
如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;
否则,滚动容器将按请求的方向滚动。
优选的,所述模块M4中聚焦到导航方向上对齐最多的元素包括:
如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;如果多个元素的距离相同,则选择对齐量最小的元素;
否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。
与现有技术相比,本发明具有如下的有益效果:
本发明使得移动操作***能同时适配在仅包含触摸屏的设备、仅包含物理按键的设备以及同时包含触摸屏和物理按键的设备,达到了一次开发,多种硬件设备适配的效果,大大提高了移植开发的效率。
附图说明
通过阅读参照以下附图对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1为技术方案流程图;
图2为焦点移动规则示例。
具体实施方式
下面结合具体实施例对本发明进行详细说明。以下实施例将有助于本领域的技术人员进一步理解本发明,但不以任何形式限制本发明。应当指出的是,对本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变化和改进。这些都属于本发明的保护范围。
本发明实施例提供了一种兼容触摸屏的物理按键的web页面焦点控制方法,旨在解决两种输入设备同时使用时,操作界面难以使用的问题。参照图1所示,该方法具体包括如下步骤:
步骤S1:寻找在当前页面中的可聚焦区域,包括:找到一个空间导航容器,递归找到其中可以聚集的区域。
步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;包括:页面中标签为按钮、文本框、链接等可见元素。
步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,包括:默认可聚焦元素指当前顶级页面的可聚焦区域中的DOM锚。
顶级页面是指一个不是子页面的页面。
DOM锚是指用于创建另一个文档的链接或者创建文档内的书签。
起始焦点包括:用于搜索下一个目标焦点的原点,可以是元素或者点。
为解决设备同时存在触摸屏和物理键盘时,操作界面难以使用的问题,设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点还包括:进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点,依次类推。
步骤S4:确定焦点移动遵循的规则,包括:首先明确一点,当焦点位于滚动容器内并且用户触发空间导航时,是请求将焦点移动到那个方向,还是文档应该向那个方向滚动。如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素。否则,滚动容器将按请求的方向滚动。
聚焦到导航方向上对齐元素最多的元素,包括:如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素。如果多个元素的距离相同,则选择对齐量最小的元素。
否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素。如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。如图2所示,设A元素为起始焦点,当用户点击物理按键“DOWN”时,由于C元素与A元素对齐量较大,因此候选焦点元素为C元素。
本发明还提供了一种一种兼容触摸屏的物理按键的web页面焦点控制***,该***包括:
模块M1:寻找在当前页面中的可聚焦区域;包括:找到一个空间导航容器,递归找到其中可以聚集的区域。
模块M2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;包括:页面中标签为按钮、文本框、链接等可见元素。
模块M3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点;包括:默认可聚焦元素指当前顶级页面的可聚焦区域中的DOM锚。
顶级页面是指一个不是子页面的页面。
DOM锚是指用于创建另一个文档的链接或者创建文档内的书签。
具体地,模块M3中的起始焦点用于搜索下一个目标焦点的原点,可以是元素或者点。
可聚焦元素,作为物理键盘所控制的起始焦点还包括:进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点。
模块M4:确定焦点移动遵循的规则。包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;否则,滚动容器将按请求的方向滚动。
聚焦到导航方向上对齐最多的元素包括:如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;如果多个元素的距离相同,则选择对齐量最小的元素;否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。如图2所示,设A元素为起始焦点,当用户点击物理按键“DOWN”时,由于C元素与A元素对齐量较大,因此候选焦点元素为C元素。
本发明实施例提供了一种兼容触摸屏的物理按键的web页面焦点控制方法及***,使得移动操作***能同时适配在仅包含触摸屏的设备、仅包含物理按键的设备以及同时包含触摸屏和物理按键的设备,达到了一次开发,多种硬件设备适配的效果,大大提高了移植开发的效率。
本领域技术人员知道,除了以纯计算机可读程序代码方式实现本发明提供的***及其各个装置、模块、单元以外,完全可以通过将方法步骤进行逻辑编程来使得本发明提供的***及其各个装置、模块、单元以逻辑门、开关、专用集成电路、可编程逻辑控制器以及嵌入式微控制器等的形式来实现相同功能。所以,本发明提供的***及其各项装置、模块、单元可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置、模块、单元也可以视为硬件部件内的结构;也可以将用于实现各种功能的装置、模块、单元视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
以上对本发明的具体实施例进行了描述。需要理解的是,本发明并不局限于上述特定实施方式,本领域技术人员可以在权利要求的范围内做出各种变化或修改,这并不影响本发明的实质内容。在不冲突的情况下,本申请的实施例和实施例中的特征可以任意相互组合。

Claims (2)

1.一种兼容触摸屏的物理按键的web页面焦点控制方法,其特征在于,包括:
步骤S1:寻找在当前页面中的可聚焦区域;
步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;
步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点,依次类推;
其中,起始焦点用于搜索下一个目标焦点的原点,是元素或者点;
步骤S4:确定焦点移动遵循的规则;
所述步骤S4包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;
如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;
否则,滚动容器将按请求的方向滚动;
所述步骤S4中聚焦到导航方向上对齐最多的元素包括:
如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;如果多个元素的距离相同,则选择对齐量最小的元素;
否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。
2.一种兼容触摸屏的物理按键的web页面焦点控制***,其特征在于,包括:
模块M1:寻找在当前页面中的可聚焦区域;
模块M2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;
模块M3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点,依次类推;
其中,起始焦点用于搜索下一个目标焦点的原点,是元素或者点;
模块M4:确定焦点移动遵循的规则;
所述模块M4包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;
如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;
否则,滚动容器将按请求的方向滚动;
所述模块M4中聚焦到导航方向上对齐最多的元素包括:
如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;
如果多个元素的距离相同,则选择对齐量最小的元素;
否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。
CN202111339543.2A 2021-11-12 2021-11-12 兼容触摸屏的物理按键的web页面焦点控制方法及*** Active CN114153536B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111339543.2A CN114153536B (zh) 2021-11-12 2021-11-12 兼容触摸屏的物理按键的web页面焦点控制方法及***

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111339543.2A CN114153536B (zh) 2021-11-12 2021-11-12 兼容触摸屏的物理按键的web页面焦点控制方法及***

Publications (2)

Publication Number Publication Date
CN114153536A CN114153536A (zh) 2022-03-08
CN114153536B true CN114153536B (zh) 2024-04-09

Family

ID=80460243

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111339543.2A Active CN114153536B (zh) 2021-11-12 2021-11-12 兼容触摸屏的物理按键的web页面焦点控制方法及***

Country Status (1)

Country Link
CN (1) CN114153536B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117311550A (zh) * 2023-08-22 2023-12-29 深圳感臻智能股份有限公司 一种基于前端框架的焦点控制方法、***及应用

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102007773A (zh) * 2008-02-21 2011-04-06 活动视频网络有限公司 在视频中使用触发器用于交互内容识别
CN102566916A (zh) * 2010-12-17 2012-07-11 微软公司 图表的创建、编辑和导航
CN102857823A (zh) * 2012-08-24 2013-01-02 乐视网信息技术(北京)股份有限公司 基于电视的web页面焦点控制方法
EP2846240A1 (en) * 2013-09-09 2015-03-11 Swisscom AG Graphical user interface for browsing a list of visual elements
CN107306308A (zh) * 2016-04-20 2017-10-31 中兴通讯股份有限公司 页面响应方法及装置
CN109426409A (zh) * 2017-09-04 2019-03-05 中兴通讯股份有限公司 一种操作屏幕的方法、装置、移动终端和存储介质
CN113051495A (zh) * 2019-12-27 2021-06-29 成都鼎桥通信技术有限公司 一种web页面焦点导航方法和装置
CN113194345A (zh) * 2021-05-19 2021-07-30 南京炫佳网络科技有限公司 一种信号处理方法、装置、机顶盒及存储介质

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102007773A (zh) * 2008-02-21 2011-04-06 活动视频网络有限公司 在视频中使用触发器用于交互内容识别
CN102566916A (zh) * 2010-12-17 2012-07-11 微软公司 图表的创建、编辑和导航
CN102857823A (zh) * 2012-08-24 2013-01-02 乐视网信息技术(北京)股份有限公司 基于电视的web页面焦点控制方法
EP2846240A1 (en) * 2013-09-09 2015-03-11 Swisscom AG Graphical user interface for browsing a list of visual elements
CN107306308A (zh) * 2016-04-20 2017-10-31 中兴通讯股份有限公司 页面响应方法及装置
CN109426409A (zh) * 2017-09-04 2019-03-05 中兴通讯股份有限公司 一种操作屏幕的方法、装置、移动终端和存储介质
CN113051495A (zh) * 2019-12-27 2021-06-29 成都鼎桥通信技术有限公司 一种web页面焦点导航方法和装置
CN113194345A (zh) * 2021-05-19 2021-07-30 南京炫佳网络科技有限公司 一种信号处理方法、装置、机顶盒及存储介质

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
"AVS IPTV数字电视机顶盒浏览器的设计";李双全等;《计算机工程》;20080120;第245-247页 *
"基于移动端网页界面的设计与实现";肖萌;《中国优秀硕士学位论文全文数据库 信息科技辑》;20190515;I139-165 *
"Web Service Applying Moving Target Defense";Zhang Jingzhe等;《2018 IEEE Third International Conference on Data Science in Cyberspace (DSC)》;20180719;全文 *

Also Published As

Publication number Publication date
CN114153536A (zh) 2022-03-08

Similar Documents

Publication Publication Date Title
US8756516B2 (en) Methods, systems, and computer program products for interacting simultaneously with multiple application programs
CN101980191B (zh) 网页浏览过程中焦点元素的锁定方法和装置
JP5882492B2 (ja) キーボードにマップされたキーボード・ショートカットを提供すること
EP3822828A2 (en) Method, apparatus, device and storage medium for determining page theme and computer program product
US20110154235A1 (en) Apparatus and method of searching for contents in touch screen device
CN104205098A (zh) 使用阵列模式在浏览器中的内容项之间进行导航
JP2010530561A (ja) ユニバーサルなリエントラント予測テキスト入力ソフトウェアコンポーネントを用いた、コンテキスト依存の予測および学習
CN102460362A (zh) 在计算设备上的字形输入
JP2002062966A (ja) 情報処理装置およびその制御方法
EP2328070B1 (en) Information processing device and program
KR20090102727A (ko) 디스플레이 장치의 화면 크기 제어 방법 및 장치
CN104951491A (zh) 信息的搜索方法和装置
KR20090053776A (ko) 터치 위치 이동과 방향 전환에 의한 명령 또는 데이터 입력 방법 및 장치
KR20150057138A (ko) 단말기 및 단말기의 제어 방법
CN114153536B (zh) 兼容触摸屏的物理按键的web页面焦点控制方法及***
CN112148165A (zh) 显示方法、装置和电子设备
CN103488424A (zh) 一种信息展示的方法及装置
CN113407075B (zh) 图标整理方法、装置和电子设备
US7113168B2 (en) Compact information terminal apparatus, method for controlling such apparatus and medium
CN106371715B (zh) 实现多条目切换的方法和装置
CN111831177B (zh) 应用图标显示方法、装置和电子设备
CN113253883A (zh) 应用界面显示方法、装置和电子设备
US20160292140A1 (en) Associative input method and terminal
JP2009140152A (ja) 文字入力装置、文字・文字種の選択方法
CN105808067A (zh) 一种图标移动方法及终端

Legal Events

Date Code Title Description
PB01 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