[发明专利]一种用于图形用户界面组合及布局的方法与系统

摘要

本发明提供一种用于图形用户界面组合及布局的方法与系统。方法包括：将功能界面封装为部件，部件描述了界面配置信息；存储及管理部件；部件可视化地在组合界面中定义布局与消息通讯；保存组合界面定义；解析组合界面定义，展现组合界面的布局形态；加载组合界面定义，根据部件信息创建各用户界面，并加载到布局面板中，后建立它们之间的消息通讯与数据同步的关系。本发明还提供相应的系统。采用本发明用户可以根据使用习惯对布局进行个性化设置，提高用户的工作效率与交互体验。同时使得用户界面形成模块化，各模块可复用，避免功能的重复开发，降低维护成本。

主权项

一种用于图形用户界面组合及布局的方法，其特性在于，以客户销售订单为主界面，在组合界面容器中集成客户信息、客户往来帐目、商品信息等辅助信息的功能界面，允许用户个性化布局，在同一个界面流畅的完成相关业务操作，提供良好的用户体验，包括以下步骤：步骤1：将系统中已有的功能界面、客户销售制单界面、客户信息界面、客户往来帐目界面、商品信息界面封装成不同的部件，各功能界面是各种不同界面技术类型，部件描述了各功能界面适配时的配置信息，按类型定义各部件的初始化信息，在客户销售制单界面封装的部件中对外发布的事件包括描述选择客户的事件与选择商品的事件，这两个事件将在客户信息界面、客户往来帐目界面、商品信息界面之间建立联系，客户信息界面、客户往来帐目界面的部件中对外发布的方法分别包括客户更改方法，商品信息界面的部件中对外发布的方法包括商品更改的方法；步骤2：部件集合存储并按分类管理，发布的部件保存到数据库中，为方便进行管理，部件按分类进行管理，客户销售制单部件划分为销售制单分类，客户信息部件、客户往来帐目部件、商品信息部件划分为辅助信息分类，在其它场景中需要上述辅助信息的界面，但部件的内容发生变化，则为该功能界面发布第二个、第三个部件；步骤3：部件在组合界面容器中定义布局信息、消息通讯、数据同步，组合界面容器中提供了布局的功能，所有发布过的部件根据所述分类，分栏放在设计器的工具箱中，在组合界面容器中使用拖放的方式将需要的部件添加进容器中，设计器将为每个添加的部件生成一个布局面板，该面板承载了部件描述的功能界面；用户通过鼠标对布局面板进行尺寸改变、拖动、停靠布局属性的改变，或通过属性管理器进行布局属性的改变与外观样式属性的设置，设计完毕后，用户看到的组合界面容器的样式即生成的组合界面的布局样式，将销售制单部件设为主区域，主区域将填充满整个组合界面容器；其它辅助信息的部件的布局面板在容器的边缘停靠或者设置为浮动状态，或设置为初始时是关闭的状态在需要时打开，布局设置完毕后，通过消息通讯的编辑窗口，建立起部件之间事件与方法的关联关系，构建消息通讯的逻辑关系；在销售制单部件中发布的客户选择事件将对应客户信息部件的客户更改方法与客户往来帐目部件的客户更改方法；销售制单部件中商品选择事件将对应商品信息部件中的商品更改方法，最后形成一份包括界面布局与事件通讯的描述；步骤4：存储及管理定义的组合界面，将这份描述保存在数据库中，用户可对该份描述进行编辑修改；步骤5：解析组合界面定义，从数据库中读取销售制单组合界面的描述文档，实例化并加载销售制单组合界面的描述文档，首先生成组合界面的容器，根据文档中定义的布局元素的属性生成各个布局面板，销售制单界面的面板生成后将填充满整个容器，客户信息的面板、客户往来帐目的面板、商品信息的面板将按布局元素中描述的属性停靠在指定的位置，此时组合界面容器中形成了如上述几个空的面板；步骤6，加载组合界面定义，读取销售制单组合界面文档中包含的部件信息，根据各个部件中的初始信息应用各种类型的适配器创建各种类型的功能界面；各种类型的功能界面根据各自类型的适配器生成配置信息，包括各部件发布的事件与方法，按照组合界面文档中描述的消息通讯的关联关系，各部件的适配器建立事件与方法的对应，组合界面容器按照指定的加载顺序进行功能界面的加载，对销售制单界面，由于它是主区域，所以首先被加载，加载时若会触发功能界面的事件，则根据事件在加载时是否执行来确定是否允许触发，然后将生成的各功能界面添加到组合界面的各布局面板中，根据定义决定是否对复杂、耗时的部件异步加载数据，提高响应速度；步骤7，用户对组合界面的布局调整及管理，用户根据需要显示或者关闭组合界面容器中的面板，主区域是不可被关闭的，对辅助信息的面板根据用户的需要关闭或者显示，为组合界面动态增加新的部件，并且对部件的参数进行配置，根据参数在运行时是否允许修改的属性来确定，用户通过鼠标调整组合界面容器中各面板的布局情况，包括尺寸、位置、停靠，在关闭容器窗口时会提示用户是否保存当前的布局，若用户确定保存，则下次打开时将按照该次的布局进行展现，其自定义的布局保存在数据库中，用户在不同的机器上打开时显示效果是一致的，用户更改组合界面的布局后，系统还提供恢复到初始布局的功能，对用户已经保存过自定义布局的，系统还提供恢复最近一次布局的功能。