CN106802800A - 图形界面的生成方法及显示设备 - Google Patents

Abstract

本发明涉及一种图形界面的生成方法及显示设备，其中，图形界面的生成方法，包括：存储图文库，所述图文库包括图形及/或文字的轮廓文件；提供所述图文库的API供调用，所述图文库的API用于调用所述图文库内指定的轮廓文件，并将该所述轮廓文件放到所述图形界面的指定位置；获取待绘制所述图形界面的信息，其包括绘制所述图形界面所需的图形及/或文字，以及所述图形及/或文字在所述图形界面上的位置；根据获取的所述图形界面的信息调用所述图文库的API绘制所述图形界面。上述图形界面的生成方法，简化了图文库的制作过程，令图文库的制作灵活性更高，缩短制作新字体的时间，并且还能够大幅度减少使用该方法的显示设备运行时图文库所占用的内存。

Description

图形界面的生成方法及显示设备

技术领域

本发明涉及显示技术领域，具体涉及一种图形界面的生成方法及应用该方法的显示设备。

背景技术

随着科技的发展，电子设备的种类日趋增多，其图形界面的设计及性能也逐渐受到商家及消费者的重视。

目前，显示设备采用的图形界面的生成方法其所使用的图文库内具有大量信息，如文字的位置信息、文字的轮廓信息等，不仅令图文库的设计复杂，制作时间较长，而且显示设备在生成图形界面时，还会占用较大的内存。

发明内容

本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种使用内存较小、图文库设计简单的图形界面生成方法及应用该方法的显示设备。

一种图形界面的生成方法，包括：

存储图文库，所述图文库包括图形及/或文字的轮廓文件；

提供所述图文库的API供调用，所述图文库的API用于调用所述图文库内指定的轮廓文件，并将该所述轮廓文件放到所述图形界面的指定位置；

获取待绘制所述图形界面的信息，其包括绘制所述图形界面所需的图形及/或文字，以及所述图形及/或文字在所述图形界面上的位置；

根据获取的所述图形界面的信息调用所述图文库的API绘制所述图形界面。

其中一个实施例中，所述图形界面的信息还包括所述图形及/或文字的颜色，所述图文库的API还用于将指定的颜色填充于指定的所述轮廓文件的轮廓内。

其中一个实施例中，所述轮廓文件存储有填充指定颜色的轮廓。

其中一个实施例中，所述图形界面的信息还包括需要绘制的图形及/或文字的轮廓的尺寸，所述图文库的API还用于比较需要绘制的轮廓与所述轮廓文件存储的轮廓的尺寸以获得第一缩放比例，以根据所述第一缩放比例缩放所述轮廓文件。

其中一个实施例中，所述图文库还包括索引表，所述索引表存储有所述轮廓文件的字符信息、所述轮廓文件的地址信息。

其中一个实施例中，当绘制所述图形界面中的文字时，所述图文库的API根据所述字符信息索引所述图文库的所述索引表，并根据索引结果调用与该文字对应的所述轮廓文件；

当绘制所述图形界面中的图形时，所述图文库的API根据获取的该图形的所述地址信息索引所述图文库的所述索引表，并根据索引结果调用与该图形对应的所述轮廓文件。

其中一个实施例中，所述索引表还存储有所述轮廓宽度及/或高度的显示像素信息。

其中一个实施例中，至少部分所述轮廓文件宽度及/或高度的实际像素所占字节数相同。

其中一个实施例中，所述图文库包括多个子库，每个所述子库中各所述轮廓文件的宽度及高度的实际像素所占字节数均相同。

其中一个实施例中，所述根据所述图文库的API提供的信息绘制所述图形界面前，所述图形界面的生成方法还包括：

将所述图形库的API处理后的数据发送至帧缓冲抽象层中。

其中一个实施例中，若显示所述图形界面的显示设备更改分辨率，所述将所述图形库的API接收及生成的数据发送至帧缓冲抽象层中后，所述图形界面的生成方法还包括比较所述显示设备更改前的分辨率与更改后的分辨率，获取第二缩放比例，并根据所述第二缩放比例缩放所述图形界面。

