CN101276277A - 源代码生成设备 - Google Patents

Abstract

本发明提供一种源代码生成设备，本发明的目的是通过在用于生成源代码和用来显示GUI的GUI显示数据的源代码生成设备中有效地设计与在多种运行环境中不同的设计的用户接口和从该编辑结果有效地输出源代码和GUI显示数据来提高软件开发、修改和维护的效率。为每一个用户接口组件管理在运行环境中不同的位置、尺寸、组件属性和事件动作，并允许独立地对它们进行编辑。利用这个配置，编辑根据运行环境而改变的信息片段和对运行环境通用的信息片段，并生成多种运行环境的源代码片段和GUI显示数据片段。

Description

源代码生成设备

技术领域

本发明涉及一种源代码生成设备，用于生成将由安装在便携式手持电话机等中的计算机执行的程序源代码，更具体地说，本发明涉及一种源代码生成设备，它通过编辑屏幕设计来生成用于生成GUI显示数据的源代码，该屏幕设计与计算机的多种不同的执行环境中的每一种环境对应并利用该GUI显示数据来显示GUI显示屏幕。

背景技术

已经按照传统开发了大量图形用户接口(GUI)库，用以构建屏幕作为标准图形用户接口组件的组合，并提供该GUI库以创建在程序开发工作中通用的用户接口部分。

GUI库的操作方法包括当从程序中调用GUI库时由使用的自变数(参数)静态地确定显示内容的方法，和在执行时由GUI库读取称为资源文件或存储了GUI设置的数据文件动态地确定显示内容，同时用于调用GUI库的程序在运行中的方法。还有采用这两种方法的GUI库。

对于静态地设置显示内容的GUI库，在调用者程序的源代码内描述GUI相关的设置值。相反，对于动态地设置显示内容的GUI库，在资源代码内记录GUI相关的设置值。

利用设计用户接口部件的GUI设计开发工具在显示屏幕上安排GUI组件同时预览实际的GUI显示图像来提高使用上述GUI库在程序中开发显示屏幕的工作的生产率。

这样的GUI设计开发工具动态地输出程序源代码，该程序源代码在从编辑结果中调用库时调用该库或由该库读取的资源文件。

在程序开发项目中，屏幕显示的环境经常根据基础硬件、操作系统、运行平台、执行时的设置值等而改变。这种情况的实例包括，在具有不同的屏幕尺寸的硬件块上执行单个程序的情况，作为运行平台的GUI库的版本是不同的，而且存在或缺少可选设施的情况，和由用户设置来改变显示设施的情况。

为了开发一种支持各种显示环境的程序，对于现有技术来说必须为一个屏幕作出在环境当中不同的多个GUI设计。这是因为如果硬件块具有不同的屏幕尺寸，小尺寸的屏幕需要改变诸如在小范围内安排用户接口组件，将用户接口组件的尺寸设置为小，以及缩短要显示的消息等等。

即使屏幕尺寸没有改变，在纵向和横向的显示可能需要取决于硬件结构。在此情况下，还需要重新布置每一个组件以在纵向和横向适合屏幕。这对进行许多屏幕的程序或显示复杂的屏幕的程序的开发者来说是一种重负。

如图31中所示的具有显示屏幕的便携式手持电话机3101的例子包括一个通过横向旋转屏幕而可用于纵向和横向的模型，如图32所示。便携式手持电话机3101要求纵向和横向屏幕的设计，其屏幕以上述方式变化。尽管这些屏幕具有构成的组件，例如通用的图片和“发送”按钮，但是每一个组件的位置和尺寸根据屏幕方向而改变。如上所述，即使多个屏幕具有许多通用的部分，但是对于传统的设计而言，必须为每一种执行环境进行每一个屏幕设计。

也许需要根据运行环境改变一部分操作。比如说，在其中输入焦点通过操作方向键在屏幕上安排的用户接口组件当中移动的程序中，经常根据规则移动焦点(例如，按照从左上方到右下方的顺序)。此时，如果该程序是组件布局根据屏幕方位而改变的程序，就需要改变焦点移动顺序来使可操作性标准化。还是在此情况下，必须准备一种根据组件布局来控制焦点的处理，并需要复杂的处理逻辑。

为了解决上述问题，之前的一些先进的GUI库自动计算每一个组件的位置信息并在屏幕尺寸设置改变时重新安排该组件。这些GUI库具有用来指定组件位置的设施，它不仅通过诸如x和y坐标那样的固定值，还通过距离屏幕左边沿的距离以及相对于指定组件的相对位置来指定该组件的位置，和通过组件相对于屏幕的比率来指定组件尺寸的设施。即使在以不同的屏幕尺寸调用GUI库时，该GUI库也自动改变每一个组件的位置，并支持具有以一种GUI设计的设置值的各种屏幕尺寸。

在程序开发中，GUI设计的编辑经常在进行中，同时检验程序的实际操作状态。更具体地说，通过在实际环境中或在调用了模拟程序或仿真程序的虚拟机器上运行程序来检验编辑GUI设计的结果。

GUI设计开发工具、具有组件重新安排软件的库和检验程序执行的环境的组合使其可能在检验以多个屏幕布局显示时开发GUI设计。

由于一个程序通过切换运行环境设置或切换运行环境平台在多种环境内运行，所以可能在每一种运行环境内切换操作条件时编辑GUI设计。输出从编辑结果中调用GUI库或GUI显示数据的源代码使其能够有效地进行开发工作。

GUI显示数据指的是除了源代码之外的数据，包含GUI显示控制信息片段，例如XML数据、二进制数据和文本数据，该文本数据由GUI库用来安排要显示的组件，设置诸如颜色、文本和图像的属性，并在调用事件动作时确定该事件动作。

