一种EPG网格化布局下自动获取焦点的方法技术

本发明专利技术涉及一种EPG网格化布局下自动获取焦点的方法，包括：页面布局以行为单位，查找与焦点元素同行的其它元素的布局信息对象；获取焦点元素所在行的布局方式，每一行采用相同的布局方式，包括绝对定位布局、行内布局；根据行的布局方式和焦点移动方向，执行焦点获取算法，获得焦点元素的坐标；获取上边距值或者左边距最小的元素的布局信息；根据获取的元素布局信息，查找到对应的页面元素，调用焦点元素样式函数。该方法实现了在网格化布局下的焦点获取，以行为单位，通过移动方向、布局信息计算出临近的下一个焦点元素；该方法适用于多种布局方式，支持焦点的递归查找；在低配置的硬件环境下，拥有流畅的展现效果。拥有流畅的展现效果。

【技术实现步骤摘要】
一种EPG网格化布局下自动获取焦点的方法


[0001]本专利技术涉及IPTV
，具体涉及一种EPG网格化布局下自动获取焦点的方法。

技术介绍

[0002]EPG是IPTV的一个门户系统，它的系统界面与Web页面类似，在 EPG界面上一般都提供各类菜单、按钮、链接等可供用户选择节目时直接点击的组件。EPG的界面上也可以包含各类供用户浏览的动态或静态的多媒体内容。目前在IPTV、数字电视、网络平台等领域，EPG已得到了广泛的应用，成为智能电视的基本业务之一。
[0003]用户利用EPG提供的菜单，可以选择自己喜欢的组播频道，点播自己喜欢的视频节目，查找IPTV提供的各种信息。用户还可以利用EPG提供的菜单订购自己喜欢的节目，甚至支付水费、电费、进行电子商务的交易等。另外，EPG系统还提供了诸如家长中心、用户中心等附加服务，帮助用户获得多样化的服务形式。
[0004]在大数据、人工智能技术日益成熟的背景下，作为智能电视领域中使用频率最高、用户点击率最多的系统，EPG已成为收集用户使用信息、向用户推广广告的主要载体，这种新的角色和本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种EPG网格化布局下自动获取焦点的方法，其特征在于：包括：步骤一，页面布局以行为单位，自上向下、自左向右布局，通过js布局对象保存页面元素的布局信息；步骤二，当点击方向按键时，获取保留的当前焦点元素的id，并备份引用；步骤三，根据当前焦点元素的id，在js布局对象中反向查找焦点元素的布局信息对象；步骤四，在js布局对象中，查找与焦点元素同行的其它元素的布局信息对象；步骤五，获取焦点元素所在行的布局方式，每一行采用相同的布局方式，包括绝对定位布局、行内布局；步骤六，根据行的布局方式和焦点移动方向，执行焦点获取算法，获得焦点元素的坐标；步骤七，从步骤四的同行元素的布局信息中，计算每个元素的点击方向上的边距，与步骤六焦点元素的点击方向上的坐标差值的绝对值，过滤出绝对值最小的一组元素；步骤八，从步骤七的一组元素中，进一步过滤，获取元素的与点击方向相垂直方向中心线坐标，与步骤六焦点元素的点击方向相垂直方向的中心线坐标差值的绝对值，过滤出绝对值最小的一组元素；步骤九，根据步骤八获取的一组元素，获取上边距值或者左边距最小的元素的布局信息；步骤十，根据步骤九获取的元素布局信息，查找到对应的页面元素，调用焦点元素样式函数，取消上一个焦点元素的焦点样式，并为当前焦点元素设置焦点样式；步骤十一，保存当前焦点元素的id值。2.根据权利要求1所述的一种EPG网格化布局下自动获取焦点的方法，其特征在于：所述js布局对象的页面布局信息集合对应页面自上向下的每一行元素的布局信息，每一条行信息集合对应当前行的自左向右、自上向下的每一个元素的布局信息。3.根据权利要求1所述的一种EPG网格化布局下自动获取焦点的方法，其特征在于：所述页面布局中一行中设有多个块，每个块采用相同的布局方式，每个块拥有属性focusable，当focusable为0时，该块可以获取焦点，当focusable为1时，该块无法获取焦点。4.根据权利要求3所述的一种EPG网格化布局下自动获取焦点的方法，其特征在于：所述块包括嵌套块，嵌套块的布局方式采用绝对布局。5.根据权利要求3所述的一种EPG网格化布局下自动获取焦点的方法，其特征在于：判断当前焦点父元素的布局方式采用行内...

【专利技术属性】
技术研发人员：王琦，张晓刚，隆龙，王光永，
申请(专利权)人：海看网络科技山东股份有限公司，
类型：发明
国别省市：