CN105812944A - 界面焦点移动控制方法及装置 - Google Patents

Abstract

本发明涉及一种界面焦点移动控制方法及装置，其方法包括：当用户访问页面时，屏蔽浏览器的焦点移动算法；对自定义焦点移动算法的数据结构进行初始化；当在页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；当按键键值为方向键时，依据初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制。本发明只需要引入少量的数据结构，就能实现不依赖于具体的页面布局的通用焦点移动算法，该算法逻辑清晰，通用性强，适用于所有页面，且不需要针对各个页面分别制定不同的规则，从而克服了通常的业务实现的焦点算法需要引入大量的附加规则的弊端，大大提高了算法的通用性。

Description

界面焦点移动控制方法及装置

技术领域

本发明涉及电视技术领域，尤其涉及一种界面焦点移动控制方法及装置。

背景技术

目前，互联网电视日益智能化和人性化，人们对电视的操作体验要求也越来越高。对于普通用户而言，用户的绝大部分操作都是用遥控器在电视界面上移动焦点，搜索自己感兴趣的内容。用户对于焦点移动的效果也有很高的要求，如要求焦点实现平滑移动、焦点移动时有特效，甚至要求焦点有呼吸效果等。

目前，实现焦点移动有两种方法：一种是利用浏览器内核自带的焦点处理算法，一种是通过业务实现焦点算法。默认情况下，用遥控器按方向键时，浏览器会去处理焦点移动操作，查找下一个焦点，并将焦点框移动到下一个焦点上。浏览器实现的焦点算法效果和焦点框风格都比较单一，无法实现复杂的特效效果和视觉效果比较炫的焦点移动。并且，浏览器的焦点框风格是统一的，对于不同页面，无法实现不同的焦点移动效果。此外，现有的浏览器的焦点算法有时会出现焦点移动异常的情况，如焦点无法移动到指定的焦点上等。

对于业务实现焦点算法，其优点是可以定制焦点移动的效果，能够满足用户对于焦点移动的复杂和多样化的需求，实现很多在浏览器的焦点算法中无法实现的效果，极大地提升了用户体验。但是，由于页面本身的布局千差万别，而且页面元素通常是不规则的，因此，传统的通过业务实现焦点算法的处理方法通常是针对页面的布局特点，在焦点算法中加入大量的规则，来实现对于页面元素不规则情况的焦点移动处理。这种方法一方面需要针对页面布局引入大量的规则，比较复杂，而且容易出现规则遗漏导致焦点移动异常的情况；另一方面，这种方法实现的焦点算法通用性很差，需要针对每个页面的布局特点分别引入不同的规则，效率比较低下。

发明内容

本发明的主要目的在于提供一种界面焦点移动控制方法及装置，旨在克服现有的焦点算法需要引入大量的附加规则的弊端，提高算法的通用性，并能够实现焦点移动特效的自定义化。

为了达到上述目的，本发明提出一种界面焦点移动控制方法，包括：

当用户访问页面时，屏蔽浏览器的焦点移动算法；

对自定义焦点移动算法的数据结构进行初始化，包括：定制页面焦点框的风格、划分页面区域、对页面元素的参数进行初始化，以及分别保存页面元素的位置和区域信息、元素所跨的列数和行数、元素起始的行和列下标到设定的数组；

当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；

当所述按键键值为方向键时，依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制。

优选地，所述屏蔽浏览器的焦点移动算法的步骤包括：

调用Navigation对象的disableDefaultNavigation()方法屏蔽所述浏览器的焦点移动算法。

优选地，所述定制页面焦点框的风格包括：定制焦点框的位置、大小、圆角效果、边框效果、z序、焦点移动时的滑动效果；

所述划分页面区域包括：根据页面中元素的布局，将页面划分为M*N个小区域，M和N分别代表页面的行数和列数；

所述页面元素的参数包括：当前焦点所在元素的行下标值、列下标值、页面的行数和列数。

优选地，所述分别保存页面元素的位置和区域信息、元素所跨的列数和行数、元素起始的行和列下标到设定的数组的步骤包括：

保存页面元素的位置和区域信息到二维数组pos[M][N]和areas[M][N]中；

保存元素所跨的列数和行数到一维数组crossCols[M*N]和crossRows[M*N]；