有关上述技术的已知的文件的实例包括1998年的日本专利公开文件No.10-228372A，其中通过组合GUI显示程序和以格式文件定义的布局信息来允许自动的GUI布局，该GUI显示程序能够自动地改变显示的组件位置和尺寸。

发明内容

为了开发一种利用GUI库可由GUI设计程序开发中的多种运行环境共享的GUI设计，就必须创建在数量上与环境相对应的多个屏幕设计，或者使用支持自动重新安排的库。在执行根据运行环境而改变的处理的程序中，需要开发用于确定环境并执行为该环境所指定的单个处理。

如果进行数量上与运行环境相对应的GUI设计，不仅进行GUI设计的工作增加开发者的劳动，而且对GUI设计变化还需要更多的工作。

即使在屏幕共享用户接口组件和设施时，如果在屏幕当中的每一个用户接口组件在位置和尺寸上是不同的，就需要进行大量的GUI设计。检验源代码或根据需要从设计结果工作中生成的GUI显示数据的工作必须在数量上与运行环境相对应地多次执行。

就为屏幕添加新的组件而论，必须执行为多个GUI设计中的每一个设计添加工作，并适当地管理该GUI设计。

由于在一个工具中的指示单个屏幕的多条GUI设计信息片段(imformationpiece)经常彼此不联合工作，所以必须利用屏幕名称、注释等手动地管理它们。这降低了维护和改进的效率且往往引起差错。

一种利用支持自动重新安排的GUI库的方法可以只选择一种可由GUI库设置的布局。

比如，如果使用能够利用“固定值”或“相对于屏幕宽度的比率”以两种方式设置用户接口组件的横向尺寸的GUI库，那么除了其中可以在所有运行环境中将每一个用户组件的横向尺寸相对于屏幕宽度的比率设置成常数的程序以外，该GUI库无法应用到其他任何程序。比如，假设存在其横向屏幕尺寸范围是从200到1600像素的运行环境。在此情况下，在等于或大于特定尺寸的屏幕中，相对于该屏幕宽度的比率是固定的，而且在该用户组件的周围留出了大量的空间。相反，在小屏幕中，屏幕宽度太小，所以无法显示整个信息。

当屏幕尺寸落在特定范围之外时，尽管一般添加将固定值用作横向值的处理作为处理特定屏幕尺寸的困难的处理，该处理需要结合在固定值和可变值之间进行切换的处理的源代码。因此，不可能在一个工具上关联屏幕设计与源代码，而诸如组件尺寸和屏幕图案那样的因素就使复杂的维护成为必要。

同样应用于这样一种情况，其中根据运行环境来切换要执行的处理。由于在一个工具中的GUI设计和源代码并不自动地相互关联，因此就必须利用源代码内的说明或注释来手动地管理运行环境与处理逻辑之间的关联。

如果出现了组件添加、屏幕尺寸改变等，则用于标识由屏幕设计改变的影响的范围和适当地修改源代码的工作量是大的，而且降低了维护与改进的效率。

本发明已经考虑到上述问题，而且其目的就在于提供一种源代码生成设置，它利用在多个运行环境中不同的设计有效地设计用户接口和有效地输出GUI显示数据片段及在运行环境中不同的源代码片段来改善程序开发、修改和维护工作的效率，其中该程序包含GUI显示数据。

为了实现上述目的，根据本发明，提供一种源代码生成设备，用于生成将由计算机执行的程序的源代码和在显示屏幕上显示用户接口组件的GUI显示数据，该源代码生成设备包括存储装置和GUI显示数据生成装置，该存储装置用于独立地编辑每一个用户接口组件的组件元素信息片段并存储与多个运行环境信息片段相关的组件元素信息片段和源代码，该组成元素信息片段包括位置、尺寸、组件属性和在运行环境中不同的事件动作，该GUI显示数据生成装置基于存储的组件元素信息片段和源代码生成对应于指定的一种运行环境的用户接口组件的GUI显示数据，利用GUI显示数据显示用户接口组件，并输出GUI显示数据和源代码。

该源代码生成设备进一步包括利用GUI显示数据在编辑屏幕上预览用户接口组件的装置。

该源代码生成设备进一步包括根据运行环境从要输出的源代码和GUI显示数据之一的对象表中排除至少一个用户接口组件的装置。

根据本发明的源代码生成设备具有以下优点：

(1)如果存在多种运行环境，其中源代码生成设备产品对该运行环境输出源代码和GUI显示数据，就有可能通过独立地指定和编辑组件元素信息片段来编辑和生成程序的源代码和GUI显示数据，该程序包含每一种运行环境的最佳的屏幕设计，该组件元素信息片段包括有关一个屏幕设计的位置、尺寸、属性和在运行环境中不同的事件动作；

(2)在程序的GUI设计开发中，可以通过设计时在源代码生成设备上的一个屏幕内预览和检验设计结果和与多种运行环境相对应的事件动作来减少为检验程序的实际操作所需要的工作；以及

(3)如果一些用户接口组件在多种运行环境中的特定的一种运行环境下变得不必要，就有可能通过进行带有删除的不必要的用户接口组件的GUI设计并生成源代码或GUI显示数据自动地执行对用户接口组件控制和GUI设计相关管理所需处理的描述。

附图说明

图1是表示本发明实施例的系统结构图；

图2是表示根据本发明实施例的处理源代码程序的数据的设施和片段的功能方块图；

图3是表示操作屏幕实例的示意图；

图4显示表示环境表和组件表以及它们之间的关联的实例的示意图；

图5显示表示对环境表和组件表添加运行环境的示意图；