其中一个实施例中，所述轮廓文件为RGB格式。

其中一个实施例中，所述图形界面为多个，所述图形界面的生成方法还包括：

存储所述图形界面的管理表，所述管理表内存储有每个所述图形界面的信息，以及每个所述图形界面的地址信息。

一种显示设备，包括：

图文库，所述图文库包括图形及/或文字的轮廓文件；

所述图文库的API，用于调用所述图文库内指定的轮廓文件，并将该所述轮廓文件放到所述图形界面的指定位置；

布局模块，存储有待绘制所述图形界面的信息，其包括绘制所述图形界面所需的图形及/或文字，以及所述图形及/或文字在所述图形界面上的位置；

API调用模块，用于根据所述布局模块中存储的所述图形界面的信息调用所述图文库的API绘制所述图形界面。

其中一个实施例中，所述布局模块中存储的所述图形界面的信息还包括所述图形及/或文字的颜色，所述图文库的API还用于将指定的颜色填充于指定的所述轮廓文件的轮廓内。

其中一个实施例中，所述轮廓文件存储有填充指定颜色的轮廓。

其中一个实施例中，所述布局模块中存储的所述图形界面的信息还包括需要绘制的图形及/或文字的轮廓的尺寸，所述图文库的API还用于比较需要绘制的轮廓与所述轮廓文件存储的轮廓的尺寸以获得第一缩放比例，以根据所述第一缩放比例缩放所述轮廓文件。

其中一个实施例中，所述显示设备还包括缩放模块，当所述显示设备更改分辨率时，用于比较所述显示设备更改前的分辨率与更改后的分辨率，获取第二缩放比例，并根据所述第二缩放比例缩放所述图形界面。

其中一个实施例中，所述显示设备还包括帧缓冲抽象层，用于响应所述图形库的API处理后的数据，处理所述数据并转发至所述显示设备的硬件层。

其中一个实施例中，所述显示设备还包括所述图形界面的管理表，所述管理表内存储有每个所述图形界面的信息，以及每个所述图形界面的地址信息。

上述图形界面的生成方法，只需在图文库内存储轮廓文件，即仅需要存储文字及/或图形的轮廓信息，无需存储其它信息，其通过图文库的API为轮廓文件提供其他信息，例如，轮廓文件在图形界面上的位置信息，以调用轮廓文件并绘制图形界面。相比传统的图形界面生成方法，不仅大大简化了图文库的制作过程，而且图文库在制作时无需依赖传统方法中制作字体所使用的专用软件，令图文库的制作灵活性更高，缩短制作新字体的时间。此外，上述图文库还能够大幅度减少使用该方法的显示设备运行时图文库所占用的内存。

附图说明

下面将结合附图及实施例对本发明作进一步说明，附图中：

图1为本发明图形界面的生成方法一实施例的流程图；

图2为本发明图形界面的生成方法一实施例的流程图。

具体实施方式

为了便于理解本发明，下面将参照相关附图对本发明进行更全面的描述。附图中给出了本发明的较佳实施方式。但是，本发明可以以许多不同的形式来实现，并不限于本文所描述的实施方式。相反地，提供这些实施方式的目的是使对本发明的公开内容理解的更加透彻全面。

如图1所示，其为本发明图形界面的生成方法一实施例的流程图10。

一种图形界面的生成方法，包括：

步骤101、存储图文库，图文库包括图形及/或文字的轮廓文件。

图文库至少包括绘制图形界面所需的图形及/或文字的轮廓文件。一实施例中，图文库内仅包括绘制图形界面需要的图形及/或文字的轮廓文件，以减少制作时间及使用时的内存。其他实施例中，图文库也可以包括常规字库内的全部文字，以及常规图形。

图文库可以包括多个子库，以方便管理及调取图文库内的轮廓文件。例如，图文库包括两个子库，其中一个子库内存储有文字的轮廓文件，另外一个子库内存储有图形的轮廓文件。又如，当图文库内具有多种字体的轮廓文件时，每种字体的轮廓文件位于一与其对应的一个子库内，即多种字体具有多个子库。再如，图文库中包括多国语言的轮廓文件，将每种语言的轮廓文件存储于一单独的子库内。