保存元素起始的行和列下标到一维数组startColIndex[M*N]和startRowIndex[M*N]。

优选地，所述方向键为向下键，所述依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制的步骤包括：

采用向下键对应的自定义焦点移动算法对当前焦点进行移动控制，具体包括：

判断当前焦点元素是否位于页面的最后一行；若是，则算法结束；否则

计算当前元素的下标值；

获取当前焦点元素所跨的行数；

获取当前焦点元素的起始行下标；

计算下一个焦点元素的行下标；

如果下一个焦点元素的行下标超出了行数，则算法结束；否则

计算下一个焦点元素在pos和areas数组中的下标值；

获取下一个焦点元素在pos和areas数组中的位置和区域值；

判断所述下一个焦点元素在pos和areas数组中的位置和区域值的值是否为(-1,-1)，若是，则设置行下标为rowCount-1，算法结束；否则

更新焦点的坐标和区域值，将焦点移动到下一个位置。

本发明实施例还提出一种界面焦点移动控制装置，包括：

屏蔽模块，用于当用户访问页面时，屏蔽浏览器的焦点移动算法；

初始化模块，用于对自定义焦点移动算法的数据结构进行初始化，包括：定制页面焦点框的风格、划分页面区域、对页面元素的参数进行初始化，以及分别保存页面元素的位置和区域信息、元素所跨的列数和行数、元素起始的行和列下标到设定的数组；

判断模块，用于当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；

焦点移动控制模块，用于当所述按键键值为方向键时，依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制。

优选地，所述屏蔽模块，还用于调用Navigation对象的disableDefaultNavigation()方法屏蔽所述浏览器的焦点移动算法。

优选地，所述定制页面焦点框的风格包括：定制焦点框的位置、大小、圆角效果、边框效果、z序、焦点移动时的滑动效果；所述划分页面区域包括：根据页面中元素的布局，将页面划分为M*N个小区域，M和N分别代表页面的行数和列数；所述页面元素的参数包括：当前焦点所在元素的行下标值、列下标值、页面的行数和列数。

优选地，所述初始化模块，还用于保存页面元素的位置和区域信息到二维数组pos[M][N]和areas[M][N]中；

保存元素所跨的列数和行数到一维数组crossCols[M*N]和crossRows[M*N]；

保存元素起始的行和列下标到一维数组startColIndex[M*N]和startRowIndex[M*N]。

优选地，所述方向键为向下键；

所述焦点移动控制模块，还用于采用向下键对应的自定义焦点移动算法对当前焦点进行移动控制，具体用于：

判断当前焦点元素是否位于页面的最后一行；若是，则控制算法结束；否则计算当前元素的下标值；获取当前焦点元素所跨的行数；获取当前焦点元素的起始行下标；计算下一个焦点元素的行下标；如果下一个焦点元素的行下标超出了行数，则控制算法结束；否则计算下一个焦点元素在pos和areas数组中的下标值；获取下一个焦点元素在pos和areas数组中的位置和区域值；判断所述下一个焦点元素在pos和areas数组中的位置和区域值的值是否为(-1,-1)，若是，则设置行下标为rowCount-1，控制算法结束；否则更新焦点的坐标和区域值，将焦点移动到下一个位置。

本发明实施例提出的一种界面焦点移动控制方法及装置，当用户访问页面时，屏蔽浏览器的焦点移动算法；对自定义焦点移动算法的数据结构进行初始化；当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；当所述按键键值为方向键时，依据所述方向键，采用自定义焦点移动算法对当前焦点进行移动控制，该算法的优点是逻辑清晰，通用性强，只需要引入少量的数据结构，就能实现不依赖于具体的页面布局的通用焦点移动算法，该算法适用于所有页面，且不需要针对各个页面分别制定不同的规则，从而克服了通常的业务实现的焦点算法需要引入大量的附加规则的弊端，大大提高了算法的通用性。同时，能够定制焦点移动的特效，提高用户体验。

附图说明

图1是本发明界面焦点移动控制方法较佳实施例的流程示意图；

图2是本发明实施例自定义焦点算法数据结构初始化流程示意图；

图3是本发明实施例涉及的一种页面布局示例；