图6是表示屏幕表的实例的示意图；

图7是表示原型表的实例的示意图；

图8是表示资源表的实例的示意图；

图9是表示材料表的实例的示意图；

图10是表示在系统启动时的处理流程的示意图；

图11是表示GUI设计处理的流程的示意图；

图12是表示运行环境切换操作实例的示意图；

图13是表示基于另一种运行环境设计的屏幕设计运行环境的屏幕时的操作实例的示意图；

图14是表示运行环境切换处理流程的示意图；

图15是表示源代码生成处理流程的示意图；

图16是表示生成的源代码实例的示意图；

图17是表示生成的GUI显示数据实例的示意图；

图18是表示在本发明实施例中通过执行最高级处理的function_main()进行处理的流程图；

图19是表示在本发明实施例中通过执行初始处理的function_initialize()进行处理的流程图；

图20是表示在本发明实施例中通过执行新屏幕创建处理的new_scereen()进行处理的流程图；

图21是表示在本发明实施例中通过执行对GUI编辑窗口添加组件的处理的new_component()进行处理的流程图；

图22是表示在本发明实施例中通过执行GUI编辑处理的handle_gui()进行处理的流程图；

图23是表示在本发明实施例中通过执行属性编辑处理的handle_property()进行处理的流程图；

图24是表示在本发明实施例中通过执行事件编辑处理的handle_action()进行处理的流程图：

图25是表示在本发明实施例中通过执行资源编辑处理的handle_resource()进行处理的流程图；

图26是表示在本发明实施例中通过执行运行环境编辑处理的handle_environment()进行处理的流程图；

图27是表示在本发明实施例中通过执行源生成处理的generate_source()进行处理的流程图；

图28是表示在本发明实施例中通过执行编辑屏幕绘制处理的redraw()进行处理的流程图；

图29是表示在本发明实施例中通过执行源代码生成处理的generate_source(screen)进行处理的流程图；

图30是表示在本发明实施例中通过生成显示在屏幕上设置的组件的显示状态的预览屏幕的preview(screen，env)进行处理的流程图；

图31是表示具有可用于纵向和横向的显示屏幕的便携式手持电话机的实例的外形图；以及

图32是表示具有可用于纵向和横向的显示屏幕的便携式手持电话机的实例的外形图。

具体实施方式

以下将描述源代码生成设备的实施例，该源代码生成设备对本发明所应用的多种运行环境进行GUI设计。

图1是表示本发明的实施例的系统结构图。

根据这个实施例的源代码生成设备包括处理器1、输入设备2、显示设备3、GUI设计信息文件4、资源文件5、多个材料数据文件6、源文件7、GUI显示数据文件8、存储器9、CPU 10和现有的设计信息文件99。输入设备2包括键盘输入设备21和指向输入设备22。在存储器9内执行源代码生成程序91和操作系统92。

图2是表示源代码生成程序91要处理的设施、表格和数据片段的方框图。

源代码生成程序91包括GUI编辑设施(facility)101、组件属性编辑设施102、事件动作编辑设施103、运行环境选择设施104、用户接口组件提供设施105、资源管理设施106、GUI设计信息文件输入/输出设施111、资源文件输入/输出设施112、源代码生成设备113和GUI显示数据生成设施114。源代码生成程序91具有其中记录GUI设计信息的GUI设计信息文件4、用于管理材料数据信息的资源文件5、其中记录各自的材料数据片段的多个材料数据文件6，其中每一个材料数据片段都是构成GUI一部分的一个用户接口组件的图像或字符串集合，具有其中记录由传统技术开发的设计信息的现有的设计信息文件99、用于管理从GUI设计信息文件4读出的指定屏幕信息的屏幕表201、用于管理从GUI设计信息文件4读出的诸如用户接口组件的位置、属性和事件动作的组件元素信息片段的组件表202，这些组成元素信息片段例，用于管理从GUI设计信息文件4读出的运行环境信息的环境表203、用于管理预先登记的用户接口组件的类型和原型的信息的原型表204，用于管理从信息文件5读出的材料数据信息的资源表205、将多个材料数据文件6的内容读入其中的材料表206、作为从GUI设计结果合成的可视显示结果图像的多个预览屏幕301、表示从源代码生成设施113和GUI显示数据生成设施114产生的处理结果的结果信息302、从GUI设计结果生成的源代码303和从GUI设计结果生成的GUI显示数据304。源代码生成程序91利用源代码生成设施113向源文件7输出源代码303，并利用GUI显示数据生成设施114向GUI显示数据文件8输出GUI显示数据304。

由于数据保存处理，源代码生成程序91向GUI设计信息文件4输出屏幕表201和组件表202的内容，并向资源文件5输出资源表205的内容。

图3表示在这个实施例的源代码生成设备的显示设备上显示的屏幕实例。

该设备的屏幕50a包括提供窗口51a的组件、GUI编辑窗口52a、事件编辑窗口53a、运行环境选择窗口54a、组件属性显示窗口55a和资源管理窗口56a。在屏幕50a的一部分中显示“新屏幕”按钮57a和“生成源”按钮58a。

在GUI编辑窗口52a中显示用户接口组件521a、522a和523a的预览图像。

在图2中，当源代码生成设备在运行中时生成数据片段，用参考数字40来表示在存储器9内生成的数据片段，并用参考数据41来表示作为文件存在的数据片段。然而，在该实施例中，该结构是基于有关安装的假设的，并基于是否在存储器9内设置每一个数据片段或者做为文件并不局限与此。