轮廓文件包括存储的图形及/或文字的轮廓。一实施例中，一个轮廓文件内仅存储有一文字或一图形的轮廓，且各轮廓文件内存储的图形或文字的轮廓相异。其中，各轮廓可根据需要进行绘制，如绘制自定义字体的轮廓，或者特殊图形的轮廓。

其他实施例中，一个轮廓文件内也可以存储多个文件或多个图形的轮廓。或者，一个轮廓文件内即存储了文字又存储了图形的轮廓。此外，当轮廓文件内仅存储一文字或图形的轮廓时，部分轮廓文件内存储的图形或文字的轮廓也可以相同。

需要说明的是，至少部分轮廓文件宽度及/或高度的实际像素所占字节数相同。例如，当文字需要横向阅读时，轮廓文件宽度的实际像素所占字节相同，以方便排布该轮廓文件。又如，当文字需要纵向阅读时，轮廓文件高度的实际像素所占字节相同。

一实施例中，图文库中所有轮廓文件的宽度及高度的实际像素均相同，以方便制作与排布。其他实施例中，也可以令每个子库中各轮廓文件的宽度及高度的实际像素所占字节数相同。

一实施例中，轮廓文件为RGB格式，以使轮廓文件被调用后无需解码便可直接读取。其他实施例中，轮廓文件也可以为其它格式，例如，JPG、PNG、BMG等。

步骤102、提供图文库的API供调用，图文库的API用于调用图文库内指定的轮廓文件，并将该轮廓文件放到图形界面的指定位置。

步骤103、获取待绘制图形界面的信息，其包括绘制图形界面所需的图形及/或文字，以及图形及/或文字在图形界面上的位置。

其中，图形界面被分成多个组件，每个组件的轮廓均被存储于图文库的一轮廓文件内，图形界面通过各组件组合而成。获取图形界面信息时，获取图形界面所需的组件，以及各组件在图形界面上的位置，以为图文库的API提供信息。

一实施例中，图形界面包括文字组件、基本图形组件，其中每个文字为一文字组件，每个基本图形为一基本图形组件，此时，图文库中与各组件对应的轮廓文件中存储有一文字或者一基本图形的轮廓。

其他实施例中，也可以多个文字为一个组件，或者多个基本图形为一个组件，又或者每个组件中即包括文字又包括基本图形。

需要说明的是，一实施例中，可以应用C语言描述图形界面的信息，以令图形界面的生成方法更易普及。

步骤104、根据获取的图形界面的信息调用图文库的API绘制图形界面。

具体的，图文库还包括索引表，索引表存储有轮廓文件的字符信息、轮廓文件的地址信息。其中，当轮廓文件内存储的轮廓为图形时，可省略该轮廓文件的字符信息。根据获取的图形界面所需的图形及/或文字指定图文库的API索引所述索引表，获取待调用的轮廓文件信息，并调用轮廓文件；根据获取的所需图形及/或文字在图形界面上的位置信息，指定API将调用的轮廓文件放置于图形界面的该位置上。

当调用图文库中与图形界面中的文字对应的轮廓文件时，图文库的API根据字符信息索引图文库的索引表，并根据索引结果调用与该文字对应的轮廓文件。具体的，图文库的API将获取的图形界面信息中的文字与索引表中的字符信息进行比对，以获取需要的轮廓文件，并调用该轮廓文件。当调用图文库中与图形界面中的图形对应的轮廓文件时，图文库的API根据获取的该图形在索引表中的地址信息索引图文库的索引表，并根据索引结果调用与该图形对应的轮廓文件。

需要说明的是，索引表还存储有轮廓宽度及/或高度的显示像素信息，以在图形界面中更好地排布轮廓文件。具体的，在排布多个轮廓文件时可根据多个轮廓文件存储的轮廓的宽度及/或高度的显示像素信息，对相邻两个轮廓文件之间的距离进行调整。

