CN102340698B - 一种基于svg的机顶盒界面的表现方法 - Google Patents

Abstract

本发明提供一种基于SVG的机顶盒界面的表现方法，步骤10、机顶盒中集成对xml文件的解析模块，步骤20、在机顶盒中建立对矢量图形、点阵图像和文本的支持的图像引擎模块；步骤30、绘制svg格式的界面文件，将这些界面文件组成机顶盒的界面并导入到机顶盒内存中；步骤40、当机顶盒程序运行时，xml文件的解析模块对机顶盒的界面中各svg格式的界面文件进行解析，得到各svg格式的界面文件对应所描述的关于矢量图形、点阵图像和文本的内容；同时图像引擎模块将该矢量图形、点阵图像和文本的内容按机顶盒的分辨率绘制机顶盒的界面，显示在电视屏幕上。本发明实现对机顶盒界面的无极缩放，可以在不同分辨率下达到完美的显示效果。

Description

一种基于SVG的机顶盒界面的表现方法

【技术领域】

本发明涉及一种嵌入式技术领域，尤其涉及一种基于SVG的机顶盒界面的表现方法。

【背景技术】

随着用户需求的不断的提高，对数字电视机顶盒界面的要求也越来越高，特别在高清时代，界面的清晰度，美化度等成为用户的选择重点。同时如何开发一套界面已适应不同的分辨率也成为机顶盒厂家研究的重点。

传统的数字电视机顶盒一般使用点阵图片作为机顶盒的界面，当机顶盒的分辨率越来越大时，所需的图片体积也会越来越大，特别是现在高清机顶盒越来越普及的今天，界面所占用的图片资源大量的消耗了机顶盒的存储空间。同时一套机顶盒界面需要针对不同的分辨率搭配不同的图片，如果只有一套图片强行拉伸来适应屏幕分辨率的话，会造成严重的锯齿感。

SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG包括3种类型的对象：矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。各种图像对象能够组合、变换，并且修改其样式，也能够定义成预处理对象，SVG可缩放矢量图形可适应不同分辨率的屏幕。

现有技术中提供了一种将XML应用到机顶盒GUI开发的方法及系统，见公开日为：2011.02.02，公开的中国发明专利申请公开号CN101963905A。该方法：首先是开发人员进行编码，进行GUI（图形用户界面）的设计；然后是对编码的文档进行判断，如果文档使用的是XML程序设计，则进入XML解析，如果为普通的文件，则直接进行编译解析。当文档为XML文档时，将XML文件用XML解析器进行解析，生成可适用于机顶盒运行的中间代码。然后将上步生成的中间代码编译成可执行的文件，并交给下层的操作系统进行处理。同时该发明还公开了一种将XML应用到机顶盒GUI开发的系统。在GUI底层操作跟上层用户界面设计中增加一层XML解析，用户可以通过编写XML文件来进行GUI设计，能缩短程序员进行GUI设计的时间，也大大提高了GUI开发的效率。该发明是将XML应用到机顶盒GUI开发，其GUI图片也不能随机顶盒的分辨率的改变而改变，且GUI图片也很大占用机顶盒内存。

【发明内容】

本发明要解决的技术问题，在于提供一种基于SVG作为机顶盒界面的表现方法。

本发明是这样实现的：一种基于SVG的机顶盒界面的表现方法，包括如下步骤：

步骤10、在机顶盒中集成对xml文件的解析模块，所述xml文件的解析模块是对svg格式文件的xml描述进行解析；

步骤20、在机顶盒中建立对矢量图形、点阵图像和文本支持的图像引擎模块，所述图像引擎模块同时支持图像对象组合、变换，并且修改图像对象的样式，且能对图像对象定义成预处理对象；所述图像引擎模块具体包括font矢量字体引擎、矩阵变化引擎、图像解码引擎、基础2d引擎以及滤镜引擎；所述font矢量字体引擎实现对SVG格式的界面文件中描述的文字使用truetype字体来进行基本绘制；所述矩阵变化引擎实现对SVG格式的界面文件中的点阵图像的矢量点序列坐标的转换；所述图像解码引擎实现对SVG格式的界面文件涉及的png、jpg、gif格式图像的解码工作；所述基础2d引擎实现对SVG格式的界面文件涉及的直线、曲线、矩形、椭圆、多边形、路径以及折线的绘制；所述滤镜引擎实现对SVG格式的界面文件中的矢量图形中一种颜色到另一种颜色的平滑过渡的渐变效果，该渐变效果包括线性渐变和放射性渐变效果；