图4和5都表示环境表203和组件表202以及它们的输入项之间的关联的实例的图。在图4中用参考符号203a和202a表示在添加新的运行环境的数据片段之前的表格状态，同时在图5中用参考符号203b和202b表示在添加新的运行环境的数据片段之后的表格状态。

环境表203a具有每一种运行环境的一个输入项，它包括VGA和QVGA，信息片段记录在输入项中，例如屏幕尺寸、颜色数和该运行环境的指定事件。

组件表202a具有在屏幕上安排的每一个GUI组件的输入项，例如按钮和文本，而且每一个输入项具有在环境表203a中保存的运行环境相对应的子输入项。一个组件的信息片段中，在该组件的每一个子输入项中记录取决于环境的信息片段，例如该组件的尺寸和位置。

在图4和5中以○标记的输入项是当前运行环境的输入项(在运行环境选择窗口内选择的运行环境)。

图6表示屏幕表201的实例。屏幕表201具有每一个屏幕的输入项，例如名称输入屏幕。该屏幕内有关GUI组件的信息片段中，在该输入项内记录一个与环境无关的信息片段，例如与该屏幕上安排的另一个组件的父子关系。

图6中的圆圈(○)和双圆圈(◎)分别指向在屏幕表201的输入项的GUI编辑窗口52a中正在显示的屏幕(以下称为“当前屏幕”)和在当前屏幕上安排的GUI组件的选定状态的屏幕。

图7表示原型表204的实例。GUI组件通常具有各种属性，例如边框厚度和显示的字体。GUI组件的属性取决于组件类型，例如按钮或文本。为一个组件的每一种情况确定一个属性值。

原型表204具有每一种GUI组件类型的输入项，并在该输入项内记录该类型组件的属性及其默认值。

注意，在组件表202内记录组件的一种情况的属性值。

图8表示资源表205的实例。资源指的是构成GUI屏幕的一部分的数据片段，例如字符串或图像。资源表205具有每一种资源的输入项，并在该输入项内保存识别该资源的标识符(资源ID)、诸如字符串或图像那样的数据类型(MIME类型)等。更具体地说，如果资源是串类型的，就保存字符串本身，而如果该资源是图像类型的，就保存到包含图像等的文件的路径。

图9表示材料表206的实例。材料指的是各种类型的数据、多媒体内容，例如图像、声音或运动图像。材料表206具有每一种材料的输入项，并在该输入项内记录识别该材料、到包含图像的文件的路径的标识符。

以下将描述具有上述结构的源代码生成设备的处理概要。

源代码生成设施113在编辑开始时根据用户指令利用GUI设计信息文件输入/输出设施111读出GUI设计信息文件4，以此来设置屏幕表201、组件表202和环境表203的内容。源代码生成设施113还利用资源文件输入/输出设施112读出资源文件5和多个材料数据文件6，以此来设置资源表205和材料表206。

源代码生成设施113从预编程的内容中生成原型表204。在准备该表之后，源代码生成设施113从屏幕表201、组件表202、资源表205和材料表206的内容中生成预览屏幕301，它表示屏幕上所安排的组件的显示状态，并显示该预览屏幕作为GUI编辑窗口52a的初始屏幕。源代码生成设施113在资源管理窗口56a内设置资源表205的内容，并清除和初始化该组件属性显示窗口55a和事件编辑窗口53a的内容。源代码生成设施113在组件提供窗口51a内设置原型表204的内容，并在运行环境选择窗口54a内显示环境表203的内容。在此之后，源代码生成设备进入等待用户操作的状态。

注意，这个实施例的源代码生成设备还可以使用现有的设计信息文件99，它是由传统技术创建的设计信息。根据本发明在GUI设计信息内记录每一种运行环境的每一个GUI组件的布局信息，如图4中组件表202a所示的。相反地，根据传统技术在一个GUI设计信息片段内记录一种运行环境的布局信息。根据本发明通过读取该文件可以使多个传统的GUI设计信息文件(现有的设计信息文件)99有效，并将它们结合到一个设计信息文件中。

图10表示启动时在源代码生成设备内的数据流。

当在等待用户操作的状态下要开始编辑GUI设计时，利用运行环境选择设施104选择要编辑的GUI设计的运行环境，并利用用户接口组件提供设施105创建一个新的屏幕。

通过屏幕添加操作，一个新的输入项添加到屏幕表201，并在GUI编辑窗口52a内显示无任何用户接口组件的空白屏幕的预览图像。

从组件提供窗口51a中为GUI编辑窗口52a内显示空白区域选择一个必要的用户接口组件，并以拖拉方式将其添加到GUI编辑窗口52a。

作为添加用户接口组件的结果，一个新的输入项添加到组件表202，反映该用户接口组件的图像的图形添加到GUI编辑设施101的预览图像。

在组件表202的输入项内存储环境表203中的每一个环境设置的诸如位置、尺寸、属性值、事件动作等用户接口组件的信息片段。利用信息片段来生成预览图像，其中该信息片段包括在运行环境选择窗口54a中设计的运行环境的位置、尺寸、属性值和事件动作。

环境表203和组件表202以及在环境表输入项与组件表输入项中的属性信息片段之间的关联性的例子是如在图4中所示的。

有可能通过操作构成输入设备2的一部分的指向输入设备22来选择用户接口组件并改变该用户接口组件的位置和尺寸。用户接口组件的改变的位置信息和尺寸信息存储在组件表202中相应的输入项内。

当要创建包含多个用户接口组件的屏幕时，按所需的多次重复从组件提供窗口51a中添加一个组件的操作。

当要编辑用户接口组件的属性信息片段时，利用指向输入设备22选择GUI编辑窗口52a内显示的用户接口组件。一旦这样，就由组件属性编辑设施102以列表的形式在组件属性显示窗口55a内显示选定的用户接口组件的属性信息片段。