上述图形界面的生成方法，只需在图文库内存储轮廓文件，即仅需要存储文字及/或图形的轮廓信息，无需存储其它信息，其通过图文库的API为轮廓文件提供其他信息，例如，轮廓文件在图形界面上的位置信息，以调用轮廓文件并绘制图形界面。相比传统的图形界面生成方法，不仅大大简化了图文库的制作过程，而且图文库在制作时无需依赖传统方法中制作字体所使用的专用软件，令图文库的制作灵活性更高，缩短制作新字体的时间。此外，上述图文库还能够大幅度减少运行时占用的内存。

根据实际需要，当生成彩色的图形界面时，一实施例中，图形界面的信息还包括图形及/或文字的颜色，图文库的API还用将指定的颜色填充于指定的轮廓文件的轮廓内，此时，步骤103中，还需获取绘制图形界面所需的图形及/或文字的颜色，步骤104中，还包括调用的图文库的API根据获取的图形界面信息，获取该轮廓文件指定的颜色，并将该颜色填充于轮廓文件的轮廓内。需要说明的是，上述方法也可以为所有组件填充相同的颜色，即上述方法也可以应用于生成单色的图形界面。

其他实施例中，也可以令轮廓文件存储有填充指定颜色的轮廓，此时，直接调用存储有填充指定颜色的轮廓文件，并将其放置于图形界面的相应位置上，以绘制图形界面。

也可以结合上述两种方法，生成彩色的图形界面，即部分轮廓文件通过API为其填充颜色，部分轮廓文件内直接存储有填充有颜色的轮廓。例如，图形界面中部分组件为单色，部分组件为彩色，绘制单色组件时，可通过API为轮廓文件的轮廓指定填充颜色，当绘制彩色组件时，轮廓文件内存储有填充有颜色的轮廓。

需要说明的是，制作图文库时，图文库内的轮廓文件也可以存储具有颜色的轮廓，此时仍可以通过调用API为已具有颜色的轮廓上色，API填充的颜色覆盖该轮廓之前存储的颜色。

当需要绘制的组件的轮廓与图文库中存储的轮廓尺寸相异时，图形界面的信息还包括需要绘制的图形及/或文字的轮廓的尺寸，图文库的API还用于比较需要绘制的轮廓与轮廓文件存储的轮廓的尺寸以获得第一缩放比例，以根据第一缩放比例缩放轮廓文件。步骤103中，还需获取绘制图形界面所需的图形及/或文字的轮廓的尺寸。步骤104中，还包括调用的图文库的API根据获取的图形界面信息，获取第一缩放比例，并根据第一缩放比例缩放轮廓文件，以获取该轮廓需要的尺寸。例如，图文库的API指示软件Scaler Engine进行缩放，又如图文库的API可以直接对轮廓文件进行缩放。

具体的，获取需要绘制的图形及/或文字的轮廓的宽度或高度像素，将获取的像素信息与图文库中与该轮廓对应的轮廓文件的相应像素信息进行比对，即比对两者的宽度像素，或者比对两者的高度像素，以获取第一缩放比例。

这样，图文库内无需对同一字符存储不同尺寸的轮廓文件，仅需一个轮廓文件即可，需要不同尺寸的轮廓文件可通过缩放图文库内的轮廓文件得到，进一步简化图文库的制作，并减少运行内存。

如图2所示，其为本发明一实施例的流程图20。

一种图形界面的生成方法，包括：

步骤201、存储图文库，图文库包括图形及/或文字的轮廓文件。

步骤202、提供图文库的API供调用，图文库的API用于调用图文库内指定的轮廓文件，并将该轮廓文件放到图形界面的指定位置。

步骤203、获取待绘制图形界面的信息，其包括绘制图形界面所需的图形及/或文字，以及图形及/或文字在图形界面上的位置。

步骤204、根据获取的图形界面的信息调用图文库的API。

步骤205、将图文库的API处理后的数据发送至帧缓冲(Frame Buffer)抽象层中，以使应用本方法的软件能够在不同的硬件平台上使用。

步骤206、根据图文库的API发送至帧缓冲抽象层中的数据绘制图形界面，其包括调用指定的轮廓文件，并将其放置于图形界面指定的位置上。