步骤30、绘制svg格式的界面文件，将这些界面文件组成机顶盒的界面并导入到机顶盒内存中；

步骤40、当机顶盒程序运行时，所述xml文件的解析模块对所述机顶盒的界面中各svg格式的界面文件进行解析，得到各svg格式的界面文件对应的所描述的关于矢量图形、点阵图像和文本的内容；同时所述图像引擎模块将各svg格式的界面文件对应的矢量图形、点阵图像和文本的内容按机顶盒的分辨率绘制机顶盒的界面，显示在电视屏幕上。

本发明具有如下优点：本发明在机顶盒中引入svg格式的界面文件作为机顶盒界面的表现方法，通过xml文件的解析模块进行解析得到矢量图形、点阵图像和文本的内容，同时图像引擎模块将各svg格式的界面文件对应的矢量图形、点阵图像和文本的内容按机顶盒的分辨率绘制机顶盒的界面，显示在电视屏幕上，实现对机顶盒界面的无极缩放，可以在不同分辨率下达到完美的显示效果；同时由于svg格式的界面文件体积小，大大节约了机顶盒的存储资源。

【附图说明】

图1为本发明方法流程示意图。

【具体实施方式】

参照图1所示，本发明的基于SVG的机顶盒界面的表现方法，包括如下步骤：

步骤10、在机顶盒中集成对xml文件的解析模块，所述xml文件的解析模块是对svg格式文件的xml描述进行解析；所述xml文件的解析模块是使用DOM（全称Document Object Model，文档对象模型）方式对svg格式文件的xml描述进行解析；

步骤20、在机顶盒中建立对矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本支持的图像引擎模块，所述图像引擎模块同时支持图像对象组合、变换，并且修改图像对象的样式，且能将图像对象定义成预处理对象；

步骤30、绘制svg格式的界面文件，其可以由美工人员进行绘制，将这些界面文件组成机顶盒的界面并导入到机顶盒内存中；

步骤40、当机顶盒程序运行时，所述xml文件的解析模块对所述机顶盒的界面中各svg格式的界面文件进行解析，得到各svg格式的界面文件对应的所描述的关于矢量图形、点阵图像和文本的内容；同时所述图像引擎模块将各svg格式的界面文件对应的矢量图形、点阵图像和文本的内容按机顶盒的分辨率绘制机顶盒的界面，显示在电视屏幕上。

在本实施例中所述图像引擎模块具体包括font（字型）矢量字体引擎、矩阵变化引擎、图像解码引擎、基础2d引擎以及滤镜引擎；所述font矢量字体引擎实现对svg格式的界面文件中描述的文字使用truetype字体（全真字体）来进行基本绘制；所述矩阵变化引擎实现对svg格式的界面文件中的点阵图像的矢量点序列坐标的转换；所述图像解码引擎实现对svg格式的界面文件涉及的png、jpg、gif格式图像的解码工作；所述基础2d引擎实现对svg格式的界面文件涉及的直线、曲线、矩形、椭圆、多边形、路径以及折线的绘制；所述滤镜引擎实现对svg格式的界面文件中的矢量图形中一种颜色到另一种颜色的平滑过渡的渐变效果，该渐变效果包括线性渐变和放射性渐变效果。

当下次机顶盒再次显示同样的界面时，为了加快机顶盒调用图片的速度，本发明在所述步骤40之后还进一步包括：

步骤50、将步骤40中图像引擎模块将各svg格式的界面文件对应的矢量图形、点阵图像和文本的内容按机顶盒的分辨率绘制在电视屏幕得到的对应图片结果保存在机顶盒内存中，当下次再使用其中一svg格式的界面文件时，直接从机顶盒内存中提取对应的图片结果并显示在电视屏幕上；

步骤60、当机顶盒的分辨率发生改变时，将机顶盒内存中保存的所述图片结果删除，机顶盒的xml文件的解析模块对各svg格式的界面文件重新进行解析，同时所述图像引擎模块并按照新的分辨率来绘制机顶盒的界面，显示在电视屏幕上，同时生成该分辨率下新的图片结果进行保存。

