CN112734880A - 一种基于嵌入式人机界面的矢量图显示方法与终端 - Google Patents

Abstract

本发明公开了一种基于嵌入式人机界面的矢量图显示方法；本发明加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示；本发明节省了大量***资源；且本发明不需要安装SVG动态库，较大地节省了设备的存储空间。

Description

一种基于嵌入式人机界面的矢量图显示方法与终端

技术领域

本发明涉及计算机技术领域，特别涉及一种基于嵌入式人机界面的矢量图显示方法与终端。

背景技术

SVG(可放缩的矢量图形)是W3C(World Wide Web ConSortium，国际互联网标准组织)在2000年8月制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG是完全基于XML(Extensible Markup Language，可扩展置标语言)，并能和上述各项技术相融会的新一代的网络图像格式。SVG并非仅仅是一种图像格式，由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的XML内容，各个不同的SVG图形可以方便地组合，构成新的SVG图形。SVG采用文本来描述矢量化的图形，这使得SVG图像文件可以像HTML网页一样有着很好的可读性。因此，SVG图形在嵌入式设备中得到广泛的运用。

SVG图形的使用意味着需要在嵌入式设备中安装SVG动态库。而SVG动态库文件较大，对于嵌入式小内存设备来说无法腾出更多空间存储该动态库文件。SVG库中包含太多不需要但是又非常复杂的处理方法，例如滤镜、阴影效果、模糊处理、贝塞尔曲线、剪切和遮罩等。这些内容在嵌入式设备中不仅没用，即使用了也会非常的占用CPU，以至于整体的体验受到影响。

因此，使用在嵌入式设备中使用SVG矢量图形具有以下缺点：

1、图片中局部区域图形变化需要修改图形描述文本，后续必须重新加载并绘制整个图形，浪费***资源；

2、SVG动态库文件较大，需要占用较大的设备存储空间。

发明内容

本发明所要解决的技术问题是：提供一种基于嵌入式人机界面的矢量图显示方法与终端，降低嵌入式设备的***资源的消耗并节省设备的存储空间。

为了解决上述技术问题，本发明采用的技术方案为：

一种基于嵌入式人机界面的矢量图显示方法，包括：

S1、加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；

S2、根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；

S3、接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示。

为了解决上述技术问题，本发明采用的另一种技术方案为：

一种基于嵌入式人机界面的矢量图显示终端，包括处理器、存储器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

S1、加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；

S2、根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；

S3、接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示。

本发明的有益效果在于：本发明加载保存有多个状态图形信息的PVG矢量图形，并缓存其中的状态图形，使得进行状态切换时，不需要如SVG图形般修改图形描述文本并重新加载，直接选择对应的状态图形进行显示即可，节省了大量***资源；且本发明不需要安装SVG动态库，从而降低了需要安装的库文件大小，较大地节省了设备的存储空间。

附图说明

图1为本发明实施例的一种基于嵌入式人机界面的矢量图显示方法的流程图；

图2为本发明实施例的一种基于嵌入式人机界面的矢量图显示终端的结构图；

图3为本发明实施例的一种基于嵌入式人机界面的矢量图显示方法的详细流程图；

图4为本发明实施例的一种基于嵌入式人机界面的矢量图显示方法的PVG图形的内容示意图；

标号说明：

1、一种基于嵌入式人机界面的矢量图显示终端；2、处理器；3、存储器。

具体实施方式

为详细说明本发明的技术内容、所实现目的及效果，以下结合实施方式并配合附图予以说明。

请参照图1以及图3，一种基于嵌入式人机界面的矢量图显示方法，包括：

S1、加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；

S2、根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；

S3、接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示。

从上述描述可知，本发明的有益效果在于：本发明加载保存有多个状态图形信息的PVG矢量图形，并缓存其中的状态图形，使得进行状态切换时，不需要如SVG图形般修改图形描述文本并重新加载，直接选择对应的状态图形进行显示即可，节省了大量***资源；且本发明不需要安装SVG动态库，从而降低了需要安装的库文件大小，较大地节省了设备的存储空间。