图4是本发明实施例向下键焦点移动处理算法流程示意图；

图5是本发明界面焦点移动控制装置较佳实施例的功能模块示意图。

为了使本发明的技术方案更加清楚、明了，下面将结合附图作进一步详述。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，本发明较佳实施例提出一种界面焦点移动控制方法，包括：

步骤S101，当用户访问页面时，屏蔽浏览器的焦点移动算法；

本实施例方案涉及电视界面焦点的移动控制，其中，焦点的移动触发可以由用户通过遥控器实现，用户通过遥控器在电视界面上移动焦点，搜索自己感兴趣的内容。

本发明实施例方案可以克服传统的自定义焦点算法需要针对不同的页面布局分别引入大量的附加规则，导致焦点算法逻辑比较混乱，算法通用性不强的缺陷，采用的自定义焦点移动算法通用性强，算法逻辑清晰，适用于所有页面，不需要针对不同页面的布局特点添加大量的规则。

具体地，首先，当用户访问电视的当前页面时，屏蔽浏览器的焦点移动算法。因为在页面移动焦点时，默认情况下浏览器会对焦点移动进行处理。对于本系统，由于不希望浏览器处理焦点移动，因此，在进入页面时，通过业务设置的方法屏蔽掉浏览器的焦点移动算法。具体而言，是调用Navigation对象的disableDefaultNavigation()方法屏蔽掉浏览器的焦点移动算法。这样，保证了业务可以按照自己的方式来处理焦点移动。

步骤S102，对自定义焦点移动算法的数据结构进行初始化；

之后，对自定义焦点移动算法的数据结构进行初始化。本系统为自定义焦点算法定义了一套数据结构，在进入页面时，要先对这些数据结构进行初始化和赋值操作，以便后面的自定义焦点算法模块使用。

具体地，如图2所示，图2是本实施例自定义焦点算法数据结构初始化流程示意图。其初始化流程如下：

1、定制焦点框的风格。

本实施例可以自定义焦点框的风格，以满足不同的焦点移动效果。由于浏览器的焦点框存在风格比较单一且对于所有页面风格都相同的局限性，本实施例自定义焦点算法可以针对不同页面灵活定制焦点框的风格，以满足不同的页面需求，而且焦点移动的用户体验也更好。自定义焦点框的风格主要包括焦点框的位置、大小、圆角效果(圆角率)、边框效果(边框粗细、边框颜色等)、z序(窗口在桌面上的排列顺序，因为多窗口系统首先要确保一个窗口中的绘制输出不会影响到另外一个窗口。为此，GUI系统一般要利用Z序来管理窗口之间的互相剪切关系，Z序实际定义了窗口之间的层叠顺序。是相对屏幕坐标而言的。一般而言，屏幕上的所有窗口均有一个坐标系，即原点在左上角，X轴水平向右，Y轴垂直向下的坐标系。Z序就是相对于一个假想的Z轴而言，这个Z轴从屏幕外指向屏幕内。窗口在这个Z轴上的值，就确定了其Z序。Z序值大的窗口，覆盖了Z序值小的窗口)、焦点移动时的滑动效果等。下面是自定义焦点框标签及其风格示例：

2、划分页面区域。

根据页面中元素的布局，将页面划分为M*N个小区域，M和N分别代表行数和列数。其中，由于页面中元素位置和大小通常都是不规则的，因此，M和N的取值都是行和列中最大的元素个数值。例如，对于图3所示的页面布局，M＝3，N＝5。

3、参数初始化。

参数初始化包括当前焦点元素的行下标值rowIndex、列下标值colIndex、页面的行数rowCount和列数colCount等。初始值如下：

varrowIndex＝0；//当前焦点的行下标，从0开始。

varcolIndex＝0；//当前焦点的列下标，从0开始。

varrowCount＝M；//页面元素行数。

varcolCount＝N；//页面元素列数。

4、初始化二维数组pos[M*N][2]和areas[M*N][2]，这两个数组分别用来存放元素的位置和大小信息。初始化包括三步：

(i)将数组pos和areas中所有元素的值均置为-1，表示元素初始位置和大小均为无效值：

