CN108243355A - 机顶盒用户界面加载方法及系统 - Google Patents
机顶盒用户界面加载方法及系统 Download PDFInfo
- Publication number
- CN108243355A CN108243355A CN201711421108.8A CN201711421108A CN108243355A CN 108243355 A CN108243355 A CN 108243355A CN 201711421108 A CN201711421108 A CN 201711421108A CN 108243355 A CN108243355 A CN 108243355A
- Authority
- CN
- China
- Prior art keywords
- picture
- user interface
- top box
- bitmap data
- png pictures
- 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.)
- Granted
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/435—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream
- H04N21/4355—Processing of additional data, e.g. decrypting of additional data, reconstructing software from modules extracted from the transport stream involving reformatting operations of additional data, e.g. HTML pages on a television screen
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/482—End-user interface for program selection
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/8193—Monomedia components thereof involving executable data, e.g. software dedicated tools, e.g. video decoder software or IPMP tool
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Editing Of Facsimile Originals (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明涉及一种机顶盒用户界面加载方法及系统,用户界面上的图片首先被转存为PNG图片并去除条目信息,降低图片的大小,然后再将PNG图片转换成小的位图数据,在用户界面加载时,直接根据ID映射关系,调用所需的位图数据映射复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作即可显示所需的图片,从而快速流畅的完成用户界面的加载,避免出现慢或者卡顿的问题,给用户带来良好的体验。
Description
技术领域
本发明涉及数字电视领域,尤其涉及一种机顶盒用户界面加载方法及系统。
背景技术
随着数字电视技术的发展,数字广播电视业务越来越复杂,用户对机顶盒用户界面(UI)显示的要求也越来越多,用户界面页面上显示的图片越来越多,越来越多姿多彩,在有限的硬件资源条件(内存限制等)下,用户界面页面菜单各图片能否快速流畅的加载显示将直接影响客户体验和产品的发展。
目前,机顶盒大多采用浏览器模式来处理UI加载,主要是Webkit+Qt模式。但是,这种模式浏览器本身占用内存资源就很大,并且浏览器在第一次加载大量图片或者是图片比较大时,UI加载会出现效果慢或者卡顿的问题,并且浏览器也要占用缓存处理,也会造成资源紧张,这都给UI加载带来不流畅的问题,给用户带来不好的体验。
发明内容
有鉴于此,有必要针对上述用户界面加载不流畅的问题,提供一种机顶盒用户界面加载方法及系统。
本发明提供的一种机顶盒用户界面加载方法,包括如下步骤:
将用户界面所需图片转换存储成PNG图片,并去除条目信息;
对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系;
在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载。
进一步的,所述将用户界面所需图片转换存储成PNG图片,并去除条目信息的步骤具体为:
使用ImageMagick工具的convert命令选项的strip指令去除条目信息,使图片变小。
进一步的,所述对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系的步骤具体为:
采用bintoc工具将PNG图片转换成.h文件。
进一步的,所述在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载的步骤具体为:
通过surface Blit操作将位图数据复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作。
本发明提供的一种机顶盒用户界面加载系统,包括:
图片转存模块,将用户界面所需图片转换存储成PNG图片,并去除条目信息;
位图转换模块,对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系;
图片加载模块,在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载。
进一步的,所述图片转存模块使用ImageMagick工具的convert命令选项的strip指令去除条目信息,使图片变小。
进一步的,所述位图转换模块200采用bintoc工具将PNG图片转换成.h文件。
进一步的,所述图片加载模块通过surface Blit操作将位图数据复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作。
本发明机顶盒用户界面加载方法及系统,用户界面上的图片首先被转存为PNG图片并去除条目信息,降低图片的大小,然后再将PNG图片转换成小的位图数据,在用户界面加载时,直接根据ID映射关系,调用所需的位图数据映射复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作即可显示所需的图片,从而快速流畅的完成用户界面的加载,避免出现慢或者卡顿的问题,给用户带来良好的体验。
附图说明
图1是一个实施例中的机顶盒用户界面加载方法的流程图;
图2是一个实施例中的机顶盒用户界面加载系统的结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本发明,并不用于限定本发明。
结合图1是一个实施例中的机顶盒用户界面加载方法,如图1所示,该方法包括步骤:
S10:将用户界面(UI)所需图片转换存储成PNG图片,并去除条目信息。
用户界面页面图片越多或者图片越大,则用户界面加载越慢,故用户界面是否能快速流畅加载,与用户界面页面上图片的多少和大小有关。通常,用户界面上的图片大多是JPG或者BMP模式,但是这两种模式图片都比较大,会影响加载。
该步骤中,为降低图片的大小,将图片全部转存为PNG模式的PNG图片,PNG图片包含有透明属性,图片数据较小,可以很好的降低图片的大小。另外,可以去除了一些不影响图片内容的条目信息,比如相机信息(光圈,相机信号)、Photoshop元数据、颜色表等,使得图片进一步变小。
具体的,使用ImageMagick工具(图片处理软件)的convert命令选项的strip指令去除条目信息,使图片变小。
S20:对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系。
在将图片转存为PNG图片后,PNG图片是编码压缩过的数据,在用户界面加载时还需要先进行解码操作,当图片数量多的时候会花费大量时间,导致用户界面加载不流畅。该步骤中,将PNG图片先解码并转换成位图数据,将图片都变为位图数据,提高用户界面图片的加载速度。然后建立图片的ID映射关系,方便通过ID调用相应的图片。
具体的:采用工具bintoc[由bintoc.c文件编译]将PNG图片转换成.h文件。
S30:在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载。
在图片已经转码成位图数据后,在用户界面加载时只需根据ID映射关系,调用所需的位图数据映射复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作即可显示所需的图片,从而快速流畅的完成加载。
具体的,通过surface Blit操作(位块传输操作,将一个平面的一部分或全部图象整块从这个平面复制到另一个平面)将位图数据复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作。
该机顶盒用户界面加载方法,用户界面上的图片首先被转存为PNG图片并去除条目信息,降低图片的大小,然后再将PNG图片转换成小的位图数据,在用户界面加载时,直接根据ID映射关系,调用所需的位图数据映射复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作即可显示所需的图片,从而快速流畅的完成用户界面的加载,避免出现慢或者卡顿的问题,给用户带来良好的体验。
同时,如图2所示,本发明还提供一种机顶盒用户界面加载系统,该系统包括:
图片转存模块100,将用户界面(UI)所需图片转换存储成PNG图片,并去除条目信息。
用户界面页面图片越多或者图片越大,则用户界面加载越慢,故用户界面是否能快速流畅加载,与用户界面页面上图片的多少和大小有关。通常,用户界面上的图片大多是JPG或者BMP模式,但是这两种模式图片都比较大,会影响加载。
为降低图片的大小,图片转存模块100将图片全部转存为PNG模式的PNG图片,PNG图片包含有透明属性,图片数据较小,可以很好的降低图片的大小。另外,可以去除了一些不影响图片内容的条目信息,比如相机信息(光圈,相机信号)、Photoshop元数据、颜色表等,使得图片进一步变小。
具体的,图片转存模块100使用ImageMagick工具(图片处理软件)的convert命令选项的strip指令去除条目信息,使图片变小。
位图转换模块200,对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系。
在将图片转存为PNG图片后,PNG图片是编码压缩过的数据,在用户界面加载时还需要先进行解码操作,当图片数量多的时候会花费大量时间,导致用户界面加载不流畅。位图转换模块200将PNG图片先解码并转换成位图数据,将图片都变为位图数据,提高用户界面图片的加载速度。位图转换模块200然后建立图片的ID映射关系,方便通过ID调用相应的图片。
具体的:位图转换模块200采用工具bintoc[由bintoc.c文件编译]将PNG图片转换成.h文件。
图片加载模块300,在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载。
在图片已经转码成位图数据后,图片加载模块300在用户界面加载时只需根据ID映射关系,调用所需的位图数据映射复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作即可显示所需的图片,从而快速流畅的完成加载。
具体的,图片加载模块300通过surface Blit操作(位块传输操作,将一个平面的一部分或全部图象整块从这个平面复制到另一个平面)将位图数据复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作。
该机顶盒用户界面加载系统,图片转存模块100将用户界面上的图片首先被转存为PNG图片并去除条目信息,降低图片的大小,位图转换模块200然后再将PNG图片转换成小的位图数据,在用户界面加载时,图片加载模块300直接根据ID映射关系,调用所需的位图数据映射复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作即可显示所需的图片,从而快速流畅的完成用户界面的加载,避免出现慢或者卡顿的问题,给用户带来良好的体验。
以上仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (8)
1.一种机顶盒用户界面加载方法,其特征在于,包括如下步骤:
将用户界面所需图片转换存储成PNG图片,并去除条目信息;
对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系;
在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载。
2.根据权利要求1所述的机顶盒用户界面加载方法,其特征在于,所述将用户界面所需图片转换存储成PNG图片,并去除条目信息的步骤具体为:
使用ImageMagick工具的convert命令选项的strip指令去除条目信息,使图片变小。
3.根据权利要求2所述的机顶盒用户界面加载方法,其特征在于,所述对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系的步骤具体为:
采用bintoc工具将PNG图片转换成.h文件。
4.根据权利要求3所述的机顶盒用户界面加载方法,其特征在于,所述在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载的步骤具体为:
通过surface Blit操作将位图数据复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作。
5.一种机顶盒用户界面加载系统,其特征在于,包括:
图片转存模块,将用户界面所需图片转换存储成PNG图片,并去除条目信息;
位图转换模块,对PNG图片进行代码化操作,将PNG图片转换成位图数据,并对图片建立ID映射关系;
图片加载模块,在用户界面加载时,用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载,完成用户界面加载。
6.根据权利要求1所述的机顶盒用户界面加载系统,其特征在于,所述图片转存模块使用ImageMagick工具的convert命令选项的strip指令去除条目信息,使图片变小。
7.根据权利要求6所述的机顶盒用户界面加载系统,其特征在于,所述位图转换模块200采用bintoc工具将PNG图片转换成.h文件。
8.根据权利要求7所述的机顶盒用户界面加载系统,其特征在于,所述图片加载模块通过surface Blit操作将位图数据复制到用户界面对应的坐标位置,全部复制完后进行刷新数据的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711421108.8A CN108243355B (zh) | 2017-12-25 | 2017-12-25 | 机顶盒用户界面加载方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711421108.8A CN108243355B (zh) | 2017-12-25 | 2017-12-25 | 机顶盒用户界面加载方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108243355A true CN108243355A (zh) | 2018-07-03 |
CN108243355B CN108243355B (zh) | 2021-01-05 |
Family
ID=62700275
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711421108.8A Expired - Fee Related CN108243355B (zh) | 2017-12-25 | 2017-12-25 | 机顶盒用户界面加载方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108243355B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110716771A (zh) * | 2018-07-11 | 2020-01-21 | 视联动力信息技术股份有限公司 | 终端页面显示方法和装置 |
CN114339369A (zh) * | 2021-12-29 | 2022-04-12 | 四川九州电子科技股份有限公司 | 适用于机顶盒的电视端页面展示方法 |
CN114489608A (zh) * | 2022-01-17 | 2022-05-13 | 星河智联汽车科技有限公司 | 显示屏图标控制方法、装置、终端设备及存储介质 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030164861A1 (en) * | 2002-03-04 | 2003-09-04 | Monique Barbanson | Legibility of selected content |
US20050177624A1 (en) * | 2004-02-11 | 2005-08-11 | Alio, Inc. | Distributed System and Methodology for Delivery of Media Content to Clients having Peer-to-peer Connectivity |
US20050177745A1 (en) * | 2004-02-11 | 2005-08-11 | Alio, Inc. | Distributed System and Methodology for Delivery of Media Content |
CN101409799A (zh) * | 2008-11-12 | 2009-04-15 | 青岛海信电子产业控股股份有限公司 | 屏幕显示方法和装置 |
US20090119365A1 (en) * | 2007-10-30 | 2009-05-07 | 1St Works Corporation | Method and apparatus for display synchronization using image compression |
CN101452388A (zh) * | 2008-12-24 | 2009-06-10 | 腾讯科技(深圳)有限公司 | 一种在托盘区显示图标的方法、系统及即时通讯客户端 |
US20100085595A1 (en) * | 2008-10-03 | 2010-04-08 | Deets Ii Robert M | Method and apparatus for high-speed inkjet printing |
CN102082962A (zh) * | 2010-10-15 | 2011-06-01 | 福建新大陆通信科技股份有限公司 | 一种通过机顶盒快速查看美工效果的方法 |
CN103458309A (zh) * | 2013-09-03 | 2013-12-18 | 深圳市九洲电器有限公司 | 一种用于显示机顶盒的用户手册内容的方法和机顶盒 |
-
2017
- 2017-12-25 CN CN201711421108.8A patent/CN108243355B/zh not_active Expired - Fee Related
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030164861A1 (en) * | 2002-03-04 | 2003-09-04 | Monique Barbanson | Legibility of selected content |
US20050177624A1 (en) * | 2004-02-11 | 2005-08-11 | Alio, Inc. | Distributed System and Methodology for Delivery of Media Content to Clients having Peer-to-peer Connectivity |
US20050177745A1 (en) * | 2004-02-11 | 2005-08-11 | Alio, Inc. | Distributed System and Methodology for Delivery of Media Content |
US20090119365A1 (en) * | 2007-10-30 | 2009-05-07 | 1St Works Corporation | Method and apparatus for display synchronization using image compression |
US20100085595A1 (en) * | 2008-10-03 | 2010-04-08 | Deets Ii Robert M | Method and apparatus for high-speed inkjet printing |
CN101409799A (zh) * | 2008-11-12 | 2009-04-15 | 青岛海信电子产业控股股份有限公司 | 屏幕显示方法和装置 |
CN101452388A (zh) * | 2008-12-24 | 2009-06-10 | 腾讯科技(深圳)有限公司 | 一种在托盘区显示图标的方法、系统及即时通讯客户端 |
CN102082962A (zh) * | 2010-10-15 | 2011-06-01 | 福建新大陆通信科技股份有限公司 | 一种通过机顶盒快速查看美工效果的方法 |
CN103458309A (zh) * | 2013-09-03 | 2013-12-18 | 深圳市九洲电器有限公司 | 一种用于显示机顶盒的用户手册内容的方法和机顶盒 |
Non-Patent Citations (1)
Title |
---|
李秋田: "《多媒体机顶盒关键技术研究及应用(界面设计与图片浏览器)》", 《中国优秀硕士学位论文全文数据库》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110716771A (zh) * | 2018-07-11 | 2020-01-21 | 视联动力信息技术股份有限公司 | 终端页面显示方法和装置 |
CN114339369A (zh) * | 2021-12-29 | 2022-04-12 | 四川九州电子科技股份有限公司 | 适用于机顶盒的电视端页面展示方法 |
CN114489608A (zh) * | 2022-01-17 | 2022-05-13 | 星河智联汽车科技有限公司 | 显示屏图标控制方法、装置、终端设备及存储介质 |
CN114489608B (zh) * | 2022-01-17 | 2022-08-16 | 星河智联汽车科技有限公司 | 显示屏图标控制方法、装置、终端设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN108243355B (zh) | 2021-01-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110069257B (zh) | 一种界面处理方法、装置及终端 | |
US8218887B2 (en) | Enhanced method of multilayer compression of PDF (image) files using OCR systems | |
CN109729417B (zh) | 一种视频透明播放处理方法、智能电视及存储介质 | |
CN108243355A (zh) | 机顶盒用户界面加载方法及系统 | |
US20040010622A1 (en) | Method and system for buffering image updates in a remote application | |
WO2017206761A1 (zh) | 应用中图片内容的显示方法、装置及存储介质 | |
CN103268628B (zh) | 虚拟表面渲染 | |
US10831985B2 (en) | Processing duplicate multimedia content | |
US8984424B2 (en) | Layout of user interface elements | |
CN111190519A (zh) | 一种文件及其控件的处理方法、装置、设备和存储介质 | |
CN1924794B (zh) | 数字文件处理系统、数据处理系统和外围设备 | |
CN115350479A (zh) | 渲染处理方法、装置、设备及介质 | |
CN107844465A (zh) | 一种ofd格式文档支持脚本的方法 | |
CN101436306B (zh) | 一种实现图像特效的方法、装置和视频显示卡 | |
CN102253818A (zh) | 一种背景图片的显示方法及装置 | |
US20130063464A1 (en) | Primitive rendering using a single primitive type | |
CN108288247A (zh) | 一种多核dsp平台上的实时图像细节增强方法 | |
CN108924557A (zh) | 图像处理方法、装置、电子设备及存储介质 | |
JP4849302B2 (ja) | 表示制御装置、表示制御方法及びプログラム | |
CN113625923A (zh) | 基于远程云桌面的鼠标处理方法、装置、存储介质及设备 | |
CN104918044A (zh) | 图像处理方法及装置 | |
CN116880937A (zh) | 互动课堂的桌面截屏数据处理方法、装置、设备及介质 | |
CN109214977A (zh) | 图像处理装置及其控制方法 | |
JP4911585B2 (ja) | 画像処理装置、画像処理方法、プログラム及び情報記録媒体 | |
CN109274858B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20210105 Termination date: 20211225 |