CN1786902A - 一种图形用户界面及其生成方法 - Google Patents

Abstract

本发明公开了一种图形用户界面，包括：控件，用于实现用户交互；显示窗，用于选择性显示所述控件或控件的组合；控件显隐控制单元，与所述控件之间具有直接对应关系；用于接收用户的输入信息并控制控件的显隐，从而实现控件或控件的组合在所述显示窗的切换。本发明还相应公开了一种图形用户界面的生成方法。本发明由于通过控件显隐控制单元直接控制控件在显示窗的显隐，从而便于修改和扩展界面的功能，具有较大的自由度。

Description

一种图形用户界面及其生成方法

技术领域

本发明涉及计算机图像数据处理技术，特别是涉及一种图形用户界面及其生成方法。

背景技术

随着计算机技术的发展，软件产品的界面日益趋向于采用图形用户界面(GUI)。图形用户界面包括用户熟悉的符号、命令条、下拉菜单、窗口等各种界面元素。相应地，图形用户界面的各种软件控件的相关技术也日益成熟与丰富，如按钮、滑动条、指示灯、开关等。通常，将控件按照其功能整合在不同的用户交互区中，便于及时接收用户的操作指令并且反馈操作结果。

随着界面功能的日益完善和丰富，对增加界面上的用户交互区的大小的要求也越来越多。现有技术中存在多种增加用户交互区的大小的方法。

其中一种方法是增加用户交互窗口的大小，这种方法的缺陷在于：在窗口大小有限制的情况下应用将会受到制约。

另一种方法是在界面中增加一个Window的Tab控件。该Tab控件通过控制与其相关联的TAB属性页(窗口)的显示和隐藏来实现软件控件的切换。由于该Tab控件为MFC控件，所以应用较多。

一并参阅图1和图2，在一个界面900上形成多个用户交互窗口910和920，在每一个用户交互窗口上集成一些功能类似的控件，如窗口910上存在控件A、B、C、D；窗口920上存在控件E、F。

该方法的实现过程大致是：采用传统的Window Tab控件技术，在界面900中形成窗口910和920，分别对应控制控件TAB1和TAB2。

Class CADialog

{

  CAWnd A1

  CBWnd B1

}

并且，在窗口910和窗口920中，分别存在控件A、B、C、D和E、F。

Class CAWnd

{

  控件A；

  控件B；

  控件C；

  控件D；

}

Class CBwnd

{

  控件E；

  控件F；

}

因此，通过控制窗口910和920的显示就可以达到对控件A、B、C、D和E、F的显示控制，因为控件的显示状态取决于其父窗口的显示状态。例如，当切换到TAB1对应的窗口910的时候，窗口910显示，窗口920隐藏，从而达到控件A、B、C、D的显示和控件E、F的隐藏。

也就是说，现有技术中，界面中功能交互区的显隐可以通过控制与其相关的窗口的显隐来实现，而窗口的显隐表现出来的最终效果就是窗口中软件控件的显隐。

但是，该方法的缺陷在于：对于一个已经实现界面功能并且其功能逻辑比较复杂的界面来说，如果要将一个窗口中的软件控件移动到另一个窗口(属性页)中去，其实现难度是比较大的，因为必然涉及到整个窗口的修改。也就是说，原有的Window Tab技术在修改已经实现的界面上表现出一定的局限性。此外，在无法新增窗口的情况下，要扩展界面的功能，需要在现有的窗口中增加软件控件，其实现也是比较困难的。

发明内容

本发明解决的技术问题在于提供一种图形用户界面及其生成方法，便于修改和扩展界面的功能，具有较大的自由度。

为此，本发明解决技术问题的技术方案是：提供一种图形用户界面，包括：

控件，用于实现用户交互；

显示窗，用于选择性显示所述控件或控件组合；

控件显隐控制单元，与所述控件之间具有对应关系；用于接收用户的输入信息并控制控件的显隐，从而实现控件或控件组合在所述显示窗的切换。

优选地，所述控件显隐控制单元是显示窗的界面元素。

优选地，所述控件显隐控制单元是与控件或控件的组合之间存在对应关系的按钮。

优选地，构成同一控件组合的控件形成一个链表，各控件都是该链表中的一个节点；每个控件显隐控制单元对应于一个由控件形成的链表。

本发明还提供一种图形用户界面的生成方法，包括步骤：

1)生成图形用户界面的控件；

2)生成图形用户界面的控件显隐控制单元；

3)建立所述控件和控件显隐控制单元之间的对应关系；

