显示页面的焦点触发方法、装置、计算机设备和存储介质制造方法及图纸

本申请涉及开发领域，特别涉及一种显示页面的焦点触发方法、装置、计算机设备和存储介质。所述方法包括：接收控制端发送的焦点变动指令，焦点变动指令携带有焦点位移量；识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素；识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类；在显示页面中，在显示页面中，将目标元素显示为焦点样式类对应的焦点显示效果，并消除当前焦点位置对应的当前元素的焦点显示效果。采用本方法能够触发显示页面中的多种类元素。

Focus trigger method, device, computer equipment and storage medium of display page

The application relates to the field of development, in particular to a focus triggering method, device, computer device and storage medium for displaying a page. The method includes: receiving the focus change instruction sent by the control end, the focus change instruction carries the focus displacement; identifying the current focus position in the display page, locating the target element according to the current focus position and focus displacement; identifying the element style class of the target element, and obtaining the corresponding relationship of the target element according to the element style class and focus style class Focus style class: in the display page, the target element is displayed as the focus display effect corresponding to the focus style class, and the focus display effect of the current element corresponding to the current focus position is eliminated. This method can trigger many kinds of elements in the display page.

【技术实现步骤摘要】
显示页面的焦点触发方法、装置、计算机设备和存储介质
本申请涉及计算机
，特别是涉及一种显示页面的焦点触发方法、装置、计算机设备和存储介质。
技术介绍
随着数字化智能设备的发展，数字电视的应用也越来越广泛，用户一般是通过机顶盒来操作数字电视；传统机顶盒操作，主要通过遥控器进行人机交互，并通过各种元素的焦点反馈显示页面操作结果，显示页面中的文件对象模型里有一套触发焦点的机制并且有一些默认的样式。然而，这些默认样式不能覆盖所有显示页面中的元素，只有按键、输入框等元素能通过机顶盒浏览器来控制焦点，而机顶盒显示页面中的常见的图片框、视频窗口或一些定制化的复合元素均不能通过该方式控制焦点，用户无法直接操作机顶盒显示页面中的这些元素。
技术实现思路
基于此，有必要针对上述技术问题，提供一种能够触发显示页面中的多种类元素的显示页面的焦点触发方法、装置、计算机设备和存储介质。一种显示页面的焦点触发方法，所述方法包括：接收控制端发送的焦点变动指令，所述焦点变动指令携带有焦点位移量；识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素；识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类；在所述显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。在其中一个实施例中，所述识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类，包括：获取所述目标元素的显示程式中的第一元素样式标识；根据已存储的元素样式标识和焦点样式标识的映射关系，获取所述第一元素样式标识对应的第一焦点样式标识；将所述第一焦点样式标识添加到所述目标元素的显示程式中。在其中一个实施例中，所述将所述目标元素显示为所述焦点样式类对应的焦点显示效果，包括：获取所述第一焦点样式标识对应的焦点显示实例；根据所述焦点显示实例在所述显示页面中显示所述目标元素；渲染所述显示页面。在其中一个实施例中，所述方法还包括：接收服务器发送的映射更新指令；根据所述映射更新指令更新所述元素样式标识和焦点样式标识的映射关系。在其中一个实施例中，所述渲染所述显示页面，包括：识别所述目标元素在所述显示页面中的第一区域和删除的焦点样式标识对应的元素在所述显示页面中的第二区域；渲染所述第一区域和所述第二区域。在其中一个实施例中，所述显示页面上元素的位置按照二维数组表示，所述焦点位移量包括第一位移量和第二位移量；所述识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素，包括：获取显示页面中的当前焦点位置，所述当前焦点位置包括当前第一坐标和当前第二坐标；在所述当前第一坐标的基础上增加所述第一位移量，得到待触发第一坐标；在所述当前第二坐标的基础上增加所述第二位移量，得到待触发第二坐标；根据所述待触发第一坐标和所述待触发第二坐标定位到目标元素。一种显示页面的焦点触发装置，所述装置包括：焦点变动指令接收模块，用于接收控制端发送的焦点变动指令，所述焦点变动指令携带有焦点位移量；位置识别模块，用于识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素；显示样式获取模块，用于识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类；显示更新模块，用于在所述显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。在其中一个实施例中，所述显示样式获取模块，包括：当前样式识别单元，用于获取所述目标元素的显示程式中的第一元素样式标识；待显示焦点样式获取单元，用于根据已存储的元素样式标识和焦点样式标识的映射关系，获取所述第一元素样式标识对应的第一焦点样式标识；焦点样式添加单元，用于将所述第一焦点样式标识添加到所述目标元素的显示程式中。一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项所述的方法的步骤。上述显示页面的焦点触发方法、装置、计算机设备和存储介质，遥控器等控制端向终端发送携带有焦点位移量的焦点变动指令，当终端接收到焦点变动指令后，根据其中的焦点位移量定位到显示页面中的目标元素，根据元素样式类和焦点样式类的对应关系获取此目标元素在触发为焦点时的焦点样式类，并根据焦点样式类将此元素显示为焦点显示效果，消除显示页面中当前焦点位置对应的当前元素的焦点显示效果，完成此次的焦点变化、新焦点触发的操作；上述方法中，通过元素样式类和焦点样式类的对应关系来控制元素未触发和被触发时的显示效果，在一个元素被定义为被触发元素时，再去调用对应的焦点样式类，最终实现此元素的焦点显示效果；对于对显示页面中的符合元素也可以通过页面编码的方式，将其纳入可被触发为焦点的元素，且通过集中定义元素样式类和焦点样式类的对应关系，可灵活修改元素被触发为焦点前后显示效果的变化。附图说明图1为一个实施例中显示页面的焦点触发方法的应用场景图；图2为一个实施例中显示页面的焦点触发方法的流程示意图；图3为一个实施例中步骤S206的流程示意图；图4为一个实施例中步骤S204的流程示意图；图5为一个实施例中显示页面的焦点触发装置的结构框图；图6为一个实施例中计算机设备的内部结构图。具体实施方式为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。本申请提供的显示页面的焦点触发方法，可以应用于如图1所示的应用环境中。其中，控制端102通过红外线、网络、蓝牙等方式与终端104进行通信。机顶盒104根据控制端发送的焦点变动指令，获取目标元素的位置，并根据设定好的此目标元素被触发为焦点时的显示效果来显示，消除显示页面中其他元素的焦点显示效果，实现页面的焦点变动操作；终端104将焦点的变动情况显示在显示屏106的显示页面中。其中，控制端102可以但不限于是各种电视即控制端、安装有遥控程式的智能手机、平板电脑和便携式可穿戴设备，终端104可以是智能电视的机顶盒、也可以是其他可实现机顶盒功能的设备。显示屏106可以为智能电视、电脑等实现显示功能的设备。在一个实施例中，如图2所示，提供了一种显示页面的焦点触发方法，以该方法应用于图1中的服务器为例进行说明，包括以下步骤：S202，接收控制端发送的焦本文档来自技高网...