当要改变用户接口组件的属性的设置值时，利用键盘输入设备21输入一个新的设置值，或通过指向输入设备22选择一个新的设置值。

用户接口组件的属性值包括一个虚拟设置值，它指定源代码生成设备的动作，除此之外还包括与由GUI库所提供的分类一一对应的设置值或一个GUI显示数据片段。比如，指定存在或缺少给源代码输出的属性值是控制源代码生成设施113或GUI显示数据生成设施114的操作的内部参数。如果在属性值设置为ON(选通)时执行源代码生成，则执行控制来向源文件或GUI显示数据文件输出相应的用户接口组件处理。另一方面，如果把属性值设置为OFF(关闭)，就执行控制以不输出处理。

除了源代码输出的属性值之外，还有与GUI库内的分类的设置值不直接相关的属性值，例如指定存在或缺少事件控制的属性值和指定源代码文件的属性值。在组件表202的输入项内记录这些属性值。

在有关材料数据片段的信息片段之后，诸如字符串或图像，在资源表205和材料表206内登记指定为用户接口组件的属性值，在组件属性显示窗口55a内将它们显示为该组件属性编辑设施102的选项。

当要在资源表205内登记材料数据文件6的内容时，利用资源管理设施106创建一个新的输入项。当在材料数据文件6之后选择一个“添加”按钮时或输入一个材料字符串时，一个新的输入项添加到资源表205，该输入项存储材料数据片段及其资源属性信息(例如，文件类型)，并在材料表206内创建新的输入项，其中所选材料数据文件6的内容读入该输入项内。

在组件属性显示窗口55a内以列表的方式将这样创建的资源表205的内容显示为由组件属性编辑设施102编辑的属性值的侯选者。源代码生成设备的操作者可以编辑指定材料数据文件6的属性值，材料数据文件6是通过指向输入设备22指定该属性来设置用户接口组件。

包括材料属性的用户接口组件的属性的设置值立即反映在预览屏幕301中。图11以方框图的形式表示在GUI设计编辑时的处理和数据的流程。

当要编辑用户接口组件的事件动作时，利用GUI编辑设施101选择要编辑的用户接口组件。一旦这样，就由事件动作编辑设施103在事件编辑窗口53a内以列表的形式显示所选组件的事件动作信息片段。利用指向输入设备22或者键盘输入设备21指定由用户接口组件接收的事件的动作。

如果改变了事件动作信息片段，就在组件表202的相应输入项内保存改变后的事件动作信息片段。

可能显示预览屏幕、GUI编辑设施、组件属性编辑设施和事件动作编辑设施的每一个的不同的内容，这些内容取决于环境表203内存储的运行环境信息片段。

比如，使用VGA尺寸(640×480像素)LCD(液晶显示屏)的运行环境和使用QVGA尺寸(320×240像素)LCD的运行环境的登记允许切换GUI编辑窗口52a的屏幕区域尺寸的编辑操作。

假设对使用彩色LCD的运行环境和使用单色LCD的运行环境编辑GUI设计。在此情况下，如果选择“彩色LCD环境”，就以彩色显示预览图像，而如果选择“单色LCD环境”，就以单色显示预览图像。这使得它可能完全不同地预览具有组件的屏幕并编辑处在接近于实际运行环境的情况下的GUI设计。

即使事件会根据环境而发生改变，通过事件动作编辑设施103在事件编辑窗口53a内切换要显示的事件来有效地执行必要和充分的事件动作编辑。

如果为多种运行环境的每一个运行环境设置用户接口足见的位置、尺寸、属性值和事件动作，就利用运行环境选择设施104选择要编辑的一个。

如果改变了运行环境选择设施104所进行的运行环境的当前选择，源代码生成设备就利用GUI编辑设施101、组件属性编辑设施102和事件动作编辑设施103重新显示在GUI编辑窗口52a、组件属性显示窗口55a和事件编辑窗口53a中显示的所有内容。

在GUI编辑窗口52a内的预览图像基于组件表202内所存储信息片段重新绘制，以显示与运行环境选择之前显示的那些内容不同的内容，该信息片段包括新选择的运行环境的位置、尺寸、属性值、事件动作。

图12表示在通过运行环境切换将图3中的操作屏幕切换到另一个操作屏幕时的状态的实例。

在不同位置上安排与图3中文本显示用户接口组件521a、522a和523a相对应的用户接口组件，正如图12中参考符号521c、522c和523c所示的。

就用户接口组件属性信息而论，图3中选定的组件523a的属性值(55a)和图12中相应的组件523c的属性值(55c)是不同地设置的。

在利用运行环境选择设施104改变运行环境的当前选择之后，包括组件表202内存储的位置、尺寸属性和事件动作的多个信息片段集合中，只改变当前选定的运行环境的值。因此，保护另一种运行环境的设置值免受编辑操作的影响。

注意，可以在图3所示的“环境1”的设计信息的基础上有效地创建图12所示的“环境2”的设计信息。具体地说，在图3的运行环境选择窗口54a内，通过操作指向输入设备22来将当前运行环境从“环境1”切换到“环境2”。

由于“环境2”的分辨率低于“环境1”的分辨率，所以在GUI编辑窗口52a内的屏幕设计在无调整的情况下就会变得不适当，正如图13所示。图13所示的适当的屏幕设计可以通过在GUI编辑窗口52a内调整每一个GUI组件的尺寸和位置进行。

不同于现有技术，它足以在运行环境中共享与环境无关的信息片段，例如构成屏幕一部分的GUI组件，并编辑环境相关的信息片段，例如每一种环境的GUI组件尺寸和位置。