进一步地，所述加载预设的PVG图形具体为：

在预设部件的显示位置加装对应预设部件的PVG图形，并分别对所述PVG图形中的各个状态图形进行加载。

由上述描述可知，将PVG图形加装在对应预设部件的显示位置，并进行加载，从而使显示面板在后续能够在该位置显示对应预设部件状态的图标。

进一步地，所述步骤S2中的选择对应的所述状态图形和所述文本信息进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示；

所述步骤S3中的从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示。

由上述描述可知，本发明不需要使用SVG动态库，直接调用***的原生函数进行绘制和显示，因此避免了使用SVG动态库带来的许多如模糊处理、贝塞尔曲线和滤镜的不必要操作和CPU占用，从而提高了整体的运行速度，使操作和画面更加流畅。

进一步地，所述***原生函数包括原生图形绘制显示函数和原生文本绘制显示函数；

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示；

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示。

由上述描述可知，图形信息调用原生图形绘制显示函数进行绘制和显示，文本信息则调用原生文本绘制显示函数进行绘制和显示，具有针对性。

进一步地，所述显示条件信息包含各个所述状态图形对应的部件的状态编号；

所述步骤S2具体为：

根据设备中所述PVG图形对应的所述预设部件当前的第一运行状态得到第一状态编号，根据所述第一状态编号和所述显示条件信息选择对应的第一状态图形和第一文本信息进行绘制并显示；

所述步骤S3具体为：

接收用户的操作请求，执行所述操作请求并对应改变所述预设部件的运行状态为第二运行状态，得到第二状态编号，根据所述第二状态编号和显示条件信息从缓存中选取对应的第二状态图形和第二文本信息进行绘制并显示。

由上述描述可知，本发明通过对部件的运行状态进行编号，并通过状态编号和现实条件信息选取对应的状态图形进行显示，保证每个状态都有对应的状态图进行显示，更加准确。

请参照图2，一种基于嵌入式人机界面的矢量图显示终端，包括处理器、存储器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：

S1、加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；

S2、根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；

S3、接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示。

从上述描述可知，本发明的有益效果在于：本发明加载保存有多个状态图形信息的PVG矢量图形，并缓存其中的状态图形，使得进行状态切换时，不需要如SVG图形般修改图形描述文本并重新加载，直接选择对应的状态图形进行显示即可，节省了大量***资源；且本发明不需要安装SVG动态库，从而降低了需要安装的库文件大小，较大地节省了设备的存储空间。

进一步地，所述加载预设的PVG图形具体为：

在预设部件的显示位置加装对应预设部件的PVG图形，并分别对所述PVG图形中的各个状态图形进行加载。

由上述描述可知，将PVG图形加装在对应预设部件的显示位置，并进行加载，从而使显示面板在后续能够在该位置显示对应预设部件状态的图标。

进一步地，，所述步骤S2中的选择对应的所述状态图形和所述文本信息进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示；

所述步骤S3中的从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示。

由上述描述可知，本发明不需要使用SVG动态库，直接调用***的原生函数进行绘制和显示，因此避免了使用SVG动态库带来的许多如模糊处理、贝塞尔曲线和滤镜的不必要操作和CPU占用，从而提高了整体的运行速度，使操作和画面更加流畅。

进一步地，所述***原生函数包括原生图形绘制显示函数和原生文本绘制显示函数；

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示；

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示。

由上述描述可知，图形信息调用原生图形绘制显示函数进行绘制和显示，文本信息则调用原生文本绘制显示函数进行绘制和显示，具有针对性。

进一步地，所述显示条件信息包含各个所述状态图形对应的部件的状态编号；

所述步骤S2具体为：

根据设备中所述PVG图形对应的所述预设部件当前的第一运行状态得到第一状态编号，根据所述第一状态编号和所述显示条件信息选择对应的第一状态图形和第一文本信息进行绘制并显示；

所述步骤S3具体为：

