CN104007961A - 在图形界面构建中使用的可视化标注方法 - Google Patents

Abstract

传统的图形界面构建方法是通过所见即所得的界面设计工具完成界面的视觉设计，再通过程序编码实现界面运行的逻辑。本发明通过一种创新的在图形界面构建中使用的可视化标注方法，把界面运行逻辑包装在可视化的特殊界面元素（标注）中，使界面的设计与构建完全通过可视化的方式完成，经过鼠标拖拽及属性设定，即可得到一个可运行的界面。

Description

在图形界面构建中使用的可视化标注方法

技术领域

本发明属于信息化系统辅助开发领域，尤其适用于专业信息化系统的定制开发。

背景技术

随着国家、企业、社团等在信息化建设方面的投入不断增加，信息化系统已经成为日常生活中不可或缺并且依赖的部分，这也使得各行业用户对信息化系统功能的需求越来越多，对功能开发效率的要求也日趋迫切。

目前的信息化系统开发一般都借助于快速开发工具的辅助，以求获得高效的开发效率，特别是通过可视化图形界面设计工具进行界面开发。但是，目前的可视化图形界面设计工具主要提供的是界面视觉部分的设计，虽然可以提供部分逻辑功能，但不足以支撑界面运行的所有逻辑，因此，编写程序代码仍然是一项不可或缺的重要工作，而这种代码编写的主要工作量都集中在校验、关联、数据源绑定等重复性的工作，一方面增加了开发的工作量，另一方面也是系统缺陷的主要来源。

另外，信息化系统用户的水平和经验越来越高，很多用户已经能够从业务的角度出发，以系统界面为切入点，提出对业务系统的细节需求，能够理解甚至设计出需要的逻辑。大多数用户在日常工作中，能够通过可视化工具制作出电子表格、PPT等“界面”，实际上也就掌握了系统开发中使用可视化图形界面设计工具的能力，但由于不掌握编写程序的技能，因此，对信息化系统功能的定制还必须依赖于专业的程序开发人员。

如果在可视化图形界面设计工具的基础上，通过同样的可视化方法，为界面设计工具提供逻辑设定功能，把需要编程语言描述的逻辑用可视化的元素来展现，并通过同样的拖拽操作、属性设定来进行构建，那么不但可以大大地减轻程序开发人员的工作量，减少错误，更能使大量不掌握编程语言和程序编写技能的人员具备信息化系统功能的创作能力。

基于此原因，我们提出一种在图形界面构建中使用的可视化标注方法，把原来需要编写代码来实现的逻辑进行可视化封装，在界面设计中即可实现常用的逻辑功能。

发明内容

本发明的目的正是为了克服上述现有技术存在的缺陷而提供一种能够大大地减轻程序开发人员的工作量，减误，更能使大量不掌握编程语言和程序编写技能的人员具备信息化系统功能的创作能力的在图形界面构建中使用的可视化标注方法。

在图形界面构建中使用的可视化标注方法，本发明特征是，被称为“标注”的可视化界面元素是可视化界面设计工具中一个能够放置在设计界面中的图形，由一个是形状或图标和文字组合的标签和若干连接点和连接线组成，标签和连接点能够在界面设计时可以进行自由拖动；

通过对标签的拖动来摆放标签的位置，以满足视觉上的布局需要；

连接点用于关联其他的界面元素即控件，即对目标进行“标注”；

其施行步骤是：

1)  在所见即所得的图形界面构建工具中通过一种称为标注的特殊界面元素来完成对所构建界面中传统界面元素及控件的关联、校验、数据源的设置；

2)  使用本方法的图形界面构建工具能够使界面设计与构建完全以所见即所得的鼠标拖拽和属性设定的方式进行操作，不再需要程序编码；对图形界面构建工具的使用者来说，能够实现无须编写代码的程序界面设计；

3)  由于标注是一次性创建、多次使用的界面元素，因此它们是可重用的组件，具有组件的所有优点。

本发明的有益效果是：

该方法把需要编程语言描述的逻辑用可视化的元素来展现，并通过同样的拖拽操作、属性设定来进行构建，不但能够大大地减轻程序开发人员的工作量，减少错误，更能使大量不掌握编程语言和程序编写技能的人员具备信息化系统功能的创作能力。 

附图说明

图1为带有“未来日期”标注界面的示意图；

图2为 “A>B”标注的示意图。

具体实施方式

见图1，图2，在图形界面构建中使用的可视化标注方法，本发明中被称为“标注”的可视化界面元素是可视化界面设计工具中一个能够放置在设计界面中的图形，由一个是形状或图标和文字组合的标签和若干连接点和连接线组成，标签和连接点能够在界面设计时可以进行自由拖动；

通过对标签的拖动来摆放标签的位置，以满足视觉上的布局需要；

连接点用于关联其他的界面元素即控件，即对目标进行“标注”；

其施行步骤是：

1） 在所见即所得的图形界面构建工具中通过一种称为标注的特殊界面元素来完成对所构建界面中传统界面元素及控件的关联、校验、数据源的设置；

2） 使用本方法的图形界面构建工具能够使界面设计与构建完全以所见即所得的鼠标拖拽和属性设定的方式进行操作，不再需要程序编码；对图形界面构建工具的使用者来说，能够实现无须编写代码的程序界面设计；

3） 由于标注是一次性创建、多次使用的界面元素，因此它们是可重用的组件，具有组件的所有优点。

以下通过举例来说明标注的使用方式。

图1显示了两个传统的界面元素，两个日期输入的控件，把一个叫“未来日期” 的标注拖到一定的位置，并把连接点拖到了标签为“计划开始时间”的输入框上。

在这个例子中，“未来日期”是一个实现校验功能的标注，用于校验输入的日期是否在当前日期以后，当完成了相应的拖动之后，就完成了这个校验的逻辑，界面运行时，标注不会显示，但相应的校验功能就会自动执行。

图2在图1的基础上，增加一个“大于”关系的校验，这个标注有两个连接点，显示A和B，用于实现A>B的校验。

Claims (1)

1.在图形界面构建中使用的可视化标注方法，其特征是，被称为“标注”的可视化界面元素是可视化界面设计工具中一个能够放置在设计界面中的图形，由一个是形状或图标和文字组合的标签和若干连接点和连接线组成，标签和连接点能够在界面设计时进行自由拖动；

通过对标签的拖动来摆放标签的位置，以满足视觉上的布局需要；

连接点用于关联其他的界面元素即控件，即对目标进行“标注”；

其施行步骤是：

1) 在所见即所得的图形界面构建工具中通过一种称为“标注”的特殊界面元素来完成对所构建界面中传统界面元素及控件的关联、校验、数据源的设置；

2) 使用本方法的图形界面构建工具能够使界面设计与构建完全以所见即所得的鼠标拖拽和属性设定的方式进行操作，不再需要程序编码；对图形界面构建工具的使用者来说，能够实现无须编写代码的程序界面设计；

3) 由于标注是一次性创建、多次使用的界面元素，因此它们是可重用的组件，具有组件的所有优点。