如上所述，源代码生成设备的操作者可以在GUI设计编辑期间的任一时刻在运行环境选择窗口54a内容易地改变运行环境的当前选择。因此，操作者可以执行编辑操作就像他/她在同时设计多个指定的运行环境屏幕那样。图14表示在选择一种运行环境时的运行环境切换处理的流程。

当要添加一种运行环境时，在运行环境选择窗口54a内选择一个添加按钮，并将存储新的运行环境的信息片段的输入项(图5)添加到环境表环境表203b中。同时，将包含位置、尺寸、属性和事件动作的信息片段集合202c添加到组件202b中的每一个输入项(图5)，并初始化集合202c使其与新的环境相关联。

图5表示在向环境表203和组件表202添加新的运行环境时的数据变化的实例。

以上述方式编辑的GUI设计的设置值对应于相同的组件组合组成的屏幕。也就是说，该屏幕是同一个，它们只是在GUI布局和包括位置、尺寸、属性和事件动作的设置不同。因此，为了添加或删除用户接口组件，添加或删除操作只需要执行一次。换言之，不必对应于运行环境的数量而多次重复添加或删除操作。

由于一个分类分配给一个用户接口组件，这将在以后进行描述，所以并不由生成的源代码在存储器内生成在数量上对应于运行环境的用户接口组件分类，而且在执行时多个屏幕的管理和保存的处理也是不必要的。

这同样适用于运行环境删除。在从环境表203中删除目标输入项之后，只需删除信息片段的一组设置值，该信息片段的一组设置值包括位置、尺寸、属性和事件动作，它们与从组件表202的所有输入项的每一个输入项中删除的环境相对应。

当要保存编辑结果时，选择在GUI编辑窗口52a内设置的“保存”按钮521。

源代码生成设备向GUI设计信息文件4输出与GUI设计有关的编辑结果，以在诸如硬盘那样的辅助存储器内保存由操作者编辑的结果。具体地说，源代码生成设备执行向GUI设计信息文件4输出屏幕表201和组件表202的内容并向资源文件5输出资源表205的内容的处理作为数据保存处理。此时，如果为多种运行环境中的每一种设置每一个用户接口组件的位置、尺寸、属性值和事件动作，源代码生成设备就在GUI设计信息文件4内保存每一种运行环境的所有的设置值。

当要从GUI屏幕的设计细节中生成源代码或GUI显示数据时，选择安排在编辑屏幕上的“生成源”按钮58a。一旦这样，源代码生成设备就在GUI设计信息文件4内保存屏幕表201、组件表202、资源表205、材料表206和环境表203的内容，在它们当中存储了由操作者进行的GUI设计结果，并在资源文件5内存储资源表205的内容。

在存储器9内积加结果信息302，该结果信息302指示是否已经成功地执行生成源代码或GUI显示数据的处理或在该处理过程中已经出现某种差错，并在处理结束之后将此结果信息作为消息向源代码生成设备的操作者显示。

这样生成的源代码或GUI显示数据包括在环境表203内所登记的多种运行环境的源代码片段和GUI显示数据片段。

图15表示在源代码生成设备内的源代码生成处理的流程。图16表示生成的源代码的实例，而图17表示生成的GUI显示数据的实例。

图18是表示在源代码生成设备内通过执行最高级处理的函数main()进行处理的流程图。

首先，调用函数initialize()来执行初始化处理(步骤1801)。在此之后，该流程等待用户操作(步骤1802)。一旦接收到用户操作，该流程就分支到对应该用户操作的目的地。

确定用户操作是否为点击“新屏幕”按钮57a(步骤1803)。如果在步骤1803中为“是”，则调用函数new_screen()来执行新屏幕添加处理(步骤1804)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为在组件提供窗口51a内拖曳组件的操作(步骤1805)。如果在步骤1805中为“是”，则调用函数new_component()来执行组件添加处理(步骤1806)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为按压GUI编辑窗口52a内的组件(步骤1807)。如果在步骤1807中为“是”，则调用函数handle_gui()来执行GUI编辑处理(步骤1808)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为在组件属性显示窗口55a内的点击(步骤1809)。如果在步骤1809中为“是”，则调用函数handle_property()来执行属性编辑处理(步骤1810)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为在事件编辑窗口53a内的点击(步骤1811)。如果在步骤1811中为“是”，则调用函数handle_action()来执行事件编辑处理(步骤1812)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为在资源管理窗口56a内的点击(步骤1813)。如果在步骤1813中为“是”，则调用函数handle_resource()来执行资源编辑处理(步骤1814)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为在运行环境选择窗口54a内的点击(步骤1815)。如果在步骤1815中为“是”，则调用函数handle_environment()来执行运行环境编辑处理(步骤1816)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为点击“生成源”按钮58a(步骤1817)。如果在步骤1817中为“是”，则调用函数generate_source()来执行源生成处理(步骤1818)。在此之后，该流程等待另一个用户操作。

确定用户操作是否为结束操作(步骤1819)。如果在步骤1819中为“是”，则该处理结束(步骤1820)；否则，该流程等待另一个用户操作。

图19是表示通过执行初始化处理的函数initialize()进行处理的流程图。

首先，读取GUI设计信息文件4，并设置屏幕表201、组件表202和环境表3的内容(步骤1901)。将在屏幕表201的顶部输入项的屏幕设置成当前屏幕(步骤1902)。将当前屏幕的输入项的顶部组件子输入项放置于选定的状态(步骤1903)。环境表203的顶部输入项的运行环境设置成当前运行环境(步骤1904)。

