CN102081520A - 嵌入式硬盘录像机的图形用户界面创建方法及其系统 - Google Patents

Abstract

本发明涉及硬盘录像机，公开了一种嵌入式硬盘录像机的图形用户界面创建方法及其系统。本发明中，通过更直观的图形界面进行GUI的界面设计，并且可使用Windows模拟器直接模拟相应DVR界面，显示效果，因此方便了开发人员对GUI的开发与调试，有效提高了工作效率。而且，由于开发人员可以通过模拟器查看生成的代码的DVR界面，实现了一整套的开发设计调试过程，无需跨平台开发。进一步地，可通过加载已存在的UI文件，根据加载的UI文件重新生成界面布局，以便开发人员在原先设计的界面基础上，展开新的设计操作，即实现了对一套界面的多次开发。

Description

嵌入式硬盘录像机的图形用户界面创建方法及其系统

技术领域

本发明涉及硬盘录像机，特别涉及嵌入式硬盘录像机中的图形用户界面。

背景技术

嵌入式硬盘录像机(Digital Video Recorder，简称“DVR”)是一套进行图像存储处理的计算机系统，具有对图像/语音进行长时间录像、录音、远程监视和控制的功能，相对传统的磁带记录的录像机。现今的DVR大多采用的是双核处理器方式：数字信号处理器(Digital Signal Processor，简称“DSP”)芯片处理图像/语音等；一块通用处理器负责处理DVR上运行的各种应用程序。

DVR中采用图形方式显示的计算机操作用户界面称为图形用户界面(Graphical User Interface，简称“GUI”)，又称图形用户接口。与早期计算机使用的命令行界面相比，图形界面对于用户来说更为简便易用。在GUI中的控件是对界面数据和方法的封装。控件可以有自己的属性和方法。属性是控件数据的简单访问者。方法则是控件的一些简单而可见的功能。

目前，开发人员创建一套GUI的过程如下：

通过编写代码进行界面设计，即将准备实现的界面利用一套代码进行表示。然后，将编写的源代码输入DVR设备，在设备上运行该源代码，如果显示的界面与预期的不一致，则通过对该源代码的修改，进行调试。

然而，利用编写代码进行界面设计的方式，效率低下，不利于GUI的开发，而且设计的界面正确与否，还需通过将源代码输入设备运行后，才能判断，也不利于开发人员对界面的调试。

发明内容

本发明的目的在于提供一种嵌入式硬盘录像机的图形用户界面创建方法及其系统，方便了开发人员对GUI的开发与调试，有效提高了工作效率，也实现了GUI的跨平台开发。

为解决上述技术问题，本发明的实施方式提供了一种嵌入式硬盘录像机的图形用户界面创建方法，包含以下步骤：

通过图形用户界面GUI自动设计工具，进行嵌入式硬盘录像机的GUI的界面设计；

根据设计的界面，生成用于记录界面布局及控件信息的UI文件、源代码文件和用于在模拟器中记录界面布局及控件信息的cfg资源文件；

根据cfg资源文件和源代码文件，在显示器上模拟出嵌入式硬盘录像机的GUI，在嵌入式硬盘录像机中，根据cfg资源文件和源代码文件，创建GUI。

本发明的实施方式还提供了一种嵌入式硬盘录像机的图形用户界面创建系统，包含：

界面设计单元，用于提供图形用户界面GUI自动设计工具，供用户进行嵌入式硬盘录像机的GUI的界面设计；

生成单元，用于根据设计的界面，生成用于记录界面布局及控件信息的UI文件、源代码文件和用于在模拟器中记录界面布局及控件信息的cfg资源文件；

模拟单元，用于根据生成的cfg资源文件和源代码文件，在显示器上模拟出嵌入式硬盘录像机的GUI；

GUI创建单元，用于根据生成的cfg资源文件和源代码文件，在嵌入式硬盘录像机中创建GUI。

本发明实施方式与现有技术相比，主要区别及其效果在于：

以图形界面的方式供用户进行GUI的界面设计，在生成用于记录界面布局及控件信息的UI文件、源代码文件和用于在模拟器中记录界面布局及控件信息的cfg资源文件后，根据cfg资源文件和源代码文件，在显示器上模拟出嵌入式硬盘录像机的GUI；在嵌入式硬盘录像机中，根据cfg资源文件和源代码文件，创建GUI。由于通过更直观的图形界面进行GUI的界面设计，并且可使用Windows模拟器直接模拟相应DVR界面，显示效果，因此方便了开发人员对GUI的开发与调试，有效提高了工作效率。而且，由于开发人员可以通过模拟器查看生成的代码的DVR界面，实现了一整套的开发设计调试过程，无需跨平台开发。