4)生成图形用户界面的显示窗，其中包括当前需显示的控件和控件显隐控制单元。

优选地，所述步骤3)具体包括：

31)生成管理类，用于管理和存贮控件当前的信息，以便恢复上次显示时的状态；

32)实现一个该管理类的链表，该链表的每一个节点都是一个控件；

33)建立管理类和控件显隐控制单元之间的对应关系。

优选地，所述控件显隐控制单元是图形用户界面的界面元素。

优选地，所述控件显隐控制单元是按钮。

优选地，还包括从链表中删除控件信息或者在链表中添加控件信息。

优选地，所述控件之间组合形成页面；还包括切换页面的步骤：

控件显隐控制单元接收用户切换页面的输入；

遍历当前处于显示状态的链表节点，对节点对应的控件的显示状态进行保存，并对当前显示的页面进行隐藏；

切换到与用户输入对应的控件链表，根据上次保存时的显示状态对链表中的控件进行恢复显示。

相对于现有技术，本发明的有益效果是：首先，由于本发明在控件显隐控制单元与控件之间直接建立对应关系，因此在修改已经实现的界面时，只需要修改对应关系即可，无需对控件或控件的组合做较大的改动。其次，在扩展界面的功能时，也仅仅需要在对应关系中增加一些描述即可，无需对显示窗做较大的改动，实现较为简单。

此外，在本发明的优选实施方案中，在实现多个页面(控件的组合)的切换时，由于是直接面对界面基本的控件元素，所以可以表现出很大的运用自由度，比如将一个控件从一个属性页(页面)转移到另外一个属性页(页面)中去就只需要将该控件节点从一个链表移动到另外的一个链表中。并且，由于控制页面显示的控件不再是Tab，所以这些控制控件的使用将会有着较大的自由度，例如按钮来实现控制。

附图说明

图1是现有技术的图形用户界面的示意图；

图2是图1所示现有技术的图形用户界面的控制示意图；

图3至图6是本发明的图形用户界面的示意图；

图7是本发明的图形用户界面的实施例的示意图；

图8是图7所示界面的控件和按钮的对应关系；

图9是本发明的图形用户界面的生成方法的流程图。

具体实施方式

本发明主要的构思在于在界面中集成多个页面，而无需采用Window Tab控件来增加界面中的用户交互功能，给用户提供一个更加丰富的用户交互体验。

请参阅图3至图6，是本发明的图形用户界面的示意图。

所述界面中仅存在单一显示窗100，该显示窗100与多个页面110、120、130和140之间建立关联，可用于显示多个页面110、120、130和140中的一个；所述页面110、120、130和140中分别具有相应的软件控件。

为控制页面的显示和隐藏，实现不同页面之间的切换，该显示窗100具有控件显隐控制单元150，其与页面中的控件建立直接的对应关系，用于接收用户切换页面的操作指令并完成控件的显隐，而不同控件的显隐则表现为页面之间的切换。

也就是说，本发明的界面采用单一显示窗，而显示窗中的控件显隐控制单元直接控制多个控件的显隐，从而完成不同页面之间的切换。

需要说明的是，本实施方式中提到的页面仅是为帮助说明而引入的概念，实际上，由于控件与控件显隐控制单元150之间是直接对应的关系，并不存在如现有技术的页面这样的元素，只是当控件显示在显示窗100并切换时，看上去好像是几个不同的页面在进行切换。

所述控件显隐控制单元150是显示窗100中的界面元素，无需采用TAB技术来实现，可以是多个与不同的页面一一对应的按钮。

请参阅图7，是一种图形用户界面的实施例。

该图形用户界面的显示窗100中当前显示的是控件A、B和C，而控件A、B和C构成页面110；本实例中，显示窗100的控件显隐控制单元150具体包括按钮151、152和153，分别对应不同的页面，当前的有效按钮是151。

一并参阅图8，按钮151、152和153和不同的控件之间建立对应关系。其中，按钮152对应于构成页面120的控件D和E；按钮153对应于构成页面130的控件F和G。

其中，可以采用链表的形式来实现按钮和控件之间的对应。构成同一页面的控件形成一个链表，各控件都是该链表中的一个节点；每个按钮对应于一个链表，用于控制该链表的控件的显隐。

当然，所述控件显隐控制单元也可以采用其他的实现机制，此不赘述。

请参阅图9，是本发明的图形用户界面的生成方法的流程图。

步骤S10，生成图形用户界面的控件。所述控件可以是按钮、下拉菜单、滑动条等各种形式的软件控件。

