专利名称：一种用于图形用户界面组合及布局的方法与系统的制作方法
技术领域：
本发明涉及本发明涉及图形用户界面(Graphical User Interface)领域，尤其涉 及图形用户界面的组合与布局的方法及系统。，具体地说是一种用于图形用户界面组合及 布局的方法与系统。
背景技术：
在企业应用管理软件系统中，最终用户通过与系统中的功能界面交互来完成相应 的业务处理。要完成一笔较完整的业务处理，一般需要执行数据的录入、查询及统计分析等 相关联的一组功能操作。例如在客户销售订单的制单过程中，在录入相应的客户信息时，用 户会查询该客户的最近的销售历史、客户的信用等信息；在选择客户购买的商品时，会查询 该商品的库存量等信息；在选择收款方式时，需要查询该客户相关的往来账款等信息。在传统的功能界面交互中，界面展示的信息以数据的录入处理为主，内容比较单 一。而当用户需要查看一些关联数据信息时，就需要切换至其他功能界面进行操作，然后再 返回主操作界面继续操作。例如上述的销售订单制单过程，要查询客户销售历史时，需要打 开一个新的客户历史查询界面，查看最近的客户销售历史信息，查看完成后关闭，返回到制 单界面，当需要查看客户的信用信息时，又需要打开一个新的客户信用查询界面，查看完成 后关闭并返回，完成一笔销售单据录入，需要反复的进行功能界面的切换。这种操作方式， 用户无法在同一界面中流畅地完成业务处理，操作繁琐，业务处理效率低，用户体验较差。随着图形用户界面技术的发展及屏幕分辨率的提高，功能单一的操作界面已经难 以满足用户的使用要求。用户希望能够根据业务处理的需要，在同一界面内集成展现业务 处理所需的各类信息，并可根据用户的使用习惯，对各类信息内容进行个性化的组合及布 局调整，以提高工作效率、降低操作的繁琐程度。现有技术的制单界面的功能比较单一，以完成数据录入为主。在数据录入的过程 中，当需要对辅助信息进行确认时，需要通过命令打开新的功能界面进行信息的联查，在查 询完毕时关闭当前查询窗口，然后返回制单界面继续进行信息的录入。由于单据需要录入 的字段一般较多，上述操作可能在录入过程中频繁的进行界面的切换，造成工作效率的低 下。
发明内容
本发明的目的是提供一种用于图形用户界面组合及布局的方法与系统。实现了对 功能界面的消息通讯、布局组合及个性化设置，用以提高用户的业务处理效率及使用体验； 并使用户界面的组成部分变得模块化和可复用，从而提高软件的开发效率及可维护性。本发明的目的是按以下方式实现的，以客户销售订单为主界面，在组合界面容器 中集成客户信息、客户往来帐目、商品信息等辅助信息的功能界面，允许用户个性化布局， 在同一个界面流畅的完成相关业务操作，提供良好的用户体验。具体步骤如下
如步骤1 将系统中已有的功能界面封装成部件。将客户销售制单界面、客户信息 界面、客户往来帐目界面、商品信息界面封装成部件。各功能界面可以是各种不同界面技术 类型，部件描述了各功能界面适配时的配置信息，按类型定义各部件的初始化信息。在客户 销售制单界面封装的部件中对外发布的事件包括描述选择客户的事件与选择商品的事件， 这两个事件将在客户信息界面、客户往来帐目界面、商品信息界面之间建立联系。客户信息 界面、客户往来帐目界面的部件中对外发布的方法分别包括客户更改方法。商品信息界面 的部件中对外发布的方法包括商品更改的方法。如步骤2 部件集合存储并按分类管理。发布的部件保存到数据库中，为方便进行 管理，部件可按分类进行管理。如客户销售制单部件划分为销售制单分类，客户信息部件、 客户往来帐目部件、商品信息部件划分为辅助信息分类。若在其它场景中需要上述辅助信 息的界面，但部件的内容发生变化，可以为该功能界面发布第二个、第三个部件。如步骤3 部件在组合界面容器中定义布局信息、消息通讯、数据同步。组合界面 容器中提供了布局的功能，所有发布过的部件根据所述分类，分栏放在设计器的工具箱中。 优先的，在组合界面容器中使用拖放的方式将需要的部件添加进容器中，设计器将为每个 添加的部件生成一个布局面板，该面板承载了部件描述的功能界面。进一步，用户可以通过 鼠标对布局面板进行尺寸改变、拖动、停靠等布局属性的改变，也可以通过属性管理器进行 布局属性的改变与外观样式属性的设置。设计完毕后，用户看到的组合界面容器的样式即 生成的组合界面的布局样式。可将销售制单部件设为主区域，主区域将填充满整个组合界 面容器；其它三个辅助信息的部件的布局面板可在容器的边缘停靠，或者设置为浮动的状 态，也可设置为初始时是关闭的状态，在需要时打开。布局设置完毕后，通过消息通讯的编 辑窗口，可建立起部件之间事件与方法的关联关系，构建消息通讯的逻辑关系。在销售制单 部件中发布的客户选择事件将对应客户信息部件的客户更改方法与客户往来帐目部件的 客户更改方法；销售制单部件中商品选择事件将对应商品信息部件中的商品更改方法。最 后形成一份包括界面布局与事件通讯的描述。如步骤4 存储及管理定义的组合界面。将这份描述保存在数据库中，用户可对该 份描述进行编辑修改。如步骤5 解析组合界面定义。从数据库中读取销售制单组合界面的描述文档，实 例化并加载销售制单组合界面的描述文档。首先生成组合界面的容器，根据文档中定义的 布局元素的属性生成各个布局面板。销售制单界面的面板生成后将填充满整个容器，客户 信息的面板、客户往来帐目的面板、商品信息的面板将按布局元素中描述的属性停靠在指 定的位置。此时组合界面容器中形成了如上述几个空的面板。如步骤6，加载组合界面定义。读取销售制单组合界面文档中包含的4个部件信 息，根据各个部件中的初始信息应用各种类型的适配器创建各种类型的功能界面；各种类 型的功能界面根据各自类型的适配器生成配置信息，在本实施例中包括各部件发布的事件 与方法。按照组合界面文档中描述的消息通讯的关联关系，各部件的适配器建立事件与方 法的对应。组合界面容器按照指定的加载顺序进行功能界面的加载。对销售制单界面，由 于它是主区域，所以首先被加载，加载时若会触发功能界面的事件，则根据事件在加载时是 否执行来确定是否允许触发。然后将生成的各功能界面添加到组合界面的各布局面板中， 根据定义决定是否对复杂、耗时的部件异步加载数据，提高响应速度。
如步骤7，用户对组合界面的布局调整及管理。用户可根据需要显示或者关闭组合 界面容器中的面板，主区域是不可被关闭的。对辅助信息的面板可根据用户的需要关闭或 者显示。可为组合界面动态增加新的部件，并且可对部件的参数进行配置，根据参数在运行 时是否允许修改的属性来确定。用户可通过鼠标调整组合界面容器中各面板的布局情况， 包括尺寸、位置、停靠等，在关闭容器窗口时会提示用户是否保存当前的布局，若用户确定 保存，则下次打开时将按照该次的布局进行展现。其自定义的布局保存在数据库中，用户在 不同的机器上打开时显示效果是一致的。用户更改组合界面的布局后，系统还提供恢复到 初始布局的功能。对用户已经保存过自定义布局的，系统还提供恢复最近一次布局的功能。一种实现组合界面布局的系统，包括部件设计单元、组合界面设计单元、组合界 面存储单元、组合界面解析单元、组合界面加载单元、组合界面管理单元，其中部件设计单元，是将现有各种实现技术的功能界面按照统一的描述标准封装为部 件，部件描述了功能界面的适配信息；组合界面设计单元，是提供包含有工具箱、可视化设计界面、属性编辑器的设计 器，以可视化的方式对组合界面进行定义，包括各布局面板的布局设计，部件间的消息通 讯、数据同步定义；组合界面存储单元，是与服务器相连，获取或保存组合界面，并提供组合界面的增 加、删除、编辑、查询的管理操作；组合界面解析单元，是对组合界面文档进行加载，对所使用的各部件与组合界面 容器的布局信息进行解析；组合界面加载单元，是获取各功能界面，并通过适配器生成各配置信息，建立各部 件间消息通讯与数据同步的关系，对组合界面容器的各布局面板按指定顺序进行加载；组合界面管理单元，是对加载完毕的组合界面中各功能界面的状态管理与组合界 面布局信息的管理。本发明的方法及系统具有以下优点本发明使得用户通过配置实现组合界面的布局设计与组合界面中各功能界面之 间的消息通讯、数据同步。用户可以根据使用习惯对组合界面布局进行个性化设置，提高 用户的工作效率与交互体验。同时该方式也使得用户界面的各组成部分按照功能形成模 块化，用户根据业务需求对各模块进行组合，使各模块达到复用的目的，避免功能的重复开 发，降低维护成本。
图1为一种用于图形用户界面组合及布局的方法流程图；图2为部件对界面技术的适配关系；图3为解析组合界面定义的方法流程图；图4为加载组合界面定义的方法流程具体实施例方式参照说明书附图对本发明的方法与系统作以下详细地说明。为使本发明的上述目的、特征与优点能够更加清晰、易懂，以下将结合附图与具体实施例作进一步详细的说明。以客户销售订单的制单过程为应用场景。在录入客户销售订 单时，用户需要查询相应的辅助信息，比如在确认客户信息时，会查询该客户的详细信息， 比如客户的信用等级、客户最近的销售历史；在选择客户购买的商品时，会查询商品当前的 库存状态、优惠措施等；在选择客户的付款方式时，需要查询该客户相关的往来帐目等信 肩、ο本发明提供一种用于图形用户界面组合及布局的方法，包括以下步骤封装功能界面为部件；存储及管理部件；部件可视化地在组合界面中定义布局与消息通讯；存储组合界面定义；解析组合界面定义；加载组合界面定义；优选的，所述方法还包括用户对组合界面的布局调整及管理。优选的，所述将封装功能界面为部件，采用适配的方式实现对各种界面实现技术 的封装。部件是组合界面中各界面组成部分，用于描述所封装的功能界面对外提供的接口， 它描述了适配时的配置信息，包括功能界面的初始化信息，被加载的功能界面的描述信息；功能界面对外发布的事件信息，在组合界面中触发并可由其他功能界面响应；功 能界面对外发布的方法信息，在组合界面中由其他功能界面调用；功能界面对外发布的数据源信息，在组合界面中供外部使用的原数据源信息；功能界面对外发布的命令信息，可外挂在组合界面中的命令项。优选的，所述存储及管理部件，包括部件按用户定义的分类持久化保存在数据库 中，并提供增加、修改、删除、查询操作。同一个功能界面可根据适配信息的不同发布成多个 部件在不同的场景下使用。优选的，部件可视化地在组合界面中定义布局与消息通讯中所述组合界面是对 部件的组合，它定义了部件之间的消息通讯、数据同步关系。部件在组合界面中承载在布局 面板上，用户使用所见即所得的设计器通过拖放、属性设置的形式设置各布局面板的属性， 包括位置、尺寸、展现方式(包括停靠方式、是否可见、是否主区域、是否浮动)、外观样式 (包括标题、皮肤)加载顺序等。设置组合界面中各布局面板所绑定的部件，并定义部件的 初始化信息。对各个部件之间的事件与方法进行映射关联，指示部件之间通讯的关系。对 各个部件发布的数据源建立映射关系及方向。根据需要在组合界面容器中设置各部件添加 到其中的命令项，包括位置、图标、文本、快捷键、热键、提示等。最后形成一份包括界面布局 与事件通讯的组合界面的定义并保存。优选的，所述存储组合界面定义，包括定义的组合界面持久化保存在数据库中， 并提供增加、删除、修改、查询的操作。优选的，所述解析组合界面定义，包括读取组合界面定义文档；实例化并加载组 合界面描述文档；由组合界面定义中布局面板的属性信息创建布局面板；由组合界面定义 中各命令项信息创建菜单项；最后按照组合界面定义的布局信息在组合界面中添加布局面 板与菜单项，展现整个组合界面的布局形态。
优选的，所述加载组合界面定义，包括读取组合界面文档中包含的部件信息；根 据部件信息加载各功能界面；根据组合界面定义构建各功能界面之间的数据同步关系；根 据组合界面定义构建各功能界面之间的消息通讯关系。优选的，所述根据部件信息加载各功能界面，包括部件根据其对应界面技术的适 配器生成配置信息；根据配置信息中的初始化信息创建各自类型的功能界面；然后按照组 合界面定义中指定的顺序加载到组合界面的布局面板中。优选的，所述按照组合界面定义中指定的顺序加载到组合界面的布局面板的步骤 中，若组合界面存在主区域，即填充满整个组合界面的布局面板，则主区域优先加载；加载 时若会触发功能界面的事件，则根据事件在加载时是否执行来确定是否允许触发；功能界 面若数据加载复杂、耗时，则可启动异步加载数据，提高响应速度。优选的，所述用户对组合界面的布局调整及管理，包括用户可根据需要显示或者 关闭组合界面容器中的面板，支持部件的热插拔；可为组合界面动态增加新的部件，并且可 对部件的参数进行配置，根据参数在运行时是否允许修改的属性来确定。用户可通过鼠标 调整组合界面容器中各面板的布局情况，包括尺寸、位置、停靠等，在关闭容器窗口时会提 示用户是否保存当前的布局，若用户确定保存，则下次打开时将按照该次的布局进行展现。 其自定义的布局保存在数据库中，用户在不同的机器上打开时显示效果是一致的。用户更 改组合界面的布局后，系统还提供恢复到初始布局的功能。对用户已经保存过自定义布局 的，系统还提供恢复最近一次布局的功能。本发明还提供一种用于图形用户界面组合及布局的系统，包括部件设计单元，将现有各种实现技术的功能界面按照统一的描述标准封装为部 件，部件描述了功能界面的适配信息。组合界面设计单元，提供包含有工具箱、可视化设计界面、属性编辑器等的设计 器，以可视化的方式对组合界面进行定义，包括各布局面板的布局设计，部件间的消息通 讯、数据同步定义。组合界面存储单元，与服务器相连，获取或保存组合界面，并提供组合界面的增 加、删除、编辑、查询等管理操作。组合界面解析单元，对组合界面定义进行加载，对所使用的各部件与组合界面容 器的布局信息进行解析。组合界面加载单元，获取各功能界面，并通过适配器生成各配置信息，建立各部件 间消息通讯与数据同步的关系，对组合界面容器的各布局面板按指定顺序进行加载。组合界面管理单元，对加载完毕的组合界面中各功能界面的状态管理与组合界面 布局信息的管理。以上对本发明所提供的一种用于图形用户界面组合及布局的方法与系统进行了 详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的 说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依 据本发明的思想，在具体实施方式
及应用范围上均会有改变之处，综上所述，本说明书内容 不应理解为对本发明的限制。
权利要求
一种用于图形用户界面组合及布局的方法，其特性在于，以客户销售订单为主界面，在组合界面容器中集成客户信息、客户往来帐目、商品信息等辅助信息的功能界面，允许用户个性化布局，在同一个界面流畅的完成相关业务操作，提供良好的用户体验，包括以下步骤步骤1将系统中已有的功能界面、客户销售制单界面、客户信息界面、客户往来帐目界面、商品信息界面封装成不同的部件，各功能界面是各种不同界面技术类型，部件描述了各功能界面适配时的配置信息，按类型定义各部件的初始化信息，在客户销售制单界面封装的部件中对外发布的事件包括描述选择客户的事件与选择商品的事件，这两个事件将在客户信息界面、客户往来帐目界面、商品信息界面之间建立联系，客户信息界面、客户往来帐目界面的部件中对外发布的方法分别包括客户更改方法，商品信息界面的部件中对外发布的方法包括商品更改的方法；步骤2部件集合存储并按分类管理，发布的部件保存到数据库中，为方便进行管理，部件按分类进行管理，客户销售制单部件划分为销售制单分类，客户信息部件、客户往来帐目部件、商品信息部件划分为辅助信息分类，在其它场景中需要上述辅助信息的界面，但部件的内容发生变化，则为该功能界面发布第二个、第三个部件；步骤3部件在组合界面容器中定义布局信息、消息通讯、数据同步，组合界面容器中提供了布局的功能，所有发布过的部件根据所述分类，分栏放在设计器的工具箱中，在组合界面容器中使用拖放的方式将需要的部件添加进容器中，设计器将为每个添加的部件生成一个布局面板，该面板承载了部件描述的功能界面；用户通过鼠标对布局面板进行尺寸改变、拖动、停靠布局属性的改变，或通过属性管理器进行布局属性的改变与外观样式属性的设置，设计完毕后，用户看到的组合界面容器的样式即生成的组合界面的布局样式，将销售制单部件设为主区域，主区域将填充满整个组合界面容器；其它辅助信息的部件的布局面板在容器的边缘停靠或者设置为浮动状态，或设置为初始时是关闭的状态在需要时打开，布局设置完毕后，通过消息通讯的编辑窗口，建立起部件之间事件与方法的关联关系，构建消息通讯的逻辑关系；在销售制单部件中发布的客户选择事件将对应客户信息部件的客户更改方法与客户往来帐目部件的客户更改方法；销售制单部件中商品选择事件将对应商品信息部件中的商品更改方法，最后形成一份包括界面布局与事件通讯的描述；步骤4存储及管理定义的组合界面，将这份描述保存在数据库中，用户可对该份描述进行编辑修改；步骤5解析组合界面定义，从数据库中读取销售制单组合界面的描述文档，实例化并加载销售制单组合界面的描述文档，首先生成组合界面的容器，根据文档中定义的布局元素的属性生成各个布局面板，销售制单界面的面板生成后将填充满整个容器，客户信息的面板、客户往来帐目的面板、商品信息的面板将按布局元素中描述的属性停靠在指定的位置，此时组合界面容器中形成了如上述几个空的面板；步骤6，加载组合界面定义，读取销售制单组合界面文档中包含的部件信息，根据各个部件中的初始信息应用各种类型的适配器创建各种类型的功能界面；各种类型的功能界面根据各自类型的适配器生成配置信息，包括各部件发布的事件与方法，按照组合界面文档中描述的消息通讯的关联关系，各部件的适配器建立事件与方法的对应，组合界面容器按照指定的加载顺序进行功能界面的加载，对销售制单界面，由于它是主区域，所以首先被加载，加载时若会触发功能界面的事件，则根据事件在加载时是否执行来确定是否允许触发，然后将生成的各功能界面添加到组合界面的各布局面板中，根据定义决定是否对复杂、耗时的部件异步加载数据，提高响应速度；步骤7，用户对组合界面的布局调整及管理，用户根据需要显示或者关闭组合界面容器中的面板，主区域是不可被关闭的，对辅助信息的面板根据用户的需要关闭或者显示，为组合界面动态增加新的部件，并且对部件的参数进行配置，根据参数在运行时是否允许修改的属性来确定，用户通过鼠标调整组合界面容器中各面板的布局情况，包括尺寸、位置、停靠，在关闭容器窗口时会提示用户是否保存当前的布局，若用户确定保存，则下次打开时将按照该次的布局进行展现，其自定义的布局保存在数据库中，用户在不同的机器上打开时显示效果是一致的，用户更改组合界面的布局后，系统还提供恢复到初始布局的功能，对用户已经保存过自定义布局的，系统还提供恢复最近一次布局的功能。
2. 一种实现组合界面布局的系统，其特征在于，包括部件设计单元、组合界面设计单 元、组合界面存储单元、组合界面解析单元、组合界面加载单元、组合界面管理单元，其中 部件设计单元，是将现有各种实现技术的功能界面按照统一的描述标准封装为部件， 部件描述了功能界面的适配信息；组合界面设计单元，是提供包含有工具箱、可视化设计界面、属性编辑器的设计器，以 可视化的方式对组合界面进行定义，包括各布局面板的布局设计，部件间的消息通讯、数据 同步定义；组合界面存储单元，是与服务器相连，获取或保存组合界面，并提供组合界面的增加、 删除、编辑、查询的管理操作；组合界面解析单元，是对组合界面文档进行加载，对所使用的各部件与组合界面容器 的布局信息进行解析；组合界面加载单元，是获取各功能界面，并通过适配器生成各配置信息，建立各部件间 消息通讯与数据同步的关系，对组合界面容器的各布局面板按指定顺序进行加载；组合界面管理单元，是对加载完毕的组合界面中各功能界面的状态管理与组合界面布 局信息的管理。
全文摘要
本发明提供一种用于图形用户界面组合及布局的方法与系统。方法包括将功能界面封装为部件，部件描述了界面配置信息；存储及管理部件；部件可视化地在组合界面中定义布局与消息通讯；保存组合界面定义；解析组合界面定义，展现组合界面的布局形态；加载组合界面定义，根据部件信息创建各用户界面，并加载到布局面板中，后建立它们之间的消息通讯与数据同步的关系。本发明还提供相应的系统。采用本发明用户可以根据使用习惯对布局进行个性化设置，提高用户的工作效率与交互体验。同时使得用户界面形成模块化，各模块可复用，避免功能的重复开发，降低维护成本。
文档编号G06F9/44GK101882074SQ20101012410
公开日2010年11月10日 申请日期2010年3月15日 优先权日2010年3月15日
发明者尚有强, 朱诗严, 李琳杰 申请人:浪潮集团山东通用软件有限公司