接收用户的操作请求，执行所述操作请求并对应改变所述预设部件的运行状态为第二运行状态，得到第二状态编号，根据所述第二状态编号和显示条件信息从缓存中选取对应的第二状态图形和第二文本信息进行绘制并显示。

由上述描述可知，本发明通过对部件的运行状态进行编号，并通过状态编号和现实条件信息选取对应的状态图形进行显示，保证每个状态都有对应的状态图进行显示，更加准确。

请参照图1、图3和图4，本发明的实施例一为：

一种基于嵌入式人机界面的矢量图显示方法，包括：

S1、加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；

其中，所述加载预设的PVG图形具体为：

在预设部件的显示位置加装对应预设部件的PVG图形，并分别对所述PVG图形中的各个状态图形进行加载。

本实施例中，工程师预先在PC端创建了一张PVG图形(part vector graphic，部件矢量图形)，也是一种通过特定文本进行描述的矢量化图形，其中包含图片的状态数量，以及每个状态的具体图形信息，使用status标签进行区分，并用状态编号id标识每个状态图形的显示条件信息。而后将PVG图形导入嵌入式设备。嵌入式设备在开机后，在预设部件的显示位置加装PVG图形，并分别对每个状态图进行加载，并且缓存起来，加载图形过程中还对文本标签进行了抽取。

S2、根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；

本实施例中，所述步骤S2具体为：

根据设备中所述PVG图形对应的所述预设部件当前的第一运行状态得到第一状态编号，根据所述第一状态编号和所述显示条件信息选择对应的第一状态图形和第一文本信息，调用***的原生图形绘制显示函数对所述第一状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述第一文本信息进行绘制并显示；

本实施例中，以嵌入式设备中一种开关部件的PVG图形进行说明，该开关部件具备两种状态，为开启和关闭，分别对应状态编号为0和1。在开始时该部件的运行状态为关闭，因此，根据状态编号0和显示条件信息选择对应的状态图形，如图4所示。嵌入式***调用***的原生图形绘制显示函数对状态图形进行绘制和显示。同理，文本信息也是一样，调用根据状态编号和显示条件信息选择对应的文本信息并使用原生文本绘制显示函数进行绘制和显示。

S3、接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示；

本实施例中，所述步骤S3具体为：

接收用户的操作请求，执行所述操作请求并对应改变所述预设部件的运行状态为第二运行状态，得到第二状态编号，根据所述第二状态编号和显示条件信息从缓存中选取对应的第二状态图形和第二文本信息，调用***的原生图形绘制显示函数对所述第二状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述第二文本信息进行绘制并显示；

本实施例中，当用户点击嵌入式面板，对开关进行了打开操作，则嵌入式***执行用户的操作，同时，由于部件的状态由关闭转为开启，对应的状态编号由0变为1，因此，根据状态编号1和现实条件信息从缓存中获取对应关闭状态的状态图形以及文本信息，分别调用***的原生图形绘制显示函数和原生文本绘制显示函数进行绘制和显示。

请参照图2，本发明的实施例二为：

一种基于嵌入式人机界面的矢量图显示终端1，包括处理器2、存储器3及存储在存储器3上并可在处理器2上运行的计算机程序，所述处理器2执行所述计算机程序时实现以上实施例一中的步骤。

综上所述，本发明提供的一种基于嵌入式人机界面的矢量图显示方法与终端，本发明加载保存有多个状态图形信息的PVG矢量图形，并缓存其中的状态图形，使得进行状态切换时，不需要如SVG图形般修改图形描述文本并重新加载，直接选择对应的状态图形进行显示即可，节省了大量***资源；且本发明不需要安装SVG动态库，从而降低了需要安装的库文件大小，较大地节省了设备的存储空间；且直接调用***原生的函数进行图形和文本的绘制和显示，避免了许多实用SVG动态库带来的不必要操作，减少了CPU占用，从而提高了整体的运行速度，使操作和画面更加流畅。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等同变换，或直接或间接运用在相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种基于嵌入式人机界面的矢量图显示方法，其特征在于，包括：

