[发明专利]一种web页面焦点控制方法

说明书

本发明请求本申请人于2012年8月27日向中国国家知识产权局提交的申请号为CN201210303362.9，发明名称为“基于电视的web页面焦点控制方法”的中国发明专利申请的优先权，上述申请的全部内容以引用方式并入本文。

技术领域

本发明涉及到一种web页面焦点控制方法,

属于多媒体控制和显示，例如以智能电视为代表的技术领域。

背景技术

由于智能电视刚刚起步，在其中应用的浏览器五花八门，因此想在智能电视上发布web应用，面临着不同的浏览器标准，传统采用的页面技术往往难以逐个兼容，如果逐个做匹配，往往易限于无休止的技术黑洞，同时在页面展现的效果，也容易因此显得凌乱不堪。因此，采用一种风格一致、独立于浏览器的统一界面解决方案，对于在tv端web应用的推广，将会带来很大帮助。

在申请号为CN200810146345.2的中国专利申请中，提出了一种网络电视业务适配方法、服务器及系统，其能够根据机顶盒的能力信息选择匹配的显示模板,并利用显示模板适配机顶盒所请求的IPTV内容,从而使得业务系统对不同软硬件能力的机顶盒采用统一的方式提供服务。但是，该专利并不是将技术难点通过面向对象的方式来解决，其为面向过程的处理方式，开发周期比较长，维护成本高。

发明内容

本发明的目的是提供一种基于电视的web页面焦点控制方法，其可以使所有页面的焦点风格统一，且全js控制使得对浏览器的依赖大大弱化。

本发明的目的可通过如下技术方案来实现：

一种web页面焦点控制方法，包括以下步骤：步骤100：对显示界面进行分区；步骤200：通过输入设备在显示界面中移动的坐标判断当前焦点所在的区域，根据各区域的信息对当前焦点进行显示；步骤300：通过激活区域中焦点而触发事件。

2、优选地，所述步骤100中分区的方式：预先设定每一个区域的固定尺寸和位置，每一区域区域的位置相对于显示界面固定；或者相对于显示界面总体尺寸而言，每一区域具有固定比例的尺寸。所述步骤100中分区的方式：在生成或者显示所述显示界面时，预先获得要划分的区域的数量，在创建所述显示界面或者显示所述显示界面时，对所述显示界面进行区域划分。所述显示界面、所述区域是矩形、圆形、椭圆形中的一种或多种的组合。所述区域具有唯一的功能标记，所述区域中包括一个或多个显示元素。对各区域进行标识，标识方式为{(坐标1，坐标2，...坐标n)；功能标记}。

进一步，在所述步骤200进一步包括：步骤210：对当前的焦点区域进行区别于非焦点区域的标识；步骤220：为步骤210中所述的焦点区域添加显示方式。步骤230：判断焦点是否在相同区域中的元素之间切换，当焦点在相同区域中的元素之间切换时，流程进入到步骤241；当焦点在不同区域中的元素之间切换，流程进入到步骤242。

在步骤241：当焦点在相同区域中的元素之间切换的时候，采用同样大小的边框来回覆盖相应元素，并边框上产生一个行走的动画；在步骤242：焦点移动到不同的区域时，根据移动的坐标判断当前焦点所在的功能区域，根据该功能区域选择适应该区域的显示方式。

可选地，所述步骤230中判断焦点是否在相同区域中的元素之间切换的方式为：步骤231：焦点在区域中移动时，根据移动的方向和显示元素坐标判断是否是区域内移动，还是区域外移动；步骤232：计算当前元素的坐标是否为边缘坐标，判断焦点移动的方向是否为边缘坐标之外的坐标，根据移动方向判断是否移动至其他的区域中。

本发明中的基于电视的web页面焦点控制方法，在问题处理上引入组的概念，将同一类别，同一目的的内容纳入同一分组，组内成员有独立的关系，组合组有独立的关系，这种设计的优点就是大大的减少了开发中的逻辑判断。本发明中的基于电视的web页面焦点控制方法，页面行走风格独特，从用户体验角度来讲，带给用户这样一种独特的体验：行走的方框在电视的大屏之上灵动多变但又风格统一，可以带领用户随心所欲的聚焦到感兴趣的内容，并且全由js脚本控制，不再依赖浏览器对焦点控制方式的实现，从而全面掌握应用在用户端的展现。本发明中的基于电视的web页面焦点控制方法解决了IPTV机顶盒web项目应用中，浏览器适配、遥控操作和焦点处理等解决方案不统一的问题，从而降低应用开发，维护的难度。其可以根据不同浏览器的兼容性，提供不同的显示效果；根据不同型号的机顶盒遥控器，提供统一的按键响应；根据指定的业务需要，智能选择/切换显示效果。

附图说明