进一步地，在根据设计的界面生成源代码文件时，通过导入统一规范的模板代码生成该源代码文件，使得生成的源代码为符合部门级规范的GUI代码，提高了代码的规范性及可读性，也可很好的满足开发者和项目管理者对代码质量和风格的要求。

进一步地，可通过加载已存在的UI文件，根据加载的UI文件重新生成界面布局，以便开发人员在原先设计的界面基础上，展开新的设计操作，即实现了对一套界面的多次开发。

进一步地，在进行界面设计时，可以调用对齐或调整间距功能，对设计的界面进行调整，完善了界面布局。

附图说明

图1是根据本发明第一实施方式的嵌入式硬盘录像机的GUI创建方法总体框图；

图2是根据本发明第一实施方式的嵌入式硬盘录像机的GUI创建方法流程图；

图3是根据本发明第一实施方式中提供的GUI自动设计工具界面图；

图4是根据本发明第一实施方式中需要设计的界面布局图；

图5是根据本发明第一实施方式中在电脑上模拟的GUI效果示意图；

图6是根据本发明第二实施方式的嵌入式硬盘录像机的GUI创建方法流程图；

图7是根据本发明第三实施方式的嵌入式硬盘录像机的GUI创建系统结构图。

具体实施方式

在以下的叙述中，为了使读者更好地理解本申请而提出了许多技术细节。但是，本领域的普通技术人员可以理解，即使没有这些技术细节和基于以下各实施方式的种种变化和修改，也可以实现本申请各权利要求所要求保护的技术方案。

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明的实施方式作进一步地详细描述。

本发明的核心在于，在PC上提供GUI自动设计工具，供用户通过人机交互设备进行嵌入式硬盘录像机的GUI的界面设计；

根据设计的界面，生成用于记录界面布局及控件信息的UI文件、源代码文件和用于在模拟器中记录界面布局及控件信息的cfg资源文件；

根据cfg资源文件和源代码文件，在显示器上模拟出嵌入式硬盘录像机的GUI，在嵌入式硬盘录像机中，根据cfg资源文件和源代码文件，创建GUI。

本发明第一实施方式涉及一种嵌入式硬盘录像机的图形用户界面创建方法。在本实施方式中，使用到的资源包括：

两个GUI库：MFC库(微软GUI基本类库)，模拟器minigui库；其中，MFC库用于一开始的界面设计，minigui库用于在显示器上模拟GUI显示效果时生成模拟运行文件。

多个不同格式的文件：用于记录界面布局及控件信息的UI文件，用于在模拟器中记录界面布局及控件信息的cfg资源文件，进行代码编译操作的指令性文件Makefile、用于记录模拟器工程目录信息的dep文件和源代码文件。

本实施方式的总体框图如图1所示，通过调用MFC库，提供GUI自动设计工具，供开发人员通过人机交互设备(例如键盘和鼠标)进行界面设计，选择有关控件在界面画板上排布出对应布局，同时在属性界面输入有关数据。随后，通过操作命令调用代码生成模块，该模块功能会根据之前操作生成的信息产生记录界面布局的UI文件，向模拟程序使用的cfg资源文件(即用于在模拟器中记录界面布局及控件信息的资源文件，本申请中将该资源文件称为cfg资源文件，同时由于DVR界面使用了同模拟器一样但操作系统平台不同的minigui库，所以该资源文件同时可以用于DVR界面)写入新的对应资源，产生Makefile及模拟器工程目录dep文件及最关键的源代码文件。最后，用户可以通过编译命令调用minigui库生成模拟运行文件，在产生对应的自动运行批处理文件基础上，通过运行命令，运行模拟运行文件在用户显示器上模拟出与DVR上类似的界面效果。如果模拟的DVR设备上的GUI能使开发人员满意，则在DVR设备中，即可根据模拟器目录下的cfg资源文件和源代码文件，在DVR设备中创建GUI。

本实施方式的具体流程如图2所示，有三个独立的程序入口点：配置环境变量，新建和加载。

配置环境变量是指：记录vc(Visual Studio)编译器有关的路径信息，用来在后面调用vc的cl编译器编译新生成源代码及有关资源文件，如步骤201和步骤202所示。

新建是指：设置新增源码文件的文件名同时新建对应的画板和控件选择栏界面，是一般的界面设计操作的入口，如步骤203和步骤204所示。