(ii)根据元素的实际位置和区域值填充数组pos和areas。例如：对于第一个元素，由于其占2行2列，因此，将其在页面中的x和y坐标分别存放在pos[0][0]、pos[0][1]、pos[1[0]、pos[1][1]中，将其在页面中的width和height值分别存放在areas[0][0]、areas[0][1]、areas[1][0]、areas[1][1]中，依此类推。

(iii)如果某一列的元素个数小于N，该列中的元素列下标从0开始依次往后排，并将元素的位置和区域值填充到pos和areas的对应位置。行的处理方法类似。

5、初始化一维数组crossCols[M*N]和crossRows[M*N]，这两个数组分别用来存放元素所跨的列数和行数。

6、初始化一维数组startColIndex[M*N]和startRowIndex[M*N]，这两个数组分别用来存放元素起始的行和列下标。

步骤S103，当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；

步骤S104，当所述按键键值为方向键时，依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制。

在所述页面上，接收用户的遥控器按键指令，判断遥控器按键指令对应的按键键值是否为方向键，如果不是方向键，则算法执行结束；如果是方向键，则判断方向键为上、下、左、右键，并分别进行处理，进入对应的方向键焦点移动处理算法模块进行焦点移动控制。

具体地，以方向键为向下键为例，如图4所示，图4是本实施例向下键焦点移动处理算法流程示意图。具体流程如下：

(1)如果rowIndex＝＝rowCount-1，表明当前焦点元素位于页面的最后一行，转(11)，算法结束；

(2)否则，计算当前元素的下标值，计算方式如下：

oldPosIndex＝colIndex*rowCount+rowIndex；

(3)获取当前焦点元素所跨的行数，获取方式如下：

curCrossRows＝crossRows[oldPosIndex]；

(4)获取当前焦点元素的起始行下标，获取方式如下：

startRowIdx＝startRowIndex[oldPosIndex]；

(5)计算下一个焦点元素的行下标，计算方式如下：

rowIndex＝startRowIdx+curCrossRows；

(6)如果下一个焦点元素的行下标超出了行数，即：

rowIndex>rowCount-1

设置行下标为rowCount-1，即：rowIndex＝rowCount-1；转(11)，算法结束。

(7)否则，如果rowIndex<＝rowCount-1，表明下一个焦点元素位置有效，计算下一个焦点元素在pos和areas数组中的下标值，计算方式如下：

posIndex＝colIndex*rowCount+rowIndex；

(8)获取下一个焦点元素在positions和areas数组中的位置和区域值。首先，获取位置和区域值的值对：

varpos＝[]；

pos＝positions[posIndex]；

varars＝[]；

ars＝areas[posIndex]；

pos[2]和ars[2]本身是一个长度为2的一维数组，其中，pos[0]和pos[1]分别保存的是下一个焦点的x和y坐标值，ars[0]和ars[1]分别保存的是下一个焦点的width和height值；

(9)判断位置和区域的值是否为(-1,-1)，如果是，表明该候选焦点是一个无效焦点，设置行下标为rowCount-1，即：rowIndex＝rowCount-1；转(11)，算法结束：

(10)否则，更新焦点的坐标和区域值，更新方式如下：

varnfocus＝$("focus")；

nfocus.style.left＝pos[0]+"px"；

nfocus.style.top＝pos[1]+"px"；

nfocus.style.width＝ars[0]+"px"；

nfocus.style.height＝ars[1]+"px"；

(11)焦点移动到下一个位置，算法结束。

上述过程是以向下键焦点移动处理算法为例，实际上，上、下、左、右键，可以分别有对应的焦点处理模块。其它三个方向键(上、左、右键)的焦点移动处理算法也类似，在此不再赘述。

相比现有技术，本实施例方案，采用自定义焦点移动算法对当前焦点进行移动控制，该算法的优点是逻辑清晰，通用性强，只需要引入少量的数据结构，就能实现不依赖于具体的页面布局的通用焦点移动算法，该算法适用于所有页面，且不需要针对各个页面分别制定不同的规则，从而克服了通常的业务实现的焦点算法需要引入大量的附加规则的弊端，大大提高了算法的通用性。同时，能够定制焦点移动的特效，提高用户体验。

对应地，提出本发明界面焦点移动控制装置实施例。

如图5所示，本发明较佳实施例提出一种界面焦点移动控制装置，包括：屏蔽模块201、初始化模块202、判断模块203以及焦点移动控制模块204，其中：

屏蔽模块201，用于当用户访问页面时，屏蔽浏览器的焦点移动算法；

初始化模块202，用于对自定义焦点移动算法的数据结构进行初始化；

判断模块203，用于当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；

焦点移动控制模块204，用于当所述按键键值为方向键时，依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制。

本实施例方案涉及电视界面焦点的移动控制，其中，焦点的移动触发可以由用户通过遥控器实现，用户通过遥控器在电视界面上移动焦点，搜索自己感兴趣的内容。

本发明实施例方案可以克服传统的自定义焦点算法需要针对不同的页面布局分别引入大量的附加规则，导致焦点算法逻辑比较混乱，算法通用性不强的缺陷，采用的自定义焦点移动算法通用性强，算法逻辑清晰，适用于所有页面，不需要针对不同页面的布局特点添加大量的规则。

具体地，首先，当用户访问电视的当前页面时，屏蔽浏览器的焦点移动算法。因为在页面移动焦点时，默认情况下浏览器会对焦点移动进行处理。对于本系统，由于不希望浏览器处理焦点移动，因此，在进入页面时，通过业务设置的方法屏蔽掉浏览器的焦点移动算法。具体而言，是调用Navigation对象的disableDefaultNavigation()方法屏蔽掉浏览器的焦点移动算法。这样，保证了业务可以按照自己的方式来处理焦点移动。

之后，对自定义焦点移动算法的数据结构进行初始化。本系统为自定义焦点算法定义了一套数据结构，在进入页面时，要先对这些数据结构进行初始化和赋值操作，以便后面的自定义焦点算法模块使用。

具体地，如图2所示，图2是本实施例自定义焦点算法数据结构初始化流程示意图。其初始化流程如下：

1、定制焦点框的风格。

本实施例可以自定义焦点框的风格，以满足不同的焦点移动效果。由于浏览器的焦点框存在风格比较单一且对于所有页面风格都相同的局限性，本实施例自定义焦点算法可以针对不同页面灵活定制焦点框的风格，以满足不同的页面需求，而且焦点移动的用户体验也更好。自定义焦点框的风格主要包括焦点框的位置、大小、圆角效果(圆角率)、边框效果(边框粗细、边框颜色等)、z序、焦点移动时的滑动效果等。下面是自定义焦点框标签及其风格示例：

2、划分页面区域。

根据页面中元素的布局，将页面划分为M*N个小区域，M和N分别代表行数和列数。其中，由于页面中元素位置和大小通常都是不规则的，因此，M和N的取值都是行和列中最大的元素个数值。例如，对于图3所示的页面布局，M＝3，N＝5。

3、参数初始化。

参数初始化包括当前焦点元素的行下标值rowIndex、列下标值colIndex、页面的行数rowCount和列数colCount等。初始值如下：

varrowIndex＝0；//当前焦点的行下标，从0开始。

varcolIndex＝0；//当前焦点的列下标，从0开始。

varrowCount＝M；//页面元素行数。

varcolCount＝N；//页面元素列数。

4、初始化二维数组pos[M*N][2]和areas[M*N][2]，这两个数组分别用来存放元素的位置和大小信息。初始化包括三步：

(i)将数组pos和areas中所有元素的值均置为-1，表示元素初始位置和大小均为无效值：

(ii)根据元素的实际位置和区域值填充数组pos和areas。例如：对于第一个元素，由于其占2行2列，因此，将其在页面中的x和y坐标分别存放在pos[0][0]、pos[0][1]、pos[1[0]、pos[1][1]中，将其在页面中的width和height值分别存放在areas[0][0]、areas[0][1]、areas[1][0]、areas[1][1]中，依此类推。

(iii)如果某一列的元素个数小于N，该列中的元素列下标从0开始依次往后排，并将元素的位置和区域值填充到pos和areas的对应位置。行的处理方法类似。

5、初始化一维数组crossCols[M*N]和crossRows[M*N]，这两个数组分别用来存放元素所跨的列数和行数。

6、初始化一维数组startColIndex[M*N]和startRowIndex[M*N]，这两个数组分别用来存放元素起始的行和列下标。

之后，当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键。

如果不是方向键，则算法执行结束；如果是方向键，则判断方向键为上、下、左、右键，并分别进行处理，进入对应的方向键焦点移动处理算法模块进行焦点移动控制。

具体地，以方向键为下键为例，如图4所示，图4是本实施例向下键焦点移动处理算法流程示意图。具体流程如下：

(1)如果rowIndex＝＝rowCount-1，表明当前焦点元素位于页面的最后一行，转(11)，算法结束；

(2)否则，计算当前元素的下标值，计算方式如下：

oldPosIndex＝colIndex*rowCount+rowIndex；

(3)获取当前焦点元素所跨的行数，获取方式如下：

curCrossRows＝crossRows[oldPosIndex]；

(4)获取当前焦点元素的起始行下标，获取方式如下：

startRowIdx＝startRowIndex[oldPosIndex]；

(5)计算下一个焦点元素的行下标，计算方式如下：

rowIndex＝startRowIdx+curCrossRows；

(6)如果下一个焦点元素的行下标超出了行数，即：

rowIndex>rowCount-1

设置行下标为rowCount-1，即：rowIndex＝rowCount-1；转(11)，算法结束。

(7)否则，如果rowIndex<＝rowCount-1，表明下一个焦点元素位置有效，计算下一个焦点元素在pos和areas数组中的下标值，计算方式如下：

posIndex＝colIndex*rowCount+rowIndex；

(8)获取下一个焦点元素在positions和areas数组中的位置和区域值。首先，获取位置和区域值的值对：

varpos＝[]；

pos＝positions[posIndex]；

varars＝[]；

ars＝areas[posIndex]；

pos[2]和ars[2]本身是一个长度为2的一维数组，其中，pos[0]和pos[1]分别保存的是下一个焦点的x和y坐标值，ars[0]和ars[1]分别保存的是下一个焦点的width和height值；

(9)判断位置和区域的值是否为(-1,-1)，如果是，表明该候选焦点是一个无效焦点，设置行下标为rowCount-1，即：rowIndex＝rowCount-1；转(11)，算法结束：

(10)否则，更新焦点的坐标和区域值，更新方式如下：

varnfocus＝$("focus")；

nfocus.style.left＝pos[0]+"px"；

nfocus.style.top＝pos[1]+"px"；

nfocus.style.width＝ars[0]+"px"；

nfocus.style.height＝ars[1]+"px"；

(11)焦点移动到下一个位置，算法结束。

上述过程是以向下键焦点移动处理算法为例，实际上，上、下、左、右键，可以分别有对应的焦点处理模块。其它三个方向键(上、左、右键)的焦点移动处理算法也类似，在此不再赘述。

相比现有技术，本实施例方案，采用自定义焦点移动算法对当前焦点进行移动控制，该算法的优点是逻辑清晰，通用性强，只需要引入少量的数据结构，就能实现不依赖于具体的页面布局的通用焦点移动算法，该算法适用于所有页面，且不需要针对各个页面分别制定不同的规则，从而克服了通常的业务实现的焦点算法需要引入大量的附加规则的弊端，大大提高了算法的通用性。同时，能够定制焦点移动的特效，提高用户体验。

以上所述仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或流程变换，或直接或间接运用在其它相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种界面焦点移动控制方法，其特征在于，包括：

当用户访问页面时，屏蔽浏览器的焦点移动算法；

对自定义焦点移动算法的数据结构进行初始化，包括：定制页面焦点框的风格、划分页面区域、对页面元素的参数进行初始化，以及分别保存页面元素的位置和区域信息、元素所跨的列数和行数、元素起始的行和列下标到设定的数组；

当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；

当所述按键键值为方向键时，依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制。

2.根据权利要求1所述的方法，其特征在于，所述屏蔽浏览器的焦点移动算法的步骤包括：

调用Navigation对象的disableDefaultNavigation()方法屏蔽所述浏览器的焦点移动算法。

3.根据权利要求1或2所述的方法，其特征在于，

所述定制页面焦点框的风格包括：定制焦点框的位置、大小、圆角效果、边框效果、z序、焦点移动时的滑动效果；

所述划分页面区域包括：根据页面中元素的布局，将页面划分为M*N个小区域，M和N分别代表页面的行数和列数；

所述页面元素的参数包括：当前焦点所在元素的行下标值、列下标值、页面的行数和列数。

4.根据权利要求3所述的方法，其特征在于，所述分别保存页面元素的位置和区域信息、元素所跨的列数和行数、元素起始的行和列下标到设定的数组的步骤包括：

保存页面元素的位置和区域信息到二维数组pos[M][N]和areas[M][N]中；

保存元素所跨的列数和行数到一维数组crossCols[M*N]和crossRows[M*N]；

保存元素起始的行和列下标到一维数组startColIndex[M*N]和startRowIndex[M*N]。

5.根据权利要求4所述的方法，其特征在于，所述方向键为向下键，所述依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制的步骤包括：

采用向下键对应的自定义焦点移动算法对当前焦点进行移动控制，具体包括：

判断当前焦点元素是否位于页面的最后一行；若是，则算法结束；否则

计算当前元素的下标值；

获取当前焦点元素所跨的行数；

获取当前焦点元素的起始行下标；

计算下一个焦点元素的行下标；

如果下一个焦点元素的行下标超出了行数，则算法结束；否则

计算下一个焦点元素在pos和areas数组中的下标值；

获取下一个焦点元素在pos和areas数组中的位置和区域值；

判断所述下一个焦点元素在pos和areas数组中的位置和区域值的值是否为(-1,-1)，若是，则设置行下标为rowCount-1，算法结束；否则

更新焦点的坐标和区域值，将焦点移动到下一个位置。

6.一种界面焦点移动控制装置，其特征在于，包括：

屏蔽模块，用于当用户访问页面时，屏蔽浏览器的焦点移动算法；

初始化模块，用于对自定义焦点移动算法的数据结构进行初始化，包括：定制页面焦点框的风格、划分页面区域、对页面元素的参数进行初始化，以及分别保存页面元素的位置和区域信息、元素所跨的列数和行数、元素起始的行和列下标到设定的数组；

判断模块，用于当在所述页面上，接收到用户的遥控器按键指令时，判断遥控器按键指令对应的按键键值是否为方向键；

焦点移动控制模块，用于当所述按键键值为方向键时，依据所述初始化后的数据结构，采用自定义焦点移动算法中对应的方向键焦点移动算法对当前焦点进行移动控制。

7.根据权利要求6所述的装置，其特征在于，

所述屏蔽模块，还用于调用Navigation对象的disableDefaultNavigation()方法屏蔽所述浏览器的焦点移动算法。

8.根据权利要求6或7所述的装置，其特征在于，

所述定制页面焦点框的风格包括：定制焦点框的位置、大小、圆角效果、边框效果、z序、焦点移动时的滑动效果；所述划分页面区域包括：根据页面中元素的布局，将页面划分为M*N个小区域，M和N分别代表页面的行数和列数；所述页面元素的参数包括：当前焦点所在元素的行下标值、列下标值、页面的行数和列数。

9.根据权利要求8所述的装置，其特征在于，

所述初始化模块，还用于保存页面元素的位置和区域信息到二维数组pos[M][N]和areas[M][N]中；

保存元素所跨的列数和行数到一维数组crossCols[M*N]和crossRows[M*N]；

保存元素起始的行和列下标到一维数组startColIndex[M*N]和startRowIndex[M*N]。

10.根据权利要求9所述的装置，其特征在于，所述方向键为向下键；

所述焦点移动控制模块，还用于采用向下键对应的自定义焦点移动算法对当前焦点进行移动控制，具体用于：

判断当前焦点元素是否位于页面的最后一行；若是，则控制算法结束；否则计算当前元素的下标值；获取当前焦点元素所跨的行数；获取当前焦点元素的起始行下标；计算下一个焦点元素的行下标；如果下一个焦点元素的行下标超出了行数，则控制算法结束；否则计算下一个焦点元素在pos和areas数组中的下标值；获取下一个焦点元素在pos和areas数组中的位置和区域值；判断所述下一个焦点元素在pos和areas数组中的位置和区域值的值是否为(-1,-1)，若是，则设置行下标为rowCount-1，控制算法结束；否则更新焦点的坐标和区域值，将焦点移动到下一个位置。