值得一提的是，图像引擎模块还具有对svg格式的界面文件中像素格式的处理，完成对1555像素格式、565像素格式、8888像素格式等各种像素格式的处理和相互转换的功能。处理机顶盒显示区缓存的功能，即可以在多个显示缓冲区中自由的处理和拷贝数据。

总之，本发明在机顶盒是引入svg格式的界面文件作为机顶盒界面的表现方法，实现对机顶盒界面的无极缩放，可以在不同分辨率下达到完美的显示效果。同时由于svg文件体积小，大大节约了机顶盒的存储资源。克服传统的数字电视机顶盒一般使用点阵图片来作为机顶盒的界面，当机顶盒的分辨率越来越大时，所需的图片体积也会越来越大，特别是现在高清机顶盒越来越普及的今天，界面所占用的图片资源大量的消耗了机顶盒的存储空间。同时一套机顶盒界面需要针对不同的分辨率搭配不同的图片，如果只有一套图片强行拉伸来适应屏幕分辨率的话，会造成严重的锯齿感的问题。本发明就避免了这样的问题。

以上所述仅为本发明的较佳实施例，凡依本发明申请专利范围所做的均等变化与修饰，皆应属本发明的涵盖范围。

Claims (3)

1.一种基于SVG的机顶盒界面的表现方法，其特征在于：包括如下步骤：

步骤10、在机顶盒中集成对xml文件的解析模块，所述xml文件的解析模块是对SVG格式文件的xml描述进行解析；

步骤20、在机顶盒中建立对矢量图形、点阵图像和文本支持的图像引擎模块，所述图像引擎模块同时支持图像对象组合、变换，并且修改图像对象的样式，且能将图像对象定义成预处理对象；所述图像引擎模块具体包括font矢量字体引擎、矩阵变化引擎、图像解码引擎、基础2d引擎以及滤镜引擎；所述font矢量字体引擎实现对SVG格式的界面文件中描述的文字使用truetype字体来进行基本绘制；所述矩阵变化引擎实现对SVG格式的界面文件中的点阵图像的矢量点序列坐标的转换；所述图像解码引擎实现对SVG格式的界面文件涉及的png、jpg、gif格式图像的解码工作；所述基础2d引擎实现对SVG格式的界面文件涉及的直线、曲线、矩形、椭圆、多边形、路径以及折线的绘制；所述滤镜引擎实现对SVG格式的界面文件中的矢量图形中一种颜色到另一种颜色的平滑过渡的渐变效果，该渐变效果包括线性渐变和放射性渐变效果；

步骤30、绘制SVG格式的界面文件，将这些界面文件组成机顶盒的界面并导入到机顶盒内存中；

步骤40、当机顶盒程序运行时，所述xml文件的解析模块对所述机顶盒的界面中各SVG格式的界面文件进行解析，得到各SVG格式的界面文件对应的所描述的关于矢量图形、点阵图像和文本的内容；同时所述图像引擎模块将各SVG格式的界面文件对应的矢量图形、点阵图像和文本的内容按机顶盒的分辨率绘制机顶盒的界面，显示在电视屏幕上。

2.根据权利要求1所述的一种基于SVG的机顶盒界面的表现方法，其特征在于：所述xml文件的解析模块是使用DOM方式对SVG格式文件的xml描述进行解析。

3.根据权利要求1所述的一种基于SVG的机顶盒界面的表现方法，其特征在于：所述步骤40之后还进一步包括：

步骤50、将步骤40中图像引擎模块将各SVG格式的界面文件对应的矢量图形、点阵图像和文本的内容按机顶盒的分辨率绘制在电视屏幕得到的对应图片结果保存在机顶盒内存中，当下次再使用其中一SVG格式的界面文件时，直接从机顶盒内存中提取对应的图片结果并显示在电视屏幕上；

步骤60、当机顶盒的分辨率发生改变时，将机顶盒内存中保存的所述图片结果删除，机顶盒的xml文件的解析模块对各SVG格式的界面文件重新进行解析，同时所述图像引擎模块并按照新的分辨率来绘制机顶盒的界面，显示在电视屏幕上，同时生成该分辨率下新的图片结果进行保存。

Images