需要说明的是，若显示图形界面的设备更改分辨率时，步骤205后，图形界面的生成方法还包括比较显示设备更改前的分辨率与更改后的分辨率，获取第二缩放比例，并根据比较结果缩放整个图形界面。需要说明的时，此时既可以通过图文库的API获取第二缩放比例，也可以通过设备上的其他软件获取。并且此时既可以通过图文库的API缩放整个图形界面，也可以通过其他软件缩放图形界面。根据实际情况，也可以省略步骤206。

此外，当图形界面为多个时，图形界面的生成方法还包括：存储图形界面的管理表，其中，管理表存储有每个图形界面的信息，以及每个图形界面的地址。即当图形界面为多个时，将每个图形界面的所有信息及该图形界面的地址存储到管理表中，以方便调用及管理。

一种显示设备，包括：图文库、图文库的API、布局模块、API调用模块。其中，图文库包括图形及/或文字的轮廓文件；图文库的API用于调用图文库内指定的轮廓文件，并将该轮廓文件放到图形界面的指定位置；布局模块存储有待绘制图形界面的信息，其包括绘制图形界面所需的图形及/或文字，以及图形及/或文字在图形界面上的位置；API调用模块用于根据布局模块中存储的图形界面的信息调用图文库的API绘制图形界面。

根据实际需要，当生成彩色的图形界面时，布局模块中存储的图形界面的信息还包括图形及/或文字的颜色，图文库的API还用于将指定的颜色填充于指定的轮廓文件的轮廓内，以生成彩图形及/或文字。其他实施例中，也可以令轮廓文件存储有填充指定颜色的轮廓。

此外，当需要绘制的轮廓与图文库中存储的轮廓尺寸相异时，布局模块中存储的图形界面的信息还包括需要绘制的图形及/或文字的轮廓的尺寸，图文库的API还用于比较需要绘制的轮廓与轮廓文件存储的轮廓的尺寸以获得第一缩放比例，以根据第一缩放比例缩放轮廓文件。

显示设备还包括缩放模块，当显示设备更改分辨率时，用于比较显示设备更改前的分辨率与更改后的分辨率，获取第二缩放比例，并根据第二缩放比例缩放图形界面。需要说明的是，缩放模块既可以根据第一缩放比例缩放轮廓文件，也可以根据第二缩放比例缩放图形界面；或者，缩放模块也可以仅根据第二缩放比例缩放图形界面。

显示设备还包括帧缓冲抽象层，用于响应图形库的API处理后的数据，处理数据并转发至显示设备的硬件层，以令图文库、图文库的API、布局模块、API调用模块能够在不同硬件上使用。

显示设备还包括图形界面的管理表，管理表内存储有每个图形界面的信息，以及每个图形界面的地址信息。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (20)

1.一种图形界面的生成方法，其特征在于，包括：

存储图文库，所述图文库包括图形及/或文字的轮廓文件；

提供所述图文库的API供调用，所述图文库的API用于调用所述图文库内指定的轮廓文件，并将该所述轮廓文件放到所述图形界面的指定位置；

获取待绘制所述图形界面的信息，其包括绘制所述图形界面所需的图形及/或文字，以及所述图形及/或文字在所述图形界面上的位置；

根据获取的所述图形界面的信息调用所述图文库的API绘制所述图形界面。

2.根据权利要求1所述的图形界面的生成方法，其特征在于，所述图形界面的信息还包括所述图形及/或文字的颜色，所述图文库的API还用于将指定的颜色填充于指定的所述轮廓文件的轮廓内。

3.根据权利要求1所述的图形界面的生成方法，其特征在于，所述轮廓文件存储有填充指定颜色的轮廓。

4.根据权利要求1所述的图形界面的生成方法，其特征在于，所述图形界面的信息还包括需要绘制的图形及/或文字的轮廓的尺寸，所述图文库的API还用于比较需要绘制的轮廓与所述轮廓文件存储的轮廓的尺寸以获得第一缩放比例，以根据所述第一缩放比例缩放所述轮廓文件。

