CN105653755A - 一种基于sge图形库开发的汽车导航界面设计工具 - Google Patents

Abstract

本发明涉及汽车导航技术领域。一种基于SGE图形库开发的汽车导航界面设计工具，包括进行页面可视化编辑的界面编辑区、对每个控件元素进行属性设计的控件以及控件属性框、以树结构来管理和控制页面控件元素的页面元素管理器和对页面以简体中文、繁体中文以及英文中的任意一种形式生成二进制页面文件的输出单元。本发明克服了目前导航行业软件HMI设计效率低的不足，工具优势在于可以达到快速页面设计，对页面元素准确可视化定位以及样式设计，特别为导航仪复杂页面设计提供了有力支持，有效的将数据、页面和逻辑分开，并且可以支持多种语言本土化。

Description

一种基于SGE图形库开发的汽车导航界面设计工具

技术领域

本发明涉及汽车导航技术领域，尤其涉及汽车导航界面设计工具。

背景技术

目前WinCE平台汽车导航软件的操作界面的开发工作还是采用原始的代码的方式来定位页面元素和属性的设置，并且页面修改及维护极不方便。

发明内容

本发明的目的在于提供一种基于SGE图形库开发的汽车导航界面设计工具，解决以上技术问题。

本发明所解决的技术问题可以采用以下技术方案来实现：

一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，包括进行页面可视化编辑的界面编辑区、对每个控件元素进行属性设计的控件以及控件属性框、以树结构来管理和控制页面控件元素的页面元素管理器和对页面以简体中文、繁体中文以及英文中的任意一种形式生成二进制页面文件的输出单元。

本发明克服了目前导航行业软件HMI设计效率低的不足，工具优势在于可以达到快速页面设计，对页面元素准确可视化定位以及样式设计，特别为导航仪复杂页面设计提供了有力支持，有效的将数据、页面和逻辑分开，并且可以支持多种语言本土化(简体中文、繁体中文以及英文)。

通过汽车导航界面设计工具，快速生成多种语言版本的二进制页面文件，然后以资源的形式存储于导航软件中，并利用与汽车界面设计工具配套的导航器的UI引擎进行解析并渲染。

与所述汽车导航界面设计工具配套的UI引擎，包括根据页面索引号及语言类别将一个页面解析成一个树结构的UI文件解析模块、处理页面点击触发事件的UI消息以及事件处理模块和采用SGE图形库对树结构下面的每个控件元素进行递归渲染的UI页面渲染模块。

所述汽车导航界面设计工具利用SGE图形库实现对页面元素的可视化设计。

与所述汽车导航界面设计工具配套的UI引擎，基于SGE图形库对页面文件进行解析和渲染，并增加消息事件模块，实现页面的功能需求。

一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，利用SGE图形库对页面元素可视化设计，包括如下步骤：

步骤一，对控件元素的样式引入了图层的概念；

所述控件元素是基本控件和复杂控件中的任意一种；所述复杂控件是由基本控件和复杂控件属性构成；所述控件元素中基本控件元素的不同状态的样式分别利用文字层、单图层以及多图层的组合进行设置；

步骤二，对控件元素的属性进行设置；

步骤三，设计一个页面同时生成至少3个文件，分别对应至少三种语言，至少三种语言包括简体中文、繁体中文以及英文；

步骤四，对页面设计引入树结构的概念，将一个页面的所有控件元素根据从属关系构建成树结构，便于引擎的解析以及消息事件的传递；

步骤五，存储页面的定位以及样式属性(即生成的二进制的页面文件)，通过压缩机制生成一个资源文件，供UI引擎解析使用。

对控件元素的定义引入图层的概念，支持言本土化设置以及以Tree的形式管理以及控制页面所有控件元素，这样渲染页面和控件的消息传递都很方便。本发明能够加载设计好的页面文件，可以灵活修改页面文件。

所述复杂控件可以是列表、键盘、滑动条、滚动条中的任意一种。

基本控件可以是按钮。

所述复杂控件是列表，所述列表是由按钮和列表属性构成。

所述复杂控件是键盘，所述键盘是由那妞和键盘属性构成。

步骤一中，所述基本控件元素的状态的样式是按下、弹起、焦点、选中、失效中的任意一种。

所述基本控件元素的不同状态的样式均是由三种类型图层构成，设置不同的效果；

三种类型图层分别是文字层、单图层、多图层。

作为一种优选方案，步骤二中，控件元素的属性包括短按自动响应事件时间、长按响应事件时间、响应区域以及连续响应事件的时间间隔。

所述控件元素是按钮，以按钮的宽度、高度、上下左右边距宽度、左上角坐标原点、坐标原点的类型以及是否可见，作为按钮样式；