【技术保护点】
1.一种显示页面的焦点触发方法，所述方法包括：/n接收控制端发送的焦点变动指令，所述焦点变动指令携带有焦点位移量；/n识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素；/n识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类；/n在所述显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。/n

【技术特征摘要】
1.一种显示页面的焦点触发方法，所述方法包括：
接收控制端发送的焦点变动指令，所述焦点变动指令携带有焦点位移量；
识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素；
识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类；
在所述显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。


2.根据权利要求1所述的方法，其特征在于，所述识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类，包括：
获取所述目标元素的显示程式中的第一元素样式标识；
根据已存储的元素样式标识和焦点样式标识的映射关系，获取所述第一元素样式标识对应的第一焦点样式标识；
将所述第一焦点样式标识添加到所述目标元素的显示程式中。


3.根据权利要求2所述的方法，其特征在于，所述将所述目标元素显示为所述焦点样式类对应的焦点显示效果，包括：
获取所述第一焦点样式标识对应的焦点显示实例；
根据所述焦点显示实例在所述显示页面中显示所述目标元素；
渲染所述显示页面。


4.根据权利要求2所述的方法，其特征在于，所述方法还包括：
接收服务器发送的映射更新指令；
根据所述映射更新指令更新所述元素样式标识和焦点样式标识的映射关系。


5.根据权利要求1所述的方法，其特征在于，所述渲染所述显示页面，包括：
识别所述目标元素在所述显示页面中的第一区域和删除的焦点样式标识对应的元素在所述显示页面中的第二区域；
渲染所述第一区域和所述第二区域。


6.根据权利要求1所述的方法，其特征在于，所述显示页面上元素的位置按照二维数组表示，所述焦点位移量包括第一位移量和...

【专利技术属性】
技术研发人员：聂启成，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：广东;44