机顶盒用户界面加载方法及系统技术方案

本发明专利技术涉及一种机顶盒用户界面加载方法及系统，用户界面上的图片首先被转存为PNG图片并去除条目信息，降低图片的大小，然后再将PNG图片转换成小的位图数据，在用户界面加载时，直接根据ID映射关系，调用所需的位图数据映射复制到用户界面对应的坐标位置，全部复制完后进行刷新数据的操作即可显示所需的图片，从而快速流畅的完成用户界面的加载，避免出现慢或者卡顿的问题，给用户带来良好的体验。

The method and system for loading the user interface of the set-top box

The invention relates to a method and system for loading the user interface of the set-top box. The picture on the user interface is first transferred to PNG picture and the item information is removed, the size of the picture is reduced, and then the PNG picture is converted into small bitmap data. When the user interface is loaded, the desired bitmap data is directly invoked according to the ID mapping relationship. Mappings are copied to the coordinates of the user interface. After all replicas, the operation of the refresh data can display the required images, so that the user interface can be loaded quickly and fluently, avoiding the problems of slow or Caton, and bringing a good experience to the users.

【技术实现步骤摘要】
机顶盒用户界面加载方法及系统
本专利技术涉及数字电视领域，尤其涉及一种机顶盒用户界面加载方法及系统。
技术介绍
随着数字电视技术的发展，数字广播电视业务越来越复杂，用户对机顶盒用户界面(UI)显示的要求也越来越多，用户界面页面上显示的图片越来越多，越来越多姿多彩，在有限的硬件资源条件(内存限制等)下，用户界面页面菜单各图片能否快速流畅的加载显示将直接影响客户体验和产品的发展。目前，机顶盒大多采用浏览器模式来处理UI加载，主要是Webkit+Qt模式。但是，这种模式浏览器本身占用内存资源就很大，并且浏览器在第一次加载大量图片或者是图片比较大时，UI加载会出现效果慢或者卡顿的问题，并且浏览器也要占用缓存处理，也会造成资源紧张，这都给UI加载带来不流畅的问题，给用户带来不好的体验。
技术实现思路
有鉴于此，有必要针对上述用户界面加载不流畅的问题，提供一种机顶盒用户界面加载方法及系统。本专利技术提供的一种机顶盒用户界面加载方法，包括如下步骤：将用户界面所需图片转换存储成PNG图片，并去除条目信息；对PNG图片进行代码化操作，将PNG图片转换成位图数据，并对图片建立ID映射关系；在用户界面加载时，用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载，完成用户界面加载。进一步的，所述将用户界面所需图片转换存储成PNG图片，并去除条目信息的步骤具体为：使用ImageMagick工具的convert命令选项的strip指令去除条目信息，使图片变小。进一步的，所述对PNG图片进行代码化操作，将PNG图片转换成位图数据，并对图片建立ID映射关系的步骤具体为：采用bintoc工具将PNG图片转换成.h文件。进一步的，所述在用户界面加载时，用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载，完成用户界面加载的步骤具体为：通过surfaceBlit操作将位图数据复制到用户界面对应的坐标位置，全部复制完后进行刷新数据的操作。本专利技术提供的一种机顶盒用户界面加载系统，包括：图片转存模块，将用户界面所需图片转换存储成PNG图片，并去除条目信息；位图转换模块，对PNG图片进行代码化操作，将PNG图片转换成位图数据，并对图片建立ID映射关系；图片加载模块，在用户界面加载时，用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载，完成用户界面加载。进一步的，所述图片转存模块使用ImageMagick工具的convert命令选项的strip指令去除条目信息，使图片变小。进一步的，所述位图转换模块200采用bintoc工具将PNG图片转换成.h文件。进一步的，所述图片加载模块通过surfaceBlit操作将位图数据复制到用户界面对应的坐标位置，全部复制完后进行刷新数据的操作。本专利技术机顶盒用户界面加载方法及系统，用户界面上的图片首先被转存为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映射关系，调用所需的位图数据映射复制到用户界面对应的坐标位置，全部复制完后进行刷新数据的操作即可显示所需的图片，从而快速流畅的完成加载。具体的，通过surfaceBlit操作(位块传输操作，将一个平面的一部分或全部图象整块从这个平面复制到另一个平面)将位图数据复制到用户界面对应的坐标位置，全部复制完后进行刷新数据的操作。该机顶盒用户界面加载方法，用户界面上的图片首先被转存为PNG图片并去除条目信息，降低图片的大小，然后再将PNG图片转换成小的位图数据，在用户界面加载时，直接根据ID映射关系，调用所需的位图数据映射复制到用户界面对应的坐标位置，全部复制完后进行刷新数据的操作即可显示所需的图片，从而快速流畅的完成用户界面的加载，避免出现慢或者卡顿的问题，给用户带来良好的体验。同时，如图2所示，本专利技术还提供一种机顶盒用户界面加载系统，该系统包括：图片转存模块100，将用户界面(UI)所需图片转换存储成PNG图片，并去除条目信息。用户界面页面图片越多或者图片越大，则用户界面加载越慢，故用户界面是否能快速流畅加载，与用户界面页面上图片的多少和大小有关。通常，用户界面上的图片大多是JPG或者BMP模式，但是这两种模式图片都比较大，会影响加载。为降低图片的大小，图片转存模块100将图片全部转存为PNG模式的PNG图片，PNG图片包含有透明属性，图片数据较小，可以很好的降低图片的大小。另外，可以去除了一些不影响图片内容的条目信息，比如相机信息(光圈，相机信号)、Photoshop元数据、颜色表等，使得图片进一步变小。具体的，图片转存模块100使用ImageMagick工具(图片处理软件)的convert命令选项的strip指令去除条目信息，使图片变小。位图转换模块200，对PNG图片进行代码化操作，将PNG图片转换成位图数据，并对图片建立ID映射关系。在将图片转存为PNG图片后，PNG图片本文档来自技高网...

【技术保护点】
1.一种机顶盒用户界面加载方法，其特征在于，包括如下步骤：将用户界面所需图片转换存储成PNG图片，并去除条目信息；对PNG图片进行代码化操作，将PNG图片转换成位图数据，并对图片建立ID映射关系；在用户界面加载时，用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载，完成用户界面加载。

【技术特征摘要】
1.一种机顶盒用户界面加载方法，其特征在于，包括如下步骤：将用户界面所需图片转换存储成PNG图片，并去除条目信息；对PNG图片进行代码化操作，将PNG图片转换成位图数据，并对图片建立ID映射关系；在用户界面加载时，用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载，完成用户界面加载。2.根据权利要求1所述的机顶盒用户界面加载方法，其特征在于，所述将用户界面所需图片转换存储成PNG图片，并去除条目信息的步骤具体为：使用ImageMagick工具的convert命令选项的strip指令去除条目信息，使图片变小。3.根据权利要求2所述的机顶盒用户界面加载方法，其特征在于，所述对PNG图片进行代码化操作，将PNG图片转换成位图数据，并对图片建立ID映射关系的步骤具体为：采用bintoc工具将PNG图片转换成.h文件。4.根据权利要求3所述的机顶盒用户界面加载方法，其特征在于，所述在用户界面加载时，用户界面通过ID映射关系查找到所需图片并调用位图数据到对应的坐标位置进行加载，完成用户界面加载的步骤具体...

【专利技术属性】
技术研发人员：田龙龙，朱星龙，陈超华，
申请(专利权)人：四川迪佳通电子有限公司，
类型：发明
国别省市：四川,51