加载是指：加载已存在的UI文件，根据加载的UI文件重新生成界面布局。也就是说，如果存在记录界面布局的UI文件，可以选择加载功能加载这一UI文件，程序将会自动生成画板，控件选择栏，并在画板界面上产生对应的界面及控件布局。这一步骤之后，就可以直接展开新的设计操作，如步骤205至步骤207所示。通过加载已存在的UI文件，根据加载的UI文件重新生成界面布局，以便开发人员在原先设计的界面基础上，展开新的设计操作，即实现了对一套界面的多次开发。

接着，进入步骤208中，设计界面，配置有关属性。具体地说，首先在界面控件栏选择需要的控件，然后将其放置到界面画板区域适合位置。在画板上，可以将控件拖放至任意位置，可以在控件和画板的右键菜单里修改两者有关属性信息(此处的画板代表了控件所在的背景界面)，可以删除不需要的控件。

接着，在步骤209中，判断开发人员需要执行的操作直接保存还是进行编译及运行。如果开发人员选择的是直接保存，则进入步骤210，如果开发人员选择的是进行编译及运行，则进入步骤213。

在步骤210中，将界面布局及控件信息写入cfg资源文件中。

接着，在步骤211中，生成记录界面布局及控件信息的UI文件，并将生成的UI文件保存到指定目录下。

接着，在步骤212中，通过导入统一规范的模板代码，生成设计的界面的源代码文件，并将生成的源代码文件保存到指定目录下。通过导入统一规范的模板代码生成该源代码文件，使得生成的源代码为符合部门级规范的GUI代码，提高了代码的规范性及可读性，也可很好的满足开发者和项目管理者对代码质量和风格的要求。

由此可见，在步骤210至步骤212中，将根据布局信息生成有关代码和UI文件，同时更新模拟器cfg资源文件，并将UI文件和源代码文件保存到指定目录，以便在需要重复多次设计时使用该保存到指定目录下的UI文件。

如果在步骤209中选择的是编译及运行，则进入步骤213。步骤213与步骤210相同，在此不再赘述。

在步骤214中，生成记录界面布局及控件信息的UI文件，并将生成的UI文件保存到模拟器指定目录下。

接着，在步骤215中，通过导入统一规范的模板代码，生成设计的界面的源代码文件，并将生成的源代码文件保存到模拟器指定目录下。也就是说，步骤213至步骤215与步骤210至步骤212大致相同，区别仅在于保存的目录不同。

接着，在步骤216中，生成Makefile及dep文件。

接着，在步骤217中，进行编译操作，即执行该Makefile，将源代码文件和模拟器工程统一编译，并同时生成自动运行所需的批处理文件。

接着，在步骤218中，选择运行，在PC上模拟出DVR设备上的GUI显示效果。也就是说，程序将通过运行在步骤217中生成的批处理文件，得到对应的模拟程序界面。如果模拟的DVR设备上的GUI能使开发人员满意，则在DVR设备中，即可根据模拟器目录下的cfg资源文件和源代码文件，在DVR设备中创建GUI。

不难发现，由于在本实施方式中，通过更直观的图形界面进行GUI的界面设计，将根据界面布局及配置信息，自动生成有关界面代码(即源代码文件)，并且可使用Windows模拟器直接模拟相应DVR界面，显示效果。因此方便了开发人员对GUI的开发与调试，有效提高了工作效率。而且，由于开发人员可以通过模拟器查看生成的代码的DVR界面，实现了一整套的开发设计调试过程，无需跨平台开发。而且，由于在生成代码的同时同步生成了记录界面布局及属性有关信息的UI文件，因此如果需要在开发中中断一下设计过程或是调整以前的设计，可以直接导入UI文件再进行有关编辑操作。

值得一提的是，在本实施方式中，提供的GUI自动设计工具可如图3所示，进行界面设计时，主要就是从右侧的控件栏点击选中需要的控件放到左侧的画板界面上。在完成界面布局后，如果直接需要代码，可以选择工具栏文件选项下的保存操作，将代码保存到指定路径；如果要在PC上看实际效果，先进入配置选项配置下vc环境变量，将Visual Studio的vcvars32.bat文件的路径配一下(由于需要链接vc的cl编译器，所以需要同步安装vc开发工具-Visual Studio 6.0以上版本)，然后点击工具栏上编译选项下的编译命令，即将在附带的模拟器程序里生成有关代码并将其编译打包成exe文件，最后点击编译选项下的运行命令，即可弹出实际效果类似的界面。假定需要设计的界面布局如图4所示，则经过模拟器运行在用户电脑上模拟的效果，将如图5所示。由此可见，用户可以借此很方便的查看自己开发的界面是否符合需求同时很直观的发现界面上不美观的地方并予以修改。