所述控件元素的属性包括按钮的状态、响应区域以及点击响应方式；

所述按钮的状态包括按下、弹起、焦点、选中、失效；

所述点击响应方式：无自动效果、自动短按、自动长按触发一次、自动长按直到弹起触发。

所述控件元素是键盘，以键盘的宽度、高度以及左上角坐标原点、是否可见以及皮肤个数作为键盘样式；通过当前使用皮肤索引作为键盘属性；皮肤由按钮构成，每个皮肤下设置至少两个按钮，并设置按钮所代表的的键值。

步骤四，引入树结构的概念管理一个页面上所有的控件元素；

树结构上每一个节点代表一个控件元素，页面节点下的第一层节点代表的是每一个控件元素，第二层是其控件元素的成员控件或者状态节点，依次类推，最小的节点就是图层节点；

首先，通过控制树结构的每个节点，相对应的触发该节点的控件元素，向UI编辑窗口发消息使其控件元素处于激活状态，然后对其控件元素进行编辑操作；然后，通过在UI编辑窗口对控件元素进行编辑，保存并发送消息给树结构使其节点数据得到更新。

步骤五中，页面文件的生成，通过收集树结构下所有文字层的节点数据，对其进行多种语言翻译操作，然后生成不同语言的页面文件，页面文件按照一定的数据格式以二进制的形式输出。本发明中页面文件指的是UI页面文件。

页面文件加载也就是对生成的UI页面文件进行解析加载。和生成页面文件相反的解析操作。将页面文件构建成树结构，从而灵活的对页面进行维护修改操作。

与所述汽车导航界面设计工具配套的UI引擎，基于SGE图形库对页面文件进行解析和渲染，包括如下步骤，

步骤一，解析页面文件，并将其构建成一个树结构，根据控件元素名称分配每个控件元素单独的ID；

步骤二，页面的渲染，根据树结构对页面的所有控件元素进行逐一渲染，最终都归结于图层的描画；

步骤三，将UI的按键消息(控件元素消息)发送到系统消息队列，然后传递给树结构，然后树结构根据发送消息的控件元素的ID触发该控件元素回调函数，实现功能需求；

步骤四，页面的迁移使用堆栈的方式，记录页面文件ID实现页面向前向后的迁移以及指定页面的迁移。

UI工具生成的页面二进制定位及属性设置的文件，通过导航软件的同样基于SGE图形库UI引擎，对页面文件进行解析和渲染，并增加消息事件传递，实现页面的功能需求。

本发明的有益效果是：

1)界面的设计更加简单高效。由于UI设计工具设计提供一种可视化的编辑环境，设计人员可以摆脱代码的枯燥低效的页面设计，对控件的效果以及属性的编辑更加高效，并且该工具将界面设计、数据以及逻辑有效的分开了，这样开发人员只需要关注控件的回调事件处理，将更多的精力用于核心逻辑的开发，提高产品质量。

2)页面的设计更加精细化。由于该UI工具引入了图层的概念，即控件元素的每种状态可以由文字层、单图层、多图层组合而成，这样界面设计人员就可以充分利用图层的概念对控件进行精细化设计，并且所见即所得。

3)生成的二进制页面文件，便于以后跨平台的移植。

具体实施方式

为了使本发明实现的技术手段、创作特征、达成目的与功效易于明白了解，下面进一步阐述本发明。

一种基于SGE图形库开发的汽车导航界面设计工具，包括进行页面可视化编辑的界面编辑区、对每个控件元素进行属性设计的控件以及控件属性框、以树结构来管理和控制页面控件元素的页面元素管理器和对页面以简体中文、繁体中文以及英文中的任意一种形式生成二进制页面文件的输出单元。本发明克服了目前导航行业软件HMI设计效率低的不足，工具优势在于可以达到快速页面设计，对页面元素准确可视化定位以及样式设计，特别为导航仪复杂页面设计提供了有力支持，有效的将数据、页面和逻辑分开，并且可以支持多种语言本土化(简体中文、繁体中文以及英文)。通过汽车导航界面设计工具，快速生成多种语言版本的二进制页面文件，然后以资源的形式存储于导航软件中，并利用与汽车界面设计工具配套的导航器的UI引擎进行解析并渲染。与所述汽车导航界面设计工具配套的UI引擎，UI引擎包括根据页面索引号及语言类别将一个页面解析成一个树结构的UI文件解析模块、处理页面点击触发事件的UI消息以及事件处理模块和采用SGE图形库对树结构下面的每个控件元素进行递归渲染的UI页面渲染模块。

汽车导航界面设计工具利用SGE图形库实现对页面元素的可视化设计。

与汽车导航界面设计工具配套的UI引擎，基于SGE图形库对页面文件进行解析和渲染，并增加消息事件模块，实现页面的功能需求。

