CN109714620A - 一种基于机顶盒的界面可视化编辑及显示方法及系统 - Google Patents
一种基于机顶盒的界面可视化编辑及显示方法及系统 Download PDFInfo
- Publication number
- CN109714620A CN109714620A CN201811610614.6A CN201811610614A CN109714620A CN 109714620 A CN109714620 A CN 109714620A CN 201811610614 A CN201811610614 A CN 201811610614A CN 109714620 A CN109714620 A CN 109714620A
- Authority
- CN
- China
- Prior art keywords
- grid
- interface
- display
- information
- editing
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Digital Computer Display Output (AREA)
Abstract
本发明提供一种基于机顶盒的界面可视化编辑及显示方法及系统,属于计算机信息技术领域,本发明编辑系统使用栅格形式对界面进行布局编辑制作;界面制作完成后,根据栅格位置计算出各栅格间的导航信息;将每个栅格的导航信息添加到栅格的属性信息中作为导航操作的依赖数据;显示系统根据栅格位置绘制显示界面,根据导航信息,添加栅格上下左右等操作对应的动作。
Description
技术领域
本发明涉及计算机信息技术,尤其涉及一种基于机顶盒的界面可视化编辑及显示方法及系统。
背景技术
随着计算机网络技术的不断发展,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对应的显示界面,此时显示界面的信息都已经重新获取,即完成界面升级更新。
以上所述仅为本发明的较佳实施例,仅用于说明本发明的技术方案,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (8)
1.一种基于机顶盒的界面可视化编辑及显示方法,其特征在于,
编辑系统使用栅格形式对界面进行布局编辑制作;界面制作完成后,根据栅格位置计算出各栅格间的导航信息;将每个栅格的导航信息添加到栅格的属性信息中作为导航操作的依赖数据;显示系统根据栅格位置绘制显示界面,根据导航信息,添加栅格操作对应的动作。
2.根据权利要求1所述的方法,其特征在于,
在不依赖指针形式的输入设备的前提下,通过遥控器对界面进行选中切换操作。
3.根据权利要求1所述的方法,其特征在于,
显示界面重新绘制后,在不升级显示程序的前提下,自动更新显示界面。
4.根据权利要求1所述的方法,其特征在于,
显示界面重新绘制后,在不升级显示程序的前提下,自动适配遥控器的选中切换。
5.根据权利要求1所述的方法,其特征在于,
主要操作步骤为:
1)编辑系统使用栅格方式编辑制作显示界面;
2)生成栅格的位置及尺寸信息,计算每个可以获取焦点的栅格的导航信息;
3)显示系统读取据栅格的位置及尺寸信息显示界面,并定位默认焦点栅格;
4)使用遥控器进行按键操作时,读取当前焦点栅格的导航信息,并执行对应按键的焦点移动处理操作。
6.一种基于机顶盒的界面可视化编辑及显示系统,其特征在于,
主要包括:1)编辑系统和2)显示系统;
1)编辑系统,编辑系统使用栅格方式编辑制作显示界面;
2)显示系统,读取据栅格的位置及尺寸信息显示界面,并定位默认焦点栅格。
7.根据权利要求6所述的系统,其特征在于,
所述编辑系统包括:
a)编辑系统预先定义各类栅格的功能;
b)编辑器中根据最终实现效果绘制栅格,并为各栅格选择功能;
c)指定可以获取焦点的栅格功能用于生成导航信息;
d)按照行列的方式扫描所有栅格,生成栅格的位置及大小信息;
e)按照行列的方式扫描所有可以获取焦点的栅格,生成可以获取焦点的栅格的位置信息;
f)根据可以获取焦点的栅格的位置信息,计算每一个栅格的上下左右的导航信息即上下左右方向对应的可以获取焦点的栅格的序号,边界栅格则指定边界位置的处理方法;
g)将栅格的位置及大小信息保存至整个界面的属性中,将可以获取焦点的栅格的导航信息保存到每一个栅格的属性中;
h)完成界面编辑。
8.根据权利要求7所述的系统,其特征在于,
所述显示系统包括:
a)启动显示界面用的浏览器
b)加载显示界面的URL地址
c)根据界面属性中的位置及大小信息,绘制界面;
d)读取每一个栅格中的导航信息,添加对应按键处理操作;
e)用户按遥控器中某一方向按键时,非边界栅格将焦点定位到目标栅格上,边界栅格则执行边界位置的处理方法,实现通过遥控器控制界面焦点移动的功能;
f)当编辑系统对界面进行编辑后,退出当前界面,重新进入时会重新加载URL对应的显示界面,此时显示界面的信息都已经重新获取,即完成界面升级更新。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811610614.6A CN109714620A (zh) | 2018-12-27 | 2018-12-27 | 一种基于机顶盒的界面可视化编辑及显示方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811610614.6A CN109714620A (zh) | 2018-12-27 | 2018-12-27 | 一种基于机顶盒的界面可视化编辑及显示方法及系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109714620A true CN109714620A (zh) | 2019-05-03 |
Family
ID=66258754
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811610614.6A Pending CN109714620A (zh) | 2018-12-27 | 2018-12-27 | 一种基于机顶盒的界面可视化编辑及显示方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109714620A (zh) |
Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020162108A1 (en) * | 2001-03-30 | 2002-10-31 | Catherine Lin-Hendel | Interactive/ active electronic program/ content guide (IAEPG) with computer enhanced, web-wrapped user interfaces, programablility, and automated search, record, and present |
CN1941862A (zh) * | 2005-09-28 | 2007-04-04 | 深圳Tcl新技术有限公司 | 一种电视机菜单显示界面的设置方法 |
CN101276275A (zh) * | 2008-04-22 | 2008-10-01 | 罗笑南 | 一种针对机顶盒的软件开发可视化编辑方法 |
US20100146440A1 (en) * | 2008-12-05 | 2010-06-10 | Samsung Electronics Co., Ltd. | Display apparatus and method of displaying user interface thereof |
CN102088639A (zh) * | 2011-01-21 | 2011-06-08 | 烽火通信科技股份有限公司 | Iptv机顶盒浏览器页面的导航控制方法 |
CN103970894A (zh) * | 2014-05-27 | 2014-08-06 | 合一网络技术(北京)有限公司 | 自适应调整的界面流式布局显示的方法和系统 |
CN104281359A (zh) * | 2014-04-29 | 2015-01-14 | 福建星网视易信息系统有限公司 | 针对不同大小对象的布局方法及其装置 |
CN104598242A (zh) * | 2015-01-28 | 2015-05-06 | 贵州省邮电规划设计院有限公司 | 利用基于web端的自然式应用交互界面实现直观操作的方法 |
US9158743B1 (en) * | 2011-03-28 | 2015-10-13 | Amazon Technologies, Inc. | Grid layout control for network site design |
CN105183475A (zh) * | 2015-09-08 | 2015-12-23 | 北京思特奇信息技术股份有限公司 | 一种用户自定制门户网站个性化页面的方法和系统 |
CN105892961A (zh) * | 2015-11-16 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 一种栅格动态布局设备和方法 |
CN105912318A (zh) * | 2016-04-01 | 2016-08-31 | 北京京东尚科信息技术有限公司 | 一种终端屏幕自适应显示方法、终端、服务器及系统 |
CN107566875A (zh) * | 2017-08-31 | 2018-01-09 | 江苏省公用信息有限公司 | 一种在智能机顶盒上ui灵活配置、动态更新的方法 |
CN107992305A (zh) * | 2017-12-29 | 2018-05-04 | 广州酷狗计算机科技有限公司 | 应用程序功能按钮的布局方法及装置 |
-
2018
- 2018-12-27 CN CN201811610614.6A patent/CN109714620A/zh active Pending
Patent Citations (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020162108A1 (en) * | 2001-03-30 | 2002-10-31 | Catherine Lin-Hendel | Interactive/ active electronic program/ content guide (IAEPG) with computer enhanced, web-wrapped user interfaces, programablility, and automated search, record, and present |
CN1941862A (zh) * | 2005-09-28 | 2007-04-04 | 深圳Tcl新技术有限公司 | 一种电视机菜单显示界面的设置方法 |
CN101276275A (zh) * | 2008-04-22 | 2008-10-01 | 罗笑南 | 一种针对机顶盒的软件开发可视化编辑方法 |
US20100146440A1 (en) * | 2008-12-05 | 2010-06-10 | Samsung Electronics Co., Ltd. | Display apparatus and method of displaying user interface thereof |
CN102088639A (zh) * | 2011-01-21 | 2011-06-08 | 烽火通信科技股份有限公司 | Iptv机顶盒浏览器页面的导航控制方法 |
US9158743B1 (en) * | 2011-03-28 | 2015-10-13 | Amazon Technologies, Inc. | Grid layout control for network site design |
CN104281359A (zh) * | 2014-04-29 | 2015-01-14 | 福建星网视易信息系统有限公司 | 针对不同大小对象的布局方法及其装置 |
CN103970894A (zh) * | 2014-05-27 | 2014-08-06 | 合一网络技术(北京)有限公司 | 自适应调整的界面流式布局显示的方法和系统 |
CN104598242A (zh) * | 2015-01-28 | 2015-05-06 | 贵州省邮电规划设计院有限公司 | 利用基于web端的自然式应用交互界面实现直观操作的方法 |
CN105183475A (zh) * | 2015-09-08 | 2015-12-23 | 北京思特奇信息技术股份有限公司 | 一种用户自定制门户网站个性化页面的方法和系统 |
CN105892961A (zh) * | 2015-11-16 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 一种栅格动态布局设备和方法 |
CN105912318A (zh) * | 2016-04-01 | 2016-08-31 | 北京京东尚科信息技术有限公司 | 一种终端屏幕自适应显示方法、终端、服务器及系统 |
CN107566875A (zh) * | 2017-08-31 | 2018-01-09 | 江苏省公用信息有限公司 | 一种在智能机顶盒上ui灵活配置、动态更新的方法 |
CN107992305A (zh) * | 2017-12-29 | 2018-05-04 | 广州酷狗计算机科技有限公司 | 应用程序功能按钮的布局方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107808004B (zh) | 模型训练方法和系统、服务器、存储介质 | |
CN108334486B (zh) | 表格控制方法、装置、设备及存储介质 | |
CN103020237B (zh) | 一种网页更新方法和装置 | |
CN106155644B (zh) | 适用于智能电视浏览器的网页焦点控制实现方法 | |
CN107463302B (zh) | 一种图标布局调整方法及其装置 | |
CN105511792A (zh) | 一种表单在位手写输入方法及系统 | |
CN106126489A (zh) | 一种报告文件动态图表编辑方法及系统 | |
CN104571819A (zh) | 一种应用程序管理方法及其装置 | |
KR101394874B1 (ko) | 필기 기반으로 특정 기능을 실행하는 방법 및 그에 따른 디바이스 | |
CN109893852A (zh) | 界面信息处理方法及装置 | |
CN110599567A (zh) | 一种轨道电子地图可视化编辑工具及地图生成方法 | |
CN103777866A (zh) | 用于放大镜的数据编辑方法及装置 | |
CN103369140A (zh) | 显示字体放大方法、系统以及通信终端 | |
CN109408188A (zh) | 一种控件化自定义智能电视软件Launcher界面的方法 | |
CN105138463A (zh) | 一种移动终端的软件测试方法及系统 | |
CN103024564B (zh) | Iptv平台epg页面可视化开发与自动生成方法 | |
CN111506997A (zh) | 一种基于bim的电力工程量计算方法 | |
CN112565858A (zh) | 节目编辑方法及装置、节目发布方法及装置 | |
CN114415847A (zh) | 文本信息删除方法、装置及电子设备 | |
CN104572593A (zh) | 一种文字的处理方法、系统及电子装置 | |
CN109714620A (zh) | 一种基于机顶盒的界面可视化编辑及显示方法及系统 | |
CN116245052A (zh) | 一种图纸迁移方法、装置、设备和存储介质 | |
CN102841781A (zh) | 基于电子白板的函数曲线的构造方法和系统 | |
CN116610394A (zh) | 基于模板和模块的数据可视化页面配置方法、系统和装置 | |
CN106649707B (zh) | 一种管理图像内容标签的方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190503 |
|
RJ01 | Rejection of invention patent application after publication |