本发明第二实施方式涉及一种嵌入式硬盘录像机的图形用户界面创建方法。第二实施方式在第一实施方式的基础上进行了改进，主要改进之处在于：在本实施方式中，在进行界面设计时，还可调用对齐或间距功能，对设计的界面进行调整，如图6所示，通过调用对齐或调整间距功能完善布局。

需要说明的是，本发明的各方法实施方式均可以以软件、硬件、固件等方式实现。不管本发明是以软件、硬件、还是固件方式实现，指令代码都可以存储在任何类型的计算机可访问的存储器中(例如永久的或者可修改的，易失性的或者非易失性的，固态的或者非固态的，固定的或者可更换的介质等等)。同样，存储器可以例如是可编程阵列逻辑(Programmable Array Logic，简称“PAL”)、随机存取存储器(Random Access Memory，简称“RAM”)、可编程只读存储器(Programmable Read Only Memory，简称“PROM”)、只读存储器(Read-Only Memory，简称“ROM”)、电可擦除可编程只读存储器(Electrically Erasable Programmable ROM，简称“EEPROM”)、磁盘、光盘、数字通用光盘(Digital Versatile Disc，简称“DVD”)等等。

本发明第三实施方式涉及一种嵌入式硬盘录像机的图形用户界面创建系统。如图7所示，该系统包含：

界面设计单元，用于在PC上提供GUI自动设计工具，供用户通过人机交互设备进行嵌入式硬盘录像机的GUI的界面设计。该界面设计单可通过调用M FC库，提供GUI自动设计工具。

生成单元，用于根据设计的界面，生成用于记录界面布局及控件信息的UI文件、源代码文件和用于在模拟器中记录界面布局及控件信息的cfg资源文件。该生成单元在生成所述源代码文件时，导入统一规范的模板代码生成该源代码文件。

模拟单元，用于根据生成的cfg资源文件和源代码文件，在显示器上模拟出嵌入式硬盘录像机的GUI。

GUI创建单元，用于根据生成的cfg资源文件和源代码文件，在嵌入式硬盘录像机中创建GUI。

保存单元，用于将生成单元生成的cfg资源文件和源代码文件，保存的到指定目录下。

其中，生成单元还用于生成进行代码编译操作的指令性文件、用于记录模拟器工程目录信息的dep文件。模拟单元包含以下子单元：

编译子单元，用于执行该进行代码编译操作的指令性文件，将源代码文件和模拟器工程统一编译，并同时生成自动运行所需的批处理文件；

运行子单元，用于运行批处理文件，结合cfg资源文件在显示器上模拟出GUI。

界面设计单元包含以下子单元：

新建子单元，用于新建一个待设计的空白界面，并定义该待设计的界面的源代码文件的名称。

加载子单元，用于加载已存在的UI文件，根据加载的UI文件重新生成界面布局。

不难发现，第一实施方式是与本实施方式相对应的方法实施方式，本实施方式可与第一实施方式互相配合实施。第一实施方式中提到的相关技术细节在本实施方式中依然有效，为了减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第一实施方式中。

本发明第四实施方式涉及一种嵌入式硬盘录像机的图形用户界面创建系统。

第四实施方式在第三实施方式的基础上进行了改进，主要改进之处在于：本实施方式中的界面设计单元中还包含：

调整子单元，用于调用对齐或调整间距功能，对设计的界面进行调整。

不难发现，第二实施方式是与本实施方式相对应的方法实施方式，本实施方式可与第二实施方式互相配合实施。第二实施方式中提到的相关技术细节在本实施方式中依然有效，为了减少重复，这里不再赘述。相应地，本实施方式中提到的相关技术细节也可应用在第二实施方式中。

需要说明的是，本发明各系统实施方式中提到的各单元都是逻辑单元，在物理上，一个逻辑单元可以是一个物理单元，也可以是一个物理单元的一部分，还可以以多个物理单元的组合实现，这些逻辑单元本身的物理实现方式并不是最重要的，这些逻辑单元所实现的功能的组合是才解决本发明所提出的技术问题的关键。此外，为了突出本发明的创新部分，本发明上述各设备实施方式并没有将与解决本发明所提出的技术问题关系不太密切的单元引入，这并不表明上述设备实施方式并不存在其它的单元。