S1、加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；

S2、根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；

S3、接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示。

2.根据权利要求1所述的一种基于嵌入式人机界面的矢量图显示方法，其特征在于，所述加载预设的PVG图形具体为：

在预设部件的显示位置加装对应预设部件的PVG图形，并分别对所述PVG图形中的各个状态图形进行加载。

3.根据权利要求1所述的一种基于嵌入式人机界面的矢量图显示方法，其特征在于，所述步骤S2中的选择对应的所述状态图形和所述文本信息进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示；

所述步骤S3中的从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示。

4.根据权利要求3所述的一种基于嵌入式人机界面的矢量图显示方法，其特征在于，所述***原生函数包括原生图形绘制显示函数和原生文本绘制显示函数；

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示；

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示。

5.根据权利要求1所述的一种基于嵌入式人机界面的矢量图显示方法，其特征在于，所述显示条件信息包含各个所述状态图形对应的部件的状态编号；

所述步骤S2具体为：

根据设备中所述PVG图形对应的所述预设部件当前的第一运行状态得到第一状态编号，根据所述第一状态编号和所述显示条件信息选择对应的第一状态图形和第一文本信息进行绘制并显示；

所述步骤S3具体为：

接收用户的操作请求，执行所述操作请求并对应改变所述预设部件的运行状态为第二运行状态，得到第二状态编号，根据所述第二状态编号和显示条件信息从缓存中选取对应的第二状态图形和第二文本信息进行绘制并显示。

6.一种基于嵌入式人机界面的矢量图显示终端，包括处理器、存储器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现以下步骤：

S1、加载预设的PVG图形，抽取所述PVG图形的文本信息，并对所述PVG图形中包含的各个状态图形进行缓存，预设的所述PVG图形包含预设部件的多个所述状态图形；

S2、根据当前设备的运行状态和所述状态图形的显示条件信息，选择对应的所述状态图形和所述文本信息进行绘制并显示；

S3、接收用户的操作请求，执行所述操作请求并对应改变设备状态，根据变化后的设备状态和所述状态图形的所述显示条件信息，从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示。

7.根据权利要求6所述的一种基于嵌入式人机界面的矢量图显示终端，其特征在于，所述加载预设的PVG图形具体为：

在预设部件的显示位置加装对应预设部件的PVG图形，并分别对所述PVG图形中的各个状态图形进行加载。

8.根据权利要求6所述的一种基于嵌入式人机界面的矢量图显示终端，其特征在于，所述步骤S2中的选择对应的所述状态图形和所述文本信息进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示；

所述步骤S3中的从缓存中选取对应设备当前状态的状态图形和文本信息进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示。

9.根据权利要求8所述的一种基于嵌入式人机界面的矢量图显示终端，其特征在于，所述***原生函数包括原生图形绘制显示函数和原生文本绘制显示函数；

选择对应的所述状态图形和所述文本信息，调用***的原生函数进行绘制并显示具体为：

选择对应的所述状态图形和所述文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示；

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生函数进行绘制并显示具体为：

从缓存中选取对应设备当前状态的状态图形和文本信息，调用***的原生图形绘制显示函数对所述状态图形进行绘制并显示，调用***的原生文本绘制显示函数对所述文本信息进行绘制并显示。

10.根据权利要求6所述的一种基于嵌入式人机界面的矢量图显示终端，其特征在于，所述显示条件信息包含各个所述状态图形对应的部件的状态编号；

所述步骤S2具体为：

根据设备中所述PVG图形对应的所述预设部件当前的第一运行状态得到第一状态编号，根据所述第一状态编号和所述显示条件信息选择对应的第一状态图形和第一文本信息进行绘制并显示；

所述步骤S3具体为：

接收用户的操作请求，执行所述操作请求并对应改变所述预设部件的运行状态为第二运行状态，得到第二状态编号，根据所述第二状态编号和显示条件信息从缓存中选取对应的第二状态图形和第二文本信息进行绘制并显示。

Images