汽车导航界面设计工具，利用SGE图形库对页面元素可视化设计，包括如下步骤：步骤一，对控件元素的样式引入了图层的概念；控件元素是基本控件和复杂控件中的任意一种；复杂控件是由基本控件和复杂控件属性构成；控件元素中基本控件元素的不同状态的样式分别利用文字层、单图层以及多图层的组合进行设置；步骤二，对控件元素的属性进行设置；步骤三，设计一个页面同时生成至少3个文件，分别对应至少三种语言，至少三种语言包括简体中文、繁体中文以及英文；步骤四，对页面设计引入树结构的概念，将一个页面的所有控件元素根据从属关系构建成树结构，便于引擎的解析以及消息事件的传递；步骤五，存储页面的定位以及样式属性(即生成的二进制的页面文件)，通过压缩机制生成一个资源文件，供UI引擎解析使用。对控件元素的定义引入图层的概念，支持言本土化设置以及以Tree的形式管理以及控制页面所有控件元素，这样渲染页面和控件的消息传递都很方便。本发明能够加载设计好的页面文件，可以灵活修改页面文件。

复杂控件可以是列表、键盘、滑动条、滚动条中的任意一种。

基本控件可以是按钮。

复杂控件是列表，列表是由按钮和列表属性构成。

复杂控件是键盘，键盘是由那妞和键盘属性构成。

步骤一中，基本控件元素的状态的样式是按下、弹起、焦点、选中、失效中的任意一种。

基本控件元素的不同状态的样式均是由三种类型图层构成，设置不同的效果；三种类型图层分别是文字层、单图层、多图层。

作为一种优选方案，步骤二中，控件元素的属性包括短按自动响应事件时间、长按响应事件时间、响应区域以及连续响应事件的时间间隔。

控件元素是按钮，以按钮的宽度、高度、上下左右边距宽度、左上角坐标原点、坐标原点的类型以及是否可见，作为按钮样式；控件元素的属性包括按钮的状态、响应区域以及点击响应方式；按钮的状态包括按下、弹起、焦点、选中、失效；点击响应方式：无自动效果、自动短按、自动长按触发一次、自动长按直到弹起触发。

控件元素是键盘，以键盘的宽度、高度以及左上角坐标原点、是否可见以及皮肤个数作为键盘样式；通过当前使用皮肤索引作为键盘属性；皮肤由按钮构成，每个皮肤下设置至少两个按钮，并设置按钮所代表的的键值。

步骤四，引入树结构的概念管理一个页面上所有的控件元素；树结构上每一个节点代表一个控件元素，页面节点下的第一层节点代表的是每一个控件元素，第二层是其控件元素的成员控件或者状态节点，依次类推，最小的节点就是图层节点；首先，通过控制树结构的每个节点，相对应的触发该节点的控件元素，向UI编辑窗口发消息使其控件元素处于激活状态，然后对其控件元素进行编辑操作；然后，通过在UI编辑窗口对控件元素进行编辑，保存并发送消息给树结构使其节点数据得到更新。

步骤五中，页面文件的生成，通过收集树结构下所有文字层的节点数据，对其进行多种语言翻译操作，然后生成不同语言的页面文件，页面文件按照一定的数据格式以二进制的形式输出。本发明中页面文件指的是UI页面文件。页面文件加载也就是对生成的UI页面文件进行解析加载。和生成页面文件相反的解析操作。将页面文件构建成树结构，从而灵活的对页面进行维护修改操作。

与汽车导航界面设计工具配套的UI引擎，基于SGE图形库对页面文件进行解析和渲染，包括如下步骤，步骤一，解析页面文件，并将其构建成一个树结构，根据控件元素名称分配每个控件元素单独的ID；步骤二，页面的渲染，根据树结构对页面的所有控件元素进行逐一渲染，最终都归结于图层的描画；步骤三，将UI的按键消息(控件元素消息)发送到系统消息队列，然后传递给树结构，然后树结构根据发送消息的控件元素的ID触发该控件元素回调函数，实现功能需求；步骤四，页面的迁移使用堆栈的方式，记录页面文件ID实现页面向前向后的迁移以及指定页面的迁移。

UI工具生成的页面二进制定位及属性设置的文件，通过导航软件的同样基于SGE图形库UI引擎，对页面文件进行解析和渲染，并增加消息事件传递，实现页面的功能需求。

本发明的有益效果是：

1)界面的设计更加简单高效。由于UI设计工具设计提供一种可视化的编辑环境，设计人员可以摆脱代码的枯燥低效的页面设计，对控件的效果以及属性的编辑更加高效，并且该工具将界面设计、数据以及逻辑有效的分开了，这样开发人员只需要关注控件的回调事件处理，将更多的精力用于核心逻辑的开发，提高产品质量。