为便于用户的操作，可以按照功能分类对控件进行管理，从而形成由不同控件组成的多个页面(虚拟页面)。

步骤S20，生成图形用户界面的控件显隐控制单元，该控件显隐控制单元用于接收用户切换页面的操作指令并进行处理。

步骤S30，建立控件和控件显隐控制单元之间的对应关系。

因此，当控件显隐控制单元接收到用户的输入信息后，将能够根据该对应关系判断需要显示的控件以及需要隐藏的控件，并控制相应控件的显示或隐藏，从而在显示窗上实现页面切换的效果。

步骤S40，生成图形用户界面的显示窗，其中显示控件显隐控制单元和当前选定的控件。

为便于理解本发明，下面介绍本发明的一个实施例。

首先，生成图形用户界面的控件。

其次，生成管理类，用于管理和存贮控件的信息；并且通过这个管理类实现控件的显示和隐藏。

由于在显示窗中需要有多个控件实现隐藏和显示，所以需要实现一个该管理类的链表，该链表的每一个节点都是一个控件显示窗。

如果在一个界面显示窗上实现多个属性页，就需要有对应数量的管理链表存在，用于控制与其相关的控件的显隐。

在控件的生命周期中显示和隐藏的控件同样接受显示窗发送过来的消息，如果某个控件需要销毁就将该控件从链表中删除掉，如果有新增加的控件，就将该控件添加到对应的链表中。

随后，建立管理类和显示窗的控件显隐控制单元之间的对应关系。所述控件显隐控制单元采用按钮(Button)。

最后，绘制图形用户界面，在生成的图形用户界面的显示窗中，将显示按钮和处于当前显示状态的控件组成的页面。

因此，在点击某个按钮进行页面切换的时候，将会对遍历当前处于显示状态的链表节点，对节点对应的控件显示窗的显示状态进行保存(因为并不是所有的控件显示窗都是可见的)，并对显示的显示窗进行隐藏。然后切换到被点击的按钮对应的控件链表，根据上次保存时的显示状态对链表中的控件进行恢复。

以上所述仅仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种图形用户界面，包括控件，用于实现用户交互；其特征在于，还包括：

显示窗，用于选择性显示所述控件或控件组合；

控件显隐控制单元，与所述控件之间具有对应关系；用于接收用户的输入信息并控制控件的显隐，从而实现控件或控件组合在所述显示窗的切换。

2.根据权利要求1所述的图形用户界面，其特征在于：所述控件显隐控制单元是显示窗的界面元素。

3.根据权利要求2所述的图形用户界面，其特征在于：所述控件显隐控制单元是与控件或控件的组合之间存在对应关系的按钮。

4.根据权利要求1至3任一项所述的图形用户界面，其特征在于：构成同一控件组合的控件形成一个链表，各控件都是该链表中的一个节点；每个控件显隐控制单元对应于一个由控件形成的链表。

5.一种图形用户界面的生成方法，其特征在于，包括步骤：

1)生成图形用户界面的控件；

2)生成图形用户界面的控件显隐控制单元；

3)建立所述控件和控件显隐控制单元之间的对应关系；

4)生成图形用户界面的显示窗，其中包括当前需显示的控件和控件显隐控制单元。

6.根据权利要求5所述的图形用户界面的生成方法，其特征在于，所述步骤3)具体包括：

31)生成管理类，用于管理和存贮控件当前的信息，以便恢复上次显示时的状态；

32)实现一个该管理类的链表，该链表的每一个节点都是一个控件；

33)建立管理类和控件显隐控制单元之间的对应关系。

7.根据权利要求6所述的图形用户界面的生成方法，其特征在于：所述控件显隐控制单元是图形用户界面的界面元素。

8.根据权利要求7所述的图形用户界面的生成方法，其特征在于：所述控件显隐控制单元是按钮。

9.根据权利要求6至8任一项所述的图形用户界面的生成方法，其特征在于：还包括从链表中删除控件信息或者在链表中添加控件信息。

10.根据权利要求6至8任一项所述的图形用户界面的生成方法，其特征在于，所述控件之间组合形成页面；还包括切换页面的步骤：

控件显隐控制单元接收用户切换页面的输入；

遍历当前处于显示状态的链表节点，对节点对应的控件的显示状态进行保存，并对当前显示的页面进行隐藏；

切换到与用户输入对应的控件链表，根据上次保存时的显示状态对链表中的控件进行恢复显示。

Images