一种基于机顶盒的界面可视化编辑及显示方法及系统与流程

本发明涉及计算机信息技术，尤其涉及一种基于机顶盒的界面可视化编辑及显示方法及系统。

背景技术：

随着计算机网络技术的不断发展，bs架构的系统被广泛应用于各行各业，因此网页程序的加载内容也越来越多样化。现今，智能机顶盒越来越普及，web网页技术也被应用与智能机顶盒的界面显示功能中，但日渐复杂的业务需求导致机顶盒显示显示界面频繁变更，每次变更都必须对机顶盒中的显示界面进行程序升级，由于智能机顶盒的操作进能依赖遥控器进行，每次界面调整都需要对上下左右等导航按键的响应进行重新编程，并且升级都会导致显示程序无法使用，这种流程下，界面调整的研发时间长，部署风险高，用户体验也十分不友好。

技术实现要素：

为了解决以上技术问题，本发明提出了一种基于机顶盒的界面可视化编辑及显示方法。

本发明的技术方案是：

一种基于机顶盒的界面可视化编辑及显示方法，

编辑系统使用栅格形式对界面进行布局编辑制作；界面制作完成后，根据栅格位置计算出各栅格间的导航信息；将每个栅格的导航信息添加到栅格的属性信息中作为导航操作的依赖数据；显示系统根据栅格位置绘制显示界面，根据导航信息，添加栅格操作对应的动作。

进一步的，在不依赖指针形式的输入设备的前提下，通过遥控器对界面进行选中切换操作。

进一步的，显示界面重新绘制后，在不升级显示程序的前提下，自动更新显示界面。

进一步的，显示界面重新绘制后，在不升级显示程序的前提下，自动适配遥控器的选中切换。

进一步的，本发明的主要操作步骤为：

1)编辑系统使用栅格方式编辑制作显示界面；

2)生成栅格的位置及尺寸信息，计算每个可以获取焦点的栅格的导航信息；

3)显示系统读取据栅格的位置及尺寸信息显示界面，并定位默认焦点栅格；

4)使用遥控器进行按键操作时，读取当前焦点栅格的导航信息，并执行对应按键的焦点移动处理操作。

本发明还公开了一种基于机顶盒的界面可视化编辑及显示系统，

主要包括：1)编辑系统和2)显示系统；

1)编辑系统，编辑系统使用栅格方式编辑制作显示界面；

2)显示系统，读取据栅格的位置及尺寸信息显示界面，并定位默认焦点栅格。

进一步的，所述编辑系统包括：

a)编辑系统预先定义各类栅格的功能；

b)编辑器中根据最终实现效果绘制栅格，并为各栅格选择功能；

c)指定可以获取焦点的栅格功能用于生成导航信息；

d)按照行列的方式扫描所有栅格，生成栅格的位置及大小信息；

e)按照行列的方式扫描所有可以获取焦点的栅格，生成可以获取焦点的栅格的位置信息；

f)根据可以获取焦点的栅格的位置信息，计算每一个栅格的上下左右的导航信息即上下左右方向对应的可以获取焦点的栅格的序号，边界栅格则指定边界位置的处理方法；

g)将栅格的位置及大小信息保存至整个界面的属性中，将可以获取焦点的栅格的导航信息保存到每一个栅格的属性中；

h)完成界面编辑。

进一步的，所述显示系统包括：

a)启动显示界面用的浏览器

b)加载显示界面的url地址

c)根据界面属性中的位置及大小信息，绘制界面；

d)读取每一个栅格中的导航信息，添加对应按键处理操作；

e)用户按遥控器中某一方向按键时，非边界栅格将焦点定位到目标栅格上，边界栅格则执行边界位置的处理方法，实现通过遥控器控制界面焦点移动的功能；

f)当编辑系统对界面进行编辑后，退出当前界面，重新进入时会重新加载url对应的显示界面，此时显示界面的信息都已经重新获取，即完成界面升级更新。

本发明的有益效果是

基于网页及浏览器技术实现，可以通过管理系统对显示界面进行灵活编辑；使用栅格形式对显示界面进行编辑绘制；在机顶盒等不依赖鼠标等指针形式的输入设备的前提下，可以通过遥控器对界面进行选中切换等操作；

显示界面重新绘制后，可以在不升级显示程序的前提下，自动更新显示界面，用户对更新过程无感知；

显示界面重新绘制后，可以在不升级显示程序的前提下，自动适配遥控器的选中切换等操作。

附图说明

图1是本发明的程序功能流程示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例，基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明的编辑系统使用栅格形式对界面进行布局编辑制作；界面制作完成后，根据栅格位置计算出各栅格间的导航信息；将每个栅格的导航信息添加到栅格的属性信息中作为导航操作的依赖数据；显示系统根据栅格位置绘制显示界面，根据导航信息，添加栅格上下左右等操作对应的动作。

主要包括两个部分，

1、编辑系统

a)编辑系统预先定义各类栅格的功能，如标题、海报、菜单等；

b)编辑器中根据最终实现效果绘制栅格，并为各栅格选择功能；

c)指定可以获取焦点的栅格功能用于生成导航信息；

d)按照行列的方式扫描所有栅格，生成栅格的位置及大小信息；

e)按照行列的方式扫描所有可以获取焦点的栅格，生成可以获取焦点的栅格的位置信息；

f)根据可以获取焦点的栅格的位置信息，计算每一个栅格的上下左右的导航信息即上下左右方向对应的可以获取焦点的栅格的序号，边界栅格则指定边界位置的处理方法；

g)将栅格的位置及大小信息保存至整个界面的属性中，将可以获取焦点的栅格的导航信息保存到每一个栅格的属性中；

h)完成界面编辑；

2、显示系统

a)启动显示界面用的浏览器

b)加载显示界面的url地址

c)根据界面属性中的位置及大小信息，绘制界面；

d)读取每一个栅格中的导航信息，添加对应按键处理操作；

e)用户按遥控器中某一方向按键时，非边界栅格将焦点定位到目标栅格上，边界栅格则执行边界位置的处理方法，实现通过遥控器控制界面焦点移动的功能；

f)当编辑系统对界面进行编辑后，退出当前界面，重新进入时会重新加载

url对应的显示界面，此时显示界面的信息都已经重新获取，即完成界面升级更新。

以上所述仅为本发明的较佳实施例，仅用于说明本发明的技术方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

技术特征：

技术总结
本发明提供一种基于机顶盒的界面可视化编辑及显示方法及系统，属于计算机信息技术领域，本发明编辑系统使用栅格形式对界面进行布局编辑制作；界面制作完成后，根据栅格位置计算出各栅格间的导航信息；将每个栅格的导航信息添加到栅格的属性信息中作为导航操作的依赖数据；显示系统根据栅格位置绘制显示界面，根据导航信息，添加栅格上下左右等操作对应的动作。

技术研发人员：李朋繁
受保护的技术使用者：山东浪潮商用系统有限公司
技术研发日：2018.12.27
技术公布日：2019.05.03