2)页面的设计更加精细化。由于该UI工具引入了图层的概念，即控件元素的每种状态可以由文字层、单图层、多图层组合而成，这样界面设计人员就可以充分利用图层的概念对控件进行精细化设计，并且所见即所得。

3)生成的二进制页面文件，便于以后跨平台的移植。

以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。

Claims (10)

1.一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，包括进行页面可视化编辑的界面编辑区、对每个控件元素进行属性设计的控件以及控件属性框、以树结构来管理和控制页面控件元素的页面元素管理器和对页面以简体中文、繁体中文以及英文中的任意一种形式生成二进制页面文件的输出单元。

2.根据权利要求1所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，通过所述汽车导航界面设计工具，快速生成多种语言版本的二进制页面文件，然后以资源的形式存储于导航软件中，并利用与汽车界面设计工具配套的导航器的UI引擎进行解析并渲染；

所述UI引擎包括根据页面索引号及语言类别将一个页面解析成一个树结构的UI文件解析模块、处理页面点击触发事件的UI消息以及事件处理模块和采用SGE图形库对树结构下面的每个控件元素进行递归渲染的UI页面渲染模块。

3.根据权利要求1所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，利用SGE图形库对页面元素可视化设计，包括如下步骤：

步骤一，对控件元素的样式引入了图层的概念；

所述控件元素是基本控件和复杂控件中的任意一种；所述复杂控件是由基本控件和复杂控件属性构成；所述控件元素中基本控件元素的不同状态的样式分别利用文字层、单图层以及多图层的组合进行设置；

步骤二，对控件元素的属性进行设置；

步骤三，设计一个页面同时生成至少3个文件，分别对应至少三种语言，至少三种语言包括简体中文、繁体中文以及英文；

步骤四，对页面设计引入树结构的概念，将一个页面的所有控件元素根据从属关系构建成树结构，便于引擎的解析以及消息事件的传递；

步骤五，存储页面的定位以及样式属性，通过压缩机制生成一个资源文件，供UI引擎解析使用。

4.根据权利要求3所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，所述复杂控件是列表、键盘、滑动条、滚动条中的任意一种。

5.根据权利要求3所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，步骤一中，所述基本控件元素的状态的样式是按下、弹起、焦点、选中、失效中的任意一种。

6.根据权利要求5所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，所述基本控件元素的不同状态的样式均是由三种类型图层构成，设置不同的效果；

三种类型图层分别是文字层、单图层、多图层。

7.根据权利要求3所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，所述控件元素是按钮，以按钮的宽度、高度、上下左右边距宽度、左上角坐标原点、坐标原点的类型以及是否可见，作为按钮样式；

所述控件元素的属性包括按钮的状态、响应区域以及点击响应方式；

所述按钮的状态包括按下、弹起、焦点、选中、失效；

所述点击响应方式：无自动效果、自动短按、自动长按触发一次、自动长按直到弹起触发。

8.根据权利要求4所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，所述控件元素是键盘，以键盘的宽度、高度以及左上角坐标原点、是否可见以及皮肤个数作为键盘样式；通过当前使用皮肤索引作为键盘属性；皮肤由按钮构成，每个皮肤下设置至少两个按钮，并设置按钮所代表的的键值。

9.根据权利要求3所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，步骤四，引入树结构的概念管理一个页面上所有的控件元素；

树结构上每一个节点代表一个控件元素，页面节点下的第一层节点代表的是每一个控件元素，第二层是其控件元素的成员控件或者状态节点，依次类推，最小的节点就是图层节点；

首先，通过控制树结构的每个节点，相对应的触发该节点的控件元素，向UI编辑窗口发消息使其控件元素处于激活状态，然后对其控件元素进行编辑操作；然后，通过在UI编辑窗口对控件元素进行编辑，保存并发送消息给树结构使其节点数据得到更新。

10.根据权利要求2所述的一种基于SGE图形库开发的汽车导航界面设计工具，其特征在于，所述UI引擎基于SGE图形库对页面文件进行解析和渲染，包括如下步骤，

步骤一，解析页面文件，并将其构建成一个树结构，根据控件元素名称分配每个控件元素单独的ID；

步骤二，页面的渲染，根据树结构对页面的所有控件元素进行逐一渲染，最终都归结于图层的描画；

步骤三，将控件元素消息发送到系统消息队列，然后传递给树结构，然后树结构根据发送消息的控件元素的ID触发该控件元素回调函数，实现功能需求；

步骤四，页面的迁移使用堆栈的方式，记录页面文件ID实现页面向前向后的迁移以及指定页面的迁移。