虽然通过参照本发明的某些优选实施方式，已经对本发明进行了图示和描述，但本领域的普通技术人员应该明白，可以在形式上和细节上对其作各种改变，而不偏离本发明的精神和范围。

Claims (16)

1.一种嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，包含以下步骤：

通过图形用户界面GUI自动设计工具，进行所述嵌入式硬盘录像机的GUI的界面设计；

根据所述设计的界面，生成用于记录界面布局及控件信息的UI文件、源代码文件和用于在模拟器中记录界面布局及控件信息的cfg资源文件；

根据所述cfg资源文件和源代码文件，在显示器上模拟出嵌入式硬盘录像机的GUI，在所述嵌入式硬盘录像机中，根据所述cfg资源文件和源代码文件，创建GUI。

2.根据权利要求1所述的嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，还包含以下步骤：

在生成所述UI文件、源代码文件和cfg资源文件时，还生成进行代码编译操作的指令性文件、用于记录模拟器工程目录信息的dep文件；

在显示器上模拟出GUI的步骤中，包含以下子步骤：

执行所述指令性文件，将所述源代码文件和模拟器工程统一编译，并同时生成自动运行所需的批处理文件；

运行所述批处理文件，结合所述cfg资源文件在显示器上模拟出GUI。

3.根据权利要求1所述的嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，在根据所述设计的界面生成源代码文件时，通过导入统一规范的模板代码生成所述源代码文件。

4.根据权利要求1所述的嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，所述进行界面设计的步骤中包含以下子步骤：

加载已存在的UI文件，根据加载的UI文件重新生成界面布局。

5.根据权利要求1所述的嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，所述进行界面设计的步骤中包含以下子步骤：

新建一个待设计的空白界面，并定义该待设计的界面的源代码文件的名称。

6.根据权利要求1所述的嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，在生成所述UI文件、源代码文件和cfg资源文件后，还包含以下步骤：

将生成的所述UI文件和源代码文件，保存的到指定目录下。

7.根据权利要求1至6中任一项所述的嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，通过调用微软GUI基本类库，提供所述GUI自动设计工具。

8.根据权利要求1至6中任一项所述的嵌入式硬盘录像机的图形用户界面创建方法，其特征在于，所述进行界面设计的步骤中包含以下子步骤：

调用对齐或调整间距功能，对所述设计的界面进行调整。

9.一种嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，包含：

界面设计单元，用于提供图形用户界面GUI自动设计工具，供用户进行所述嵌入式硬盘录像机的GUI的界面设计；

生成单元，用于根据所述设计的界面，生成用于记录界面布局及控件信息的UI文件、源代码文件和用于在模拟器中记录界面布局及控件信息的cfg资源文件；

模拟单元，用于根据所述生成的cfg资源文件和源代码文件，在显示器上模拟出嵌入式硬盘录像机的GUI；

GUI创建单元，用于根据所述生成的cfg资源文件和源代码文件，在所述嵌入式硬盘录像机中创建GUI。

10.根据权利要求9所述的嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，所述生成单元还用于生成进行代码编译操作的指令性文件、用于记录模拟器工程目录信息的dep文件；

所述模拟单元包含以下子单元：

编译子单元，用于执行所述指令性文件，将所述源代码文件和模拟器工程统一编译，并同时生成自动运行所需的批处理文件；

运行子单元，用于运行所述批处理文件，结合所述cfg资源文件在显示器上模拟出GUI。

11.根据权利要求9所述的嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，所述生成单元在生成所述源代码文件时，导入统一规范的模板代码生成所述源代码文件。

12.根据权利要求9所述的嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，所述界面设计单元包含以下子单元：

加载子单元，用于加载已存在的UI文件，根据加载的U I文件重新生成界面布局。

13.根据权利要求9所述的嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，所述界面设计单元包含以下子单元：

新建子单元，用于新建一个待设计的空白界面，并定义该待设计的界面的源代码文件的名称。

14.根据权利要求9所述的嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，还包含：

保存单元，用于将所述生成单元生成的所述UI文件和源代码文件，保存的到指定目录下。

15.根据权利要求9至14中任一项所述的嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，所述界面设计单元中在提供所述GUI自动设计工具时，调用微软GUI基本类库。

16.根据权利要求9至14中任一项所述的嵌入式硬盘录像机的图形用户界面创建系统，其特征在于，所述界面设计单元中还包含：

调整子单元，用于调用对齐或调整间距功能，对所述设计的界面进行调整。

Images