读出资源文件5和材料数据文件6，并设置资源表205和材料表206的内容(步骤1905)。基于编程的处理设置原型表204的内容。调用函数redraw()来执行绘制图3中编辑屏幕50a的处理(步骤1907)。在此之后，处理结束(步骤1908)。

图20是表示通过执行新屏幕创建处理的函数new_screen()进行处理的流程图。

首先，给屏幕表201添加新的输入项(步骤2001)。在将此输入项的屏幕设置成当前屏幕之后(步骤2002)，调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2003)。在此之后，处理结束(步骤2004)。

图21表示通过执行为GUI编辑窗口52a添加组件的处理的函数new_component()进行处理的流程图。

首先，在GUI编辑窗口52a内的位置上安排由用户从组件提供窗口51a拖曳的组件，该组件被拖曳在该GUI编辑窗口52a内的位置(步骤2101)。在拖曳之后确定在该位置上是否已经有任何其他组件。如果在步骤2102中为“是”，在屏幕表201中设置与该组件的父子关系作为父(步骤2103)。

然后添加的组件的输入项加到屏幕表201(包括位置、尺寸和颜色的属性值设置在环境表203中的每一个环境集合的输入项内)(步骤2104)。在将添加的组件放置在选定的状态之后(步骤2105)，调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2106)。在此之后，该处理结束(步骤2107)。

图22是表示通过执行GUI编辑处理的函数handle_gui()进行处理的流程图。

首先，确定接收的用户操作是否为点击所选状态中的组件(步骤2201)。如果在步骤2201中为“否”，将用户点击的组件放置于选定的状态中(步骤2202)，并调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2207)。在此之后，该处理结束(步骤2208)。

另一方面，如果用户操作是点击选定状态中的组件，就确定点击的位置是否处于该组件的四个角中的一个角。如果在步骤2203中为“是”，就将用户操作看成是组件缩放操作，并改变组件的尺寸，以便该角落到拖曳结束位置(步骤2204)。否则，将用户操作看成是组件移动操作，并将该组件移到拖曳结束位置。(步骤2205)。

然后在组件表202中相应的输入项内设置新的位置和尺寸(步骤2206)并调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2207)。在此之后，该处理结束(步骤2208)。

图23是表示通过执行属性编辑处理的函数handle_property()进行处理的流程图。

首先，在用户点击的属性值字段内设置用户键入的值(步骤2301)，并将对应于选定状态的组件的组件表202的输入项内的属性值改变成该键入值(步骤2302)。然后调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2303)。在此之后，该处理结束(步骤2304)。

图24是表示通过执行事件编辑处理的函数handle_action()进行处理的流程图。

首先，在用户点击的动作名称字段内设置用户键入的值(步骤2401)，并将对应于选定状态中的组件的组件表202的输入项内的事件动作改变成该键入值(步骤2402)。然后调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2403)。在此之后，该处理结束(步骤2404)。

图25是表示通过执行资源编辑处理的函数handle_resource()进行处理的流程图。

首先，确定接收的用户操作是否为点击“新的”按钮561(步骤2501)。如果在步骤2501中为“是”，就在资源管理窗口56a的顶部创建一个新的输入项(不包含数据)(步骤2502)。在用户键入的内容的基础上设置新的输入项的内容(步骤2504)。在此之后，该处理结束(步骤2512)。

确定用户的操作是否为点击“添加”按钮562(步骤2504)。如果在步骤2504中为“是”，就在资源表205内创建一个新的输入项(不包含数据)(步骤2505)，并在该新的输入项内设置资源管理窗口56a内顶部输入项的内容(步骤2506)。在此之后，该处理结束(步骤2512)。

确定用户的操作是否为点击资源管理窗口56a内的输入项(步骤2507)。如果在步骤2507中为“是”，就高亮显示该点击的输入项(步骤2508)。在此之后，该处理结束(步骤2512)。

确定用户的操作是否为点击“删除”按钮563(步骤2509)。如果在步骤2509中为“是”，就删除在资源管理窗口56a中高亮显示的输入项(步骤2510)，并删除资源管理表205内相应的输入项(步骤2511)。在此之后，该处理结束(步骤2512)。

图26是通过执行运行环境编辑处理的函数handle_environment()进行处理的流程图。

首先，确定接收的用户操作是否为点击运行环境的“新的”按钮542(步骤2601)。如果在步骤2601中为“是”，新的输入项(不包含数据)添加在运行环境选择窗口54a的顶部(步骤2602)，并在用户键入的内容的基础上设置新的输入项的内容(步骤2603)。在此之后，该处理结束(步骤2618)。

确定该用户操作是否为点击“添加”按钮541(步骤2604)。如果在步骤2604中为“是”，就在环境表203内创建新的输入项(步骤2605)，并在该新的输入项内设置运行环境选择窗口54a内顶部输入项的内容(步骤2606)。在组件表202内的每一个组件的输入项添加与添加的环境相对应的子输入项并对其进行初始化(步骤2607)。将添加后的运行环境设置成当前运行环境(步骤2608)，并调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2617)。在此之后，该处理结束(步骤2618)。

确定用户操作是否为点击运行环境选择窗口54a内的输入项(步骤2609)。如果在步骤2609中为“是”，就高亮显示该点击的输入项(步骤2610)，并将对应于高亮显示的输入项的运行环境设置成当前运行环境(步骤2611)。调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2617)。在此之后，该处理结束(步骤2618)。

确定用户操作是否为点击“删除”按钮543(步骤2612)。如果在步骤2612中为“是”，就删除运行环境选择窗口54a中高亮显示的输入项(步骤2613)，删除环境表203中相应的输入项(步骤2614)，并从组件表202中的每一个组件的输入项中删除与删除的环境相对应的子输入项(步骤2615)。将对应于环境表203内顶部输入项的运行环境设置成当前运行环境(步骤2616)，并调用函数redraw()来执行绘制编辑屏幕50a的处理(步骤2617)。在此之后，该处理结束(步骤2618)。