5.根据权利要求1所述的图形界面的生成方法，其特征在于，所述图文库还包括索引表，所述索引表存储有所述轮廓文件的字符信息、所述轮廓文件的地址信息。

6.根据权利要求5所述的图形界面的生成方法，其特征在于，当绘制所述图形界面中的文字时，所述图文库的API根据所述字符信息索引所述图文库的所述索引表，并根据索引结果调用与该文字对应的所述轮廓文件；

当绘制所述图形界面中的图形时，所述图文库的API根据获取的该图形的所述地址信息索引所述图文库的所述索引表，并根据索引结果调用与该图形对应的所述轮廓文件。

7.根据权利要求5所述的图形界面的生成方法，其特征在于，所述索引表还存储有所述轮廓宽度及/或高度的显示像素信息。

8.根据权利要求1或7所述的图形界面的生成方法，其特征在于，至少部分所述轮廓文件宽度及/或高度的实际像素所占字节数相同。

9.根据权利要求8所述的图形界面的生成方法，其特征在于，所述图文库包括多个子库，每个所述子库中各所述轮廓文件的宽度及高度的实际像素所占字节数均相同。

10.根据权利要求1所述的图形界面的生成方法，其特征在于，所述根据所述图文库的API提供的信息绘制所述图形界面前，所述图形界面的生成方法还包括：

将所述图形库的API处理后的数据发送至帧缓冲抽象层中。

11.根据权利要求10所述的图形界面的生成方法，其特征在于，若显示所述图形界面的显示设备更改分辨率，所述将所述图形库的API接收及生成的数据发送至帧缓冲抽象层中后，所述图形界面的生成方法还包括比较所述显示设备更改前的分辨率与更改后的分辨率，获取第二缩放比例，并根据所述第二缩放比例缩放所述图形界面。

12.根据权利要求1所述的图形界面的生成方法，其特征在于，所述轮廓文件为RGB格式。

13.根据权利要求1所述的图形界面的生成方法，其特征在于，所述图形界面为多个，所述图形界面的生成方法还包括：

存储所述图形界面的管理表，所述管理表内存储有每个所述图形界面的信息，以及每个所述图形界面的地址信息。

14.一种显示设备，其特征在于，包括：

图文库，所述图文库包括图形及/或文字的轮廓文件；

所述图文库的API，用于调用所述图文库内指定的轮廓文件，并将该所述轮廓文件放到所述图形界面的指定位置；

布局模块，存储有待绘制所述图形界面的信息，其包括绘制所述图形界面所需的图形及/或文字，以及所述图形及/或文字在所述图形界面上的位置；

API调用模块，用于根据所述布局模块中存储的所述图形界面的信息调用所述图文库的API绘制所述图形界面。

15.根据权利要求14所述的显示设备，其特征在于，所述布局模块中存储的所述图形界面的信息还包括所述图形及/或文字的颜色，所述图文库的API还用于将指定的颜色填充于指定的所述轮廓文件的轮廓内。

16.根据权利要求14所述的显示设备，其特征在于，所述轮廓文件存储有填充指定颜色的轮廓。

17.根据权利要求14所述的显示设备，其特征在于，所述布局模块中存储的所述图形界面的信息还包括需要绘制的图形及/或文字的轮廓的尺寸，所述图文库的API还用于比较需要绘制的轮廓与所述轮廓文件存储的轮廓的尺寸以获得第一缩放比例，以根据所述第一缩放比例缩放所述轮廓文件。

18.根据权利要求14所述的显示设备，其特征在于，所述显示设备还包括缩放模块，当所述显示设备更改分辨率时，用于比较所述显示设备更改前的分辨率与更改后的分辨率，获取第二缩放比例，并根据所述第二缩放比例缩放所述图形界面。

19.根据权利要求14所述的显示设备，其特征在于，所述显示设备还包括帧缓冲抽象层，用于响应所述图形库的API处理后的数据，处理所述数据并转发至所述显示设备的硬件层。

20.根据权利要求14所述的显示设备，其特征在于，所述显示设备还包括所述图形界面的管理表，所述管理表内存储有每个所述图形界面的信息，以及每个所述图形界面的地址信息。