如果用户操作不是以上中任何一个情况，该处理结束(步骤2618)。

图27是表示通过执行源生成处理的函数generater_source()进行处理的流程图。

首先，为变量scr分配屏幕表201的顶部输入项的地址(步骤2701)，并确定scr是否为空(步骤2702)。如果scr为空，处理就结束(步骤2705)；否则，就调用函数generate_source(scr)来生成源代码片段，用于显示与scr相对应的屏幕(步骤2703)。在为变量scr分配屏幕表201的下一个的输入项的地址之后(步骤2704)，该流程返回到步骤2702中的确定。

图28是表示通过执行绘制编辑屏幕50a处理的函数redraw()进行处理的流程图。

首先，调用函数预览(当前屏幕，当前运行环境)，并生成和在GUI编辑窗口52a中显示预览屏幕(步骤2801)，该预览屏幕指示设置在屏幕上的组件的显示状态。在资源管理窗口56a内显示资源表205的内容(步骤2802)。然后确定在组件当中是否有任何组件处于选定的状态。如果在步骤2803中为“是”，就在组件属性显示窗口55a和事件编辑窗口53a内显示与处于选定的状态的组件相对应的组件表202的输入项的内容(步骤2804)。否则，清空组件属性显示窗口55a和事件编辑窗口53a的内容(步骤2805)。

然后在组件提供窗口51a内显示原型表204的内容(步骤2806)，并在运行环境选择窗口54a内显示环境表203的内容(步骤2807)。在此之后，该处理结束(步骤2808)。

图29是表示通过执行源代码生成处理的函数generate_source(screen)进行处理的流程图。

在该函数中，首先，环境表203的顶部行的地址分配给变量env(步骤2901)。确定env是否为空(步骤2902)。如果env为空，该处理结束(步骤2914)；否则，生成用以确定当前运行环境是否与env表示的运行环境相等的源代码片段(在图16中用参考符号A来表示的部分)，给变量rows分配由屏幕指定的屏幕表201中的屏幕的一组子输入项的地址(步骤2904)，并为变量row分配由rows表示的其中顶部rows的地址(步骤2905)。确定row是否为空(步骤2906)。如果row为空，就为变量env分配环境表203中下一个row的地址，且流程返回到步骤2902中的确定(步骤2913)。

如果row不为空，为变量name分配由row表示的row的“组件名称”列中的值，并为变量row2分配一个子输入项的地址，该子输入项在“组件名称”列中的值等于名称，而在“环境”列中的值等于在组件表202中的env(步骤2907)。为变量(x，y)分配由row2表示的row的“位置”列的值，并为变量(h，w)分配由row2表示的行的“尺寸”列中的值(步骤2908)。生成用于把name所示的组件位置设置成(x，y)和把size尺寸设置成(h，w)的源代码片段(在图16中用参考字母B表示的部分)(步骤2909)。关于由row2所示的子输入项的属性attr的值，生成用于将由名称所指示的组件的属性attr的值设置成在由row2所示的子输入项内指定的值的源代码片段(在图16中用参考字母C表示的部分)(步骤2910)。

关于由row2所示的子输入项的事件e，生成用于将由名称所示的组件的事件e的事件处理程序设置成在由row2所示的子输入项内指定的处理程序(步骤2911)。为变量row分配由各row所指示的行的下一行的行地址。

图30是表示通过生成预览屏幕的函数preview(screeen，env)进行处理的流程图，该预览屏幕表示在屏幕上安排的组件的显示状态。

首先，为变量row分配由屏幕指定的屏幕的屏幕表201内的一组子输入项的地址(步骤3001)。为变量row分配由row指示的行中顶部一行的地址(步骤3002)。然后确定row是否为空(步骤3003)。如果row为空，该处理结束(步骤3008)。否则，为变量name分配由row指示的行的“组件名称”列的值(步骤3004)。为变量row2分配子输入项地址，该子输入项的“组件名称”列的值与name相同，而且“环境”列的值与组件表202内的env相同(步骤3005)。在由row2所示的子输入项内指定的组件属性值的基础上，在预览屏幕上绘制组件(步骤3006)。为变量row分配由row所示的各行中row所指示下一行的行地址(步骤3007)。在此之后，该流程返回到步骤3003中的确定。

Claims (4)

1.一种源代码生成设备，用于生成由计算机执行的程序源代码和在显示屏幕上显示用户接口组件的GUI显示数据，它包括：

第一装置，用于以不同的组件元素信息片段来编辑用户接口组件，该组件元素信息片段包括位置、尺寸和组件属性，每一个用户接口组件与计算机的运行环境相对应；以及

第二装置，用于在由该编辑结果获得的组件信息片段的基础上生成和输出该用户接口组件的GUI显示数据，该用户接口组件与一种指定的运行环境相对应，并生成和输出利用GUI显示数据来显示该用户接口组件的源代码。

2.根据权利要求1所述的源代码生成设备，进一步包括利用GUI显示数据在编辑屏幕上预览该用户接口组件的装置。

3.根据权利要求1或2所述的源代码生成设备，进一步包括接收切换运行环境的指令的装置，用于切换到编辑屏幕、由该指令指定的运行环境中的用户接口组件。

4.根据权利要求1至3的任一项权利要求所述的源代码生成设备，进一步包括根据运行环境而从要输出的源代码和GUI显示数据之一的对象表中排除至少一个用户接口组件的装置。

Images