CN1610881A - Gui应用开发支持设备、gui显示设备和方法及计算机程序 - Google Patents

Abstract

提供一种GUI应用开发支持设备和方法，能容易地设定并执行与GUI部件状态对应的各种动画表现。GUI部件是根据逻辑部分和图形表现部分而生成的。图形表现部分具有基于与部件状态对应的图像文件的动画执行功能。根据由图形表现部分的类所执行的方法，从图像文件中读入预先设定的图像数据以显示。于是，可能根据基于部件的状态而设定的图像来执行各种动画。

Description

GUI应用开发支持设备、GUI显示设备和方法及计算机程序

技术领域

本发明涉及GUI应用开发支持设备、GUI显示设备、方法和计算机程序。更具体地，本发明涉及这样的GUI应用开发支持设备、GUI显示设备、方法和计算机程序：使其有可能在图形用户界面(GUI)中设定的如按钮、列表、组合框等各部件被配置为执行视觉高效的动画表现的部件。

背景技术

对于PC、通信终端或各种信息家电，使用CRT和LCD等显示器作为数据显示界面或数据用户输入/输出界面。对这样的显示器，对其设定与信息家电的利用形态相适应的功能的屏幕图像，被显示成例如图形用户界面(GUI)。对于GUI，例如设定了输入按钮的安排、数据输入域的设定或按钮按下时要进行的处理等各种功能。作为开发用来设定这种用户界面屏幕的设计和功能的应用程序所用的编程语言，广泛使用由Sun微***公司推出的Java。

以Java写的程序被转换成为字节代码作为独立于计算机/平台的Java可执行文件格式，由Java虚拟机(Java VM)来读取并且转换(解释)成机器语言，并在各种设备上运行。

在Java中，为了容易地在短时间内创建应用软件，事先准备不需要再编译的软件部件，并通过组合这些部件而创建程序。在Java中，构建了使这些部件被重用的技术(Java Beans)。

部件是以例如要在显示器上显示的视窗、按钮、列表、组合框、文本输入域等各种部件为单位而设定的。对于这些部件，定义了：作为如例如按钮形状和位置信息等属性信息的「属性」，作为对部件的动作结果的处理的「方法」，以及作为当与部件有关的动作、如数据到达、中断发生、属性变更、方法调用等发生之时，与另一部件进行事件通信的功能的「事件」。这些「属性」、「方法」和「事件」被当作Java Beans中部件的元件。

Java的最小可执行程序单元叫做「类」，而Java程序是由一个或更多的类组成的。类具有作为数据的变量和作为动作的方法。有可能将被设定成类的程序部件经因特网或LAN等网络传送并存储于PC或信息家电，而在存储类文件的设备侧，独立于平台的Java虚拟机能够运行存储在类文件内的程序。

如前述，例如按钮、列表、组合框、文本输入域等构成GUI的各种部件被设定成这样的部件：其拥有部件的形状和位置信息等属性信息作为属性，并进一步为其定义了方法和事件等功能信息。

换言之，定义了在图形用户界面上设定的按钮等部件(GUI部件)的功能、如例如明(turned on)时要执行的处理或灭(tumed off)时要执行的处理等功能的逻辑部分，并且集成部件的显示图像即图形表现部分。在设计GUI的编程处理中，通过对逻辑部分和图形表现部分被集成的部件进行选择和设定，而设计各种应用。

因此，例如，在将动画设定成当作为部件的按钮明或灭时的显示处理的情形中，动画基本上被设定成固定的动画，而且它们难于变更。

然而，最优的图形图像随安装了GUI的设备而不同，某人有时想设定的动画随设备而不同。例如，在儿童操作的设备中采用动画丰富的设定，而在面向商用的设备等中则采用简单动画设定。进而，最优的图形图像随设备自身的如内存、CPU等的性能而异。

发明内容

本发明就是鉴于上述问题而做出的，其目的在于提供一种GUI应用开发支持设备、GUI显示设备、方法和计算机程序，其使得有可能在图形用户界面(GUI)中设定的各部件上、自由地设定各种动画，并使得有可能设定不同的动画作为依设备而不同的图形表现。

本发明的第一方面是一种支持GUI应用开发的GUI应用开发支持设备，该GUI应用具有设定信息，其是构成图形用户界面(GUI)的部件的功能及显示模式，

该GUI应用开发支持设备的特征在于，其包括：

图形表现部件存储部，其存储其中存储涉及各部件的图形表现的程序的图形表现部件；

图像存储部，其存储根据为所述图形表现部件而定义的方法而可读的动画图像数据；和

编辑处理部，其执行根据各部件的状态而读出的图像数据的关联处理。

进而，本发明的GUI应用开发支持设备的一实施例的特征在于：

所述编辑处理部具有这样的配置：使得能与多个不同部件的每个状态相关联而设定不同的读出图像数据。

进而，本发明的GUI应用开发支持设备的一实施例的特征在于：

所述图形表现部件存储部包括存储多个不同图形表现处理执行程序的多个图形表现部件存储部，并且在于在各图形表现部件存储部中存储的图形表现部件可具有它们分别与读出图像文件个别地相关联的配置。

进而，本发明的GUI应用开发支持设备的一实施例的特征在于进一步包括：

逻辑部件存储部，其存储其中存储涉及部件功能的程序的逻辑部件，

其特征在于所述编辑处理***的配置：通过将从所述逻辑部件存储部提取的逻辑部件和从所述图形表现部件存储部提取的图形表现部件相组合而生成GUI部件。

进而，本发明的第二方面是一种生成GUI应用的GUI应用程序生成方法，该GUI应用具有用于构成图形用户界面(GUI)的部件的功能及显示模式的设定信息，

该GUI应用程序生成方法的特征在于包括：

图形表现部件选择步骤，其从图形表现部件存储部选择提取图形表现部件，该图形表现部件存储部用来存储其中存储涉及各部件的图形表现的程序的图形表现部件；和

编辑处理步骤，其根据与在所述图形表现部件选择步骤选择的图形表现部件对应的部件的状态，执行要读出的图像数据的关联处理。

进而，本发明的GUI应用程序生成方法的一实施例的特征在于：

所述编辑处理步骤包括步骤：其根据与多个不同部件的各状态关联而为所述图形表现部件定义的方法，个别地设定要读出的动画图像数据。

进而，本发明的GUI应用程序生成方法的一实施例的特征在于进一步包括：

所述GUI应用生成方法进一步包括从逻辑部件存储部读出逻辑部件的步骤，该逻辑部件存储部存储其中存储涉及各部件功能的程序的逻辑部件，

其特征在于所述编辑处理步骤包括步骤：通过将从逻辑部件存储部提取的逻辑部件和从图形表现部件存储部提取的图形表现部件相组合而生成GUI部件。

进而，本发明的第三方面是一种在显示器上执行GUI部件的动画表现的GUI显示设备，该GUI显示设备的特征在于包括：

控制装置，用来执行要在显示器上显示的GUI部件的显示控制，

其特征在于所述控制装置是这样的配置：使得能读出与部件关联的图形表现部件的图形表现类并执行它，并且根据在该类执行处理中调用的动画索引方法而从存储于存储部的图像文件中读出对应于部件而预先设定的图像数据，并执行将读出的图像数据输出至显示器上的处理。

进而，本发明的GUI显示设备的一实施例的特征在于：

所述控制装置是这样的配置：使得能识别部件的状态，从存储部读出与部件的状态对应的图像数据，并执行将图像数据显示在显示器上的处理。

进而，本发明的第四方面是一种用于要在显示器上显示的GUI部件的动画显示处理方法，该动画显示处理方法的特征在于包括：

类执行步骤，其执行与部件关联的图形表现部件的图形表现类；

图像读出步骤，其根据在所述类执行步骤调用的动画索引方法而从图像文件中读出预先设定的图像数据；和

在显示器上显示在所述图像读出步骤读出的图像数据的步骤。

进而，本发明的动画显示处理方法的一实施例的特征在于：

在所述图像读出步骤读出的图像是基于所述部件的状态的图像数据。

进而，本发明的第五方面是一种计算机程序，其执行GUI应用程序生成处理，该GUI应用程序具有构成图形用户界面(GUI)的部件的功能及显示模式的设定信息，

该计算机程序的特征在于包括：

图形表现部件选择步骤，其从图形表现部件存储部选择提取图形表现部件，该图形表现部件存储部用来存储其中存储涉及各部件的图形表现的程序的图形表现部件；和

编辑处理步骤，其根据与在所述图形表现部件选择步骤选择的图形表现部件对应的部件的状态，执行要读出的图像数据的关联处理。

进而，本发明的第六方面是一种计算机程序，其执行用于要在显示器上显示的GUI部件的动画显示处理，该计算机程序的特征在于包括：

类执行步骤，其执行与部件关联的图形表现部件的图形表现类；

图像读出步骤，其根据在所述类执行步骤调用的动画索引方法而从图像文件中读出预先设定的图像数据；和

在显示器上显示在所述图像读出步骤读出的图像数据的步骤。

根据本发明的配置，有可能自由地设定在GUI中设定的各部件的动画，并容易地进行与配备了GUI的设备对应的最优部件动画的设定。即，由于本发明提供了这样的配置：允许根据由部件中所含的图形表现部件的图形表现类所执行的动画索引方法、而从图像文件中读出并显示预先设定的图像数据，故有可能通过根据部件的状态设定的图像来执行动画，并有可能随着根据GUI部件的状态的视觉效果来执行动画表现。

进而，根据本发明的配置，由于采用这样的配置：即分离地配置各部件的逻辑部分和图形表现部分，基于逻辑部分和图形表现部分而生成GUI部件，而且基于与部件状态对应的图像文件、使图形表现部分具有动画执行功能，故有可能通过独立于逻辑部分的处理而容易地变更动画的设定模式。

此外，本发明的计算机程序是这样的计算机程序：其可以通过以计算机可读格式而提供这些代码的存储媒体和通信媒体、被提供给例如能够运行各种程序代码的通用计算机***，存储媒体和通信媒体的例子包括如CD、FD、MO等的记录媒体或如网络的通信媒体。通过以计算机可读格式而提供这样的程序，在计算机***上实现基于该程序的处理。

通过基于后述本发明的实施例的更详细的说明和附图，本发明的其他目的、特征和优点应该变得清楚。如本说明书中使用的***指的是多台设备的逻辑集合配置，而不限于各组成设备居于同一实体内。

附图说明

图1是表示本发明的GUI应用开发支持设备的硬件配置例的图；

图2是表示本发明的GUI应用开发支持设备的功能配置的框图；

图3是说明本发明的GUI应用开发支持设备的处理顺序的顺序图；

图4是说明本发明的GUI应用开发支持设备的处理顺序的顺序图；

图5是说明执行本发明的GUI应用开发支持设备的处理需要的文件的配置例的图；

图6是说明用本发明的GUI应用开发支持设备生成的GUI部件的显示例的图；

图7是说明用本发明的GUI应用开发支持设备生成的GUI部件的显示例的图；

图8是说明用本发明的GUI应用开发支持设备执行的、与各部件的状态对应的动画设定的处理例的图；

图9是表示这样的功能配置的框图：该功能配置用来用本发明的GUI应用开发支持设备设定部件的动画处理；

图10是说明用本发明的GUI应用开发支持设备生成的部件的状态所对应的动画执行的处理的处理例的图；以及

图11是表示GUI显示的配置例的框图。

具体实施方式

以下，参照附图来详细地说明本发明的GUI应用开发支持设备、GUI显示设备、方法和计算机程序。

[1.硬件配置]

首先，参照图1来说明本发明的GUI应用开发支持设备的硬件配置例。参照图1来说明GUI应用开发支持设备100内的各元件。CPU(中央处理单元)101是GUI应用开发支持设备100的主控制器，其在操作***(OS)的控制下执行各种GUI应用开发程序。CPU 101执行例如基于Java语言的程序创建处理，具体地说，即在GUI屏幕上设定的如按钮、组合框等各部件的功能设定和显示图像的设定等的处理。如图示，CPU 101经由总线107与其他构件部分相互连接。

存储器102是用来存储要由CPU 101执行的程序代码或暂时存储执行中的作业数据的存储设备。同图所示的存储器102包括ROM等非易失性存储器以及DRAM等易失性存储器。

图形处理芯片150是这样的芯片：其内部集成了对于各种GUI部件执行彩色处理的专用处理电路。

作为显示控制部的显示控制器103是用来实际地处理由CPU 101发出的绘画命令的专用控制器。由显示控制器103处理的绘画数据在例如一旦被写入帧缓冲器(未图示)后，由显示器108进行屏幕输出。例如，从HDD(111)再现的图像、或由CPU 101处理的图像可在显示器108上显示，而用户可观看该呈现的屏幕。

输入设备接口104是用来将如键盘109、鼠标110等用户输入设备连接至GUI应用开发支持设备100的设备。用户能够经键盘109和鼠标110输入用来处理或显示图像等的命令。

遵循以太网等预定的通信协议，网络接口105能够将GUI应用开发支持设备100连接至LAN(局域网)等局域网络，进而连接至因特网等广域网络。

在网络上以透明状态连接了多台主机终端和服务器(未图示)，并构建了分布计算环境。在网络上能够提供软件程序和数据内容的分发服务。例如，能够将来自保存了运动图像、静止图像等的另一台服务器的图像数据经由网络下载至HDD(111)。

外部设备接口106是这样的装置：其将数码相机、硬盘驱动器(HDD)111、媒体驱动器112等外部设备连接至GUI应用开发支持设备100。

HDD 111是外部存储设备，其中固定地装载了作为存储媒体的磁盘，并在存储容量、数据传送速率等方面有优势，还允许随机存取。例如，将软件程序以可执行状态存储于HDD 111上的程序安装是可能的。在HDD 111上，要由CPU 101运行的操作***、应用程序、设备驱动的程序代码以非易失的方式来存储。

媒体驱动器112是这样的设备：其中可装入CD(光盘)、MO(磁光盘)、DVD(数字多功能盘)等可移型媒体160，并用来存取其数据记录面。

可移型媒体160的主要使用目的是如将软件程序、数据文件等备份成计算机可读格式的数据，并将他们在***间传送(即，包括销售、流通和分发)。可以利用这些可移型媒体而在多台设备间对用来进行各种处理的应用程序进行物理的流通和分发。

此外，如图1所示的设备可实现为IBM公司的个人计算机「PC/AT(个人计算机/先进技术)」的兼容机或后继机。当然，也可能应用具有不同架构的计算机。

[2.功能配置]

其次，参照图2来说明本发明的GUI应用开发支持设备的功能配置，本发明的GUI应用开发支持设备通过分离地配置在图形用户界面(GUI)中设定的各部件的逻辑部分和图形表现部分来开发GUI应用。

如图2所示，本发明的GUI应用开发支持设备拥有部件存储部200，其中存储了要在充当用户界面的屏幕上设定的各种部分(部件)，如按钮、组合框、列表、视窗、文本框等。部件存储部200包括逻辑部件存储部201、图形表现部件存储部(简单)202和图形表现部件存储部(丰富)203。

逻辑部件存储部201是这样的部件：其存储了逻辑信息，该逻辑信息是关于要在充当用户界面的屏幕上设定的各种部分(部件)的，如按钮、组合框、列表、视窗、文本框等。例如，若是按钮，则被配置为这样的软件程序部件：其将明时的处理、灭时的处理等的功能定义成按钮功能。

另一方面，图形表现部件存储部(简单)202和图形表现部件存储部(丰富)203被配置为存储了部件的显示图像信息的软件程序部件，即存储了图形表现程序的软件程序部件。图形表现部件存储部(简单)202和图形表现部件存储部(丰富)203是每个存储执行不同图形表现的程序的部件。

图像数据存储部205存储了如例如jpeg、gif等图像数据。通过将这些图像数据与各部件的图形表现部件相关联，根据基于部件的各种动作的图像数据的动画显示成为可能。这种动画设定处理将在后面说明。

作为GUI应用程序开发者的操作者经数据输入/输出部220而对于编辑处理部210执行各种数据输入，并通过设定如按钮或组合框等各部件的功能和图形图像来构建GUI部件。

部件的创建处理执行程序是例如Java程序的一个类(factory类)。编辑处理部210通过执行factory类来创建各种部件。此外，编辑处理部210的处理，在图1中显示的硬件配置的情形是在CPU 101的控制下执行的处理。

部件被作为GUI部件而在编辑处理部210编辑，对此GUI部件定义了：作为如例如按钮形状和位置信息等属性信息的「属性」，作为对部件的动作的结果的处理的「方法」，以及作为当与一部件有关的动作、如数据到达、中断发生、属性变更、方法调用等发生之时与另一部件进行事件通信的功能的「事件」。

编辑处理部210包括编辑为部件设定的属性的属性编辑部211、编辑方法的方法编辑部212和编辑事件的事件编辑部213。

在设定要生成的GUI部件的外表即图形表现之时，操作者对于执行factory类的编辑处理部210输入look & feel包指定数据(package specificationdata)。即，操作者指定「简单」或「丰富」两者之一。

根据此指定数据，在编辑处理部210执行factory类，并依赖指定数据从图形表现部件存储部(简单)202或图形表现部件存储部(丰富)203两者之一读出对应程序部件，而同时与从逻辑部件存储部201读出的部件一起生成部件。

例如在生成关于按钮的GUI部件之时，从逻辑部件存储部201读出按钮部件，该逻辑部件存储部201存储其中存储了与部件有关的逻辑信息的部件，进而，依赖来自操作者的look & feel包指定数据、即「简单」或「丰富」两者之一的指定数据，从图形表现部件存储部(简单)202或图形表现部件存储部(丰富)203读出存储按钮的图形表现程序的部件，并通过将逻辑部件与「简单」或「丰富」图形表现部件的两者之一相组合而生成单个按钮部件。

对于除按钮以外的如组合框、列表、视窗、文本框等各种部件，执行类似的编辑处理，并在编辑处理后，将所设定的GUI应用程序存储在程序存储部221中，在程序执行部222处执行，并在显示部223上显示生成的GUI。

此外，在上述实施例中，说明例子：为存储图形表现程序的部件仅设定了「简单」和「丰富」两类，但是种类数也可设定成3及以上的任意数，而操作者可输入被设定的图形表现部件的一些指定数据，从而根据指定数据来选择图形表现部件，并创建各种GUI部件。

[3.处理顺序]

接着，参照图3及图4来说明通过应用本发明的GUI应用开发支持设备而生成GUI部件的处理过程。

图3是表示选择「简单」图形表现部件并且生成GUI部件的处理顺序的图。在图3中，左起依次表示操作者、GUI生成应用、部件工厂(factory)、图形表现部分和逻辑部分的各处理。图形表现部分和逻辑部分的处理对应从图2所示的图形表现部件存储部(简单)202和逻辑部件存储部201读出的部件中存储的程序的执行，这些处理以及部件工厂的处理在图2的编辑处理部210执行。

首先，在步骤S101处，操作者将GUI部件的生成命令(Create)输入GUI生成应用。此GUI部件的生成命令(Create)是与指定了如例如「按钮」、「列表」、「组合框」、「收音机按钮」、「视窗」等部件种类的数据一起输入的。

进而，在步骤S102处，将用来指定图形表现的「look & feel」指定从操作者经应用输出至部件工厂。这里假设将「简单」指定为「look & feel」指定。

接着，在步骤S103处，将部件生成命令从应用输出至部件工厂。在此命令中包含了表示在先前步骤S101处指定的部件种类的识别数据。

在步骤S104处，从部件工厂对于图形表现部分(简单)和逻辑部分输出部件生成命令(Create)，并根据逻辑部分和图形表现部分的存储程序而执行部件生成。

步骤S105以后的处理表示这样的情形中的处理顺序：即由应用来处理部件，例如如在进行作为部件的「视窗」的打开处理命令时。来自应用的部件的打开处理命令被转递给逻辑部分，并基于逻辑部分的程序的执行而将画图命令转递给图形表现部分(简单)。图形表现部分(简单)根据来自逻辑部分的输入命令而执行部件的画图处理。

这里，由于部件生成所采用的图形表现部分是「简单」，故要在显示器上显示的生成部件即按钮等，采用由画图来完成彩色设定的简单配置。

接着，将参照图4来说明选择「丰富」图形表现部件并且生成GUI部件的处理顺序。像图3一样，左起依次表示操作者、GUI生成应用、部件工厂、图形表现部分、逻辑部分的各处理。像图3一样，图形表现部分和逻辑部分的处理对应从图2所示的图形表现部件存储部(简单)202和逻辑部件存储部201读出的部件中存储的程序的执行，并且这些处理以及部件工厂的处理在图2的编辑处理部210执行。

首先，在步骤S201处，操作者将GUI部件的生成命令(Create)输入GUI生成应用。此GUI部件的生成命令(Create)是与指定了例如「按钮」、「列表」、「组合框」、「收音机按钮」、「视窗」等部件种类的数据一起输入的。

进而，在步骤S202处，将用来指定图形表现的「look & feel」指定从操作者经应用输出至部件工厂。这里假设将「丰富」指定为「look & feel」指定。

接着，在步骤S203处，将部件生成命令从应用输出至部件工厂。在此命令中包含了表示在先前步骤S201处指定的部件种类的识别数据。

在步骤S204处，从部件工厂对于图形表现部分(简单)和逻辑部分输出部件生成命令(Create)，并根据逻辑部分和图形表现部分(丰富)的存储程序执行部件的生成。

步骤S205以后的处理表示这样的情形中的处理顺序：由应用来处理部件，例如如在进行作为部件的「视窗」的打开处理命令时。来自应用的部件的打开处理命令被转递给图形表现部分，并基于存储在图形表现部分中的动画程序的执行来执行动画(S206)。

进而，在步骤S207处，打开处理命令被转递给逻辑部分，并基于逻辑部分的程序的执行而将画图命令转递给图形表现部分(简单)，而图形表现部分(丰富)根据来自逻辑部分的输入命令来执行部件的画图处理。

在图4所示的顺序图中，由于部件生成所采用的图形表现部分是「丰富」，故要在显示器上显示的生成部件即按钮等采用不仅由画图来完成彩色设定、而且还执行动画表现的配置。

[4.文件配置例]

下面将说明用来执行如上述的部件显示的文件配置例。

例如，作为这样的情形中的文件：即作为具有充当GUI部件示例的按钮的功能的图标，“按钮图标(Buttcon)”部件被配置为GUI部件，例如以下各文件成为必要的。

CButtcon.java：实现按钮图标的逻辑部分的类，

Buttcon.java：实现look & feel部分的类，该look & feel部分作为按钮图标的图形表现部分，

buttcon normal off.gif：按钮图标「灭」时的图像，

buttcon normal on.gif：按钮图标「明」时的图像，

buttcon pushed.gif：按钮图标按下时的图像，

CComponentFactory.java：应用创建按钮图标所使用的factory类，

Application.java：用来显示创建的按钮图标的应用。

类指Java中程序的可执行单元。

在图5中表示上述各文件的目录配置。作为工具包的[customtoolkit]文件处在某GUI应用文件[Application]之下，而在该文件中包含CButtcon.java：实现按钮图标的逻辑部分的类、CComponentFactory.java：应用创建按钮图标所使用的factory类，进而包含作为图形表现信息的look & feel文件[laf]。

在look & feel文件[laf]中包含Buttcon.java：实现look & feel部分的类、该look & feel部分作为按钮图标的图形表现部分，即与上述图形表现部件对应的类。进而，作为图像数据文件[image]，分别包含buttcon normal off.gif：按钮图标「灭」时的图像、buttcon normal on.gif：按钮图标「明」时的图像和buttcon pushed.gif：按钮图标按下时的图像。

GUI应用程序根据用户的输入信息执行处理，该处理应用了这些文件的每个中包含的处理程序及图像数据。具体地说，执行符合逻辑部件类的程序的处理的各种功能和符合图形表现部件类的程序的各种图形表现处理两者被执行。

[5.显示例]

接着，参照图6和图7来说明基于这样的配置而生成的GUI部件的显示处理例：即各部件的逻辑部分和图形表现部分被分离。

图6表示应用图形表现部分(简单)的同时生成并显示各部件的例子。以按钮311和组合框312作为GUI部件的例子来进行说明。

当操作按钮311、例如进行按钮的明灭或聚焦设定即光标设定时，由按钮部件的逻辑部分的处理来执行基于按钮的明灭操作的处理。进而，通过例如来自逻辑部分的画图命令来执行图形表现部分(简单)，并执行画图处理即变更按钮的显示颜色的处理。

当操作组合框312、例如进行组合框312的打开、关闭等时，由组合框部件的逻辑部分的处理来执行基于组合框的打开和关闭操作的处理。进而，通过来自逻辑部分的例如画图命令来执行组合框部件的图形表现部分(简单)，并执行画图处理即变更组合框的显示颜色等的处理。

此外，可为各GUI部件区别地设定通过来自操作者的处理将执行哪种图形表现。换言之，通过变更图形表现部分(简单)的处理程序，适合各部件的图形表现处理成为可能。

图7表示应用图形表现部分(丰富)的同时生成并显示各部件的例子。以按钮320和组合框330作为GUI部件的例子来进行说明。

当操作按钮320、例如进行按钮的明灭或聚焦设定即光标设定时，在前述的画图处理以外还要执行动画321和322，作为按钮部件的图形表现部分(丰富)的处理。尽管从图中难以看到，但在(b)、(c)中执行在按钮周围扩散波纹的动画。此外，由逻辑部分的处理来执行基于按钮的明灭操作的处理。

当操作组合框330、例如进行组合框330的打开、关闭等时，由组合框部件的逻辑部分的处理来执行基于组合框的打开关闭操作的处理，同时执行动画331和332、作为组合框部件的图形表现部分(丰富)的处理。尽管从图中难以看到，但在(b)、(c)中执行了这样设定的动画：使从组合框下部向下扩展。

[6.动画设定和执行处理]

接着，说明为如视窗、按钮、组合框、列表等的GUI部件设定并执行动画的处理。

图8是说明用来设定图像数据的处理屏幕的图，该图像数据用来对于部件执行动画。采用了这样的配置：在部件指定域351中设定部件[按钮]，在其下部配置了图像数据设定域352，而在各部件状态下即正常状态(Normal)下或明(On)、灭(Off)、聚焦(Focus)设定等之下将调用的图像(jpeg)可被个别地设定。聚焦设定表示这样的状态：即在该部件上设定光标、而部件处于能够进行明和灭等操作的状态。

例如，当要执行明(On)处理时，根据为图形表现部件定义的程序而调用并执行动画索引方法。通过动画索引方法的执行，从图像文件[image]读入Jpeg图像11～21，并以动画显示基于该多个图像而在GUI上显示的按钮的图像。当要执行灭(Off)处理时，从图像文件[image]读入Jpeg图像31-38，并以动画显示基于该多个图像而在GUI上显示的按钮的图像。

在图8所示的例中，显示了这样一例：其具有通常(Normal)、明(On)、灭(Off)、聚焦(Focus)4种状态，作为部件状态。然而，状态定义不限于这些，并例如可如以下所示来定义，而当根据各状态设定图像数据时可采用这样的配置。

正常(NORMAL)：正常状态

正常未激活(NORMAL DEACTIVATED)：未激活的正常状态

聚焦(FOCUSED)：聚焦状态

聚焦未激活(FOCUSED DEACTIVATED)：未激活的正常状态

按下(PUSH)：按下状态

按下未激活(PUSH DEACTIVATED)：未激活的按下状态

禁用(DISABLED)：不能操作状态

禁用未激活(DISABLED)：未激活的不能操作状态

通过与上述这8个状态的每个关联来设定不同的构成动画的图像数据，用户有可能根据动画来了解部件的状态。此外，未激活的状态表示这样的情形：如其显示在不受操作的视窗中的状态。

于是，对于各部件，可设定个别的图像文件以对应于处理，并有可能自由地设定对应于各种处理的最优动画表现。在附图中，显示了设定对按钮的动画的一例，但是，对于其他部件也类似可能设定对应于各种处理的动画。

例如，对于组合框的打开时的动画、关闭时的动画等，通过从图像文件个别地选择和设定各图像，从而设定各种动画。

先前通过参照图1和图2说明的配置来实现一种GUI应用开发支持设备，其用来通过设定与各部件的状态对应的图像数据来执行上述的动画显示设定处理。然而，将参照图9所示的框图来说明限定于下面功能的处理配置：该功能用来根据各部件状态执行设定图像文件的处理。

如图9所示，GUI应用开发支持设备拥有部件存储部400，其存储要在作为用户界面的屏幕上设定的如按钮、组合框、列表、视窗、文本框等各种部件。部件存储部400具有：逻辑部件存储部401，作为定义部件的处理功能的软件程序部件；和图形表现部件存储部402，作为定义部件的图形表现的软件程序部件。此外，图形表现部件可如前述配置为执行如简单、丰富等多种图形表现的多个不同部件。

图像数据存储部403存储根据动画索引方法而读出的图像数据，该动画索引方法是通过执行作为程序的图形表现类而调用的，该程序是存储在图形表现部件存储部402中存储的图形表现部件中的。图像数据是例如jpeg、gif等数据文件，并对应于在图形表现部件存储部402中存储的各图形表现部件。

作为GUI应用程序开发者的操作者经数据输入/输出部420而对编辑处理部410执行各种数据输入，并通过设定如按钮、组合框等各部件的功能和图形图像来构筑GUI部件。

部件的创建处理执行程序是例如JAVA程序的一个类(factory类)。编辑处理部410通过执行factory类来创建各种部件。此外，编辑处理部410的处理在图1所示的硬件配置图的情形是在CPU 101的控制下执行的处理。

在设定动画的处理中，如参照图8所说明的，在编辑处理部410中执行根据部件的状态而要读出的关联图像数据的处理。此处理是作为部件的「属性」、「方法」和「事件」的编辑处理的部分而执行的。

在设定要生成的GUI部件的外表即图形表现之时，操作者对于执行factory类的编辑处理部410输入look & feel包指定数据。即，操作者指定「简单」或「丰富」两者之一，进而，如参照图8所说明的，根据部件的状态设定要读出的图像数据。

根据这些设定信息，生成拥有各种部件的GUI应用程序，所生成的GUI应用程序存储在程序存储部421中，在程序执行部422处执行，并在显示部423上显示生成的GUI。

接着，参照图10来说明动画执行时的处理，即GUI显示设备处的处理。将说明按钮的动画514的显示处理，该按钮被作为在显示器513上显示的GUI部件。

动画显示处理是由包含在按钮的部件中的图形表现部件的图形表现类511来执行的。根据为图形表现类511定义的程序，调用动画索引方法，从图像文件[image]512读取在先前参照图8说明的设定处理处设定的Jpeg图像11～21，并且基于该多个图像而GUI显示的按钮的图像被显示成动画514。

这里，显示了这样一例：即显示了在按钮周围扩散波纹的动画。通过确保图1的硬件配置的存储器102、HDD 111或其他存储装置的部分区域、并将其设定成图像文件存储部，从而能够存储图像文件[image]512。

在将上述处理总结成要在显示器上显示的GUI部件的动画显示处理方法顺序时，可总结成一种执行步骤，其包括：

(1)类执行步骤，其执行与部件关联的图形表现部件的图形表现类；

(2)图像读出步骤，其根据在类执行步骤处调用的动画索引方法而从图像文件中读出预先设定的图像数据；和

(3)在显示器上显示在图像读出步骤处读出的图像数据的步骤。

这些处理步骤被记录成用来执行GUI应用的程序，并根据用户的GUI操作来执行，即进行动画显示。

此外，对于如按钮的部件的动画，通过变更所调用的图像数据可容易地设定各种动画。例如，可将如在按钮中发生凹或凸形状的扭曲、或变化颜色等各种动画设定成按钮的明灭操作。此外，不仅是在明灭操作时，而且还在其上设定光标的聚焦状态时，也有可能采用连续执行动画的配置。这是通过以光标位置在按钮部件位置上重叠作为其条件，调用动画索引方法，并从图像数据读取并执行聚焦图像文件来实现的。

此外，如参照图2所说明的，即使对于简单、丰富等的同一部件、例如按钮，也在图形表现部件存储部中准备存储不同的图形表现处理执行程序的多个图形表现部件。在图2的例中，仅显示了简单、丰富2个种类，但是，进而，如丰富1、丰富2、…等多个图形表现部件的设定也是可能的。

对于该图形表现部件每个，有可能将互不相同的个别的读出图像文件相关联。即使对于具有同样功能的按钮，要应用的图形表现部件也是由最初的look & feel包指定来决定的，并显示对应于该部件而设定的动画。因此，有可能根据look & feel包指定来进行各种不同的动画显示。

如上述，在本发明的配置中，有可能自由地设定在GUI中设定的各部件的动画，并容易地进行与配备了GUI的设备对应的最优部件动画的设定。

本发明设有这样的配置：允许根据由部件中所含的图形表现部件的图形表现类所进行的动画索引方法，从图像文件中读出并显示预先设定的图像数据，并根据部件的状态(明、灭、聚焦等)以各种组合来设定读出图像，有可能使用户认识到：GUI部件的状态的视觉效果更为改进了。

在本发明中，由于采用这样的配置：即分离地配置部件的逻辑部分和图形表现部分，基于逻辑部分和图形表现部分而生成GUI部件，而且基于与部件状态对应的图像文件、使图形表现部分具有动画执行功能，故有可能通过独立于逻辑部分的处理而容易地变更动画的设定模式。

[7.GUI显示设备配置例]

其次，参照图11来说明信息家电等设备的配置例，该设备具有图形用户界面(GUI)、其执行符合上述说明的各种显示处理。

作为配备了GUI的设备，可联想到各种家电设备和通信设备。图11的设备配置例显示了这样的一例，并显示了一种GUI显示设备配置例，其具有通过经网络接收或从存储媒体读出运动图像、而回放该运动图像的配置。

在图11中所示的GUI显示设备800包括通信接口801，用来接收经因特网分发的数据、广播数据等；并从数据分发站点接收HTML文档、电影内容等。此外，存储媒体接口802是用于如DVD、闪存等各种存储媒体820的数据传送接口，并且是用于在存储媒体820和数据处理设备800间输入和输出如运动图像数据等各种内容的接口。

当从图像分发站点发送的内容或存储在存储媒体820上的内容被编码时，在解码/编码处理部803执行解码处理后，它们在显示控制部808的控制下显示在显示设备810上。

另一方面，用户的输入数据和各种命令从控制器811输入，由接收部807接收，并输出至控制部(CPU)804。控制部804根据前述对应于各部件的逻辑部件而执行各种处理，例如，通过根据部件的状态取得图像数据、并输出取得的图像数据而执行动画显示处理。

GUI显示设备800中的存储部是用于接收数据的存储、各种处理程序的存储、预设显示图像程序的存储、作为CPU 804的工作区域等的存储区域的存储部，并由RAM、ROM等构成。定时器806用于测量GUI处理中各种程序的运行时间。

以上参照特定的实施例已经详述了本发明。然而，很显然，本领域技术人员可以进行这些实施例的修正和替代而不脱离本发明的范围。换言之，本发明已经以示例的形式公开，但该示例不应被视为限制性的。在确定本发明的范围时，应考虑开头处记载的权利要求。

此外，本说明书中说明的系列处理可通过硬件、软件或两者的复合配置来执行。在由软件来执行处理的情形下，可将记录处理顺序的程序安装至集成为专用硬件的计算机内的存储器并执行，或可将程序安装至能够执行各种处理的通用计算机并执行。

例如，程序可被预先记录在作为记录媒体的硬盘或ROM(只读存储器)上。或者，程序可被暂时或永久地存放(记录)至如软盘、CD-ROM(光盘只读存储器)、MO(磁光)盘、DVD(数字多功能盘)、磁盘、半导体存储器等的可移除记录媒体。这样的可移除记录媒体可作为所谓包式软件提供。

此外，除了从上述这样的可移除记录媒体安装至计算机以外，程序可以从下载站点无线地传送至计算机，或经LAN(局域网)、因特网等网络有线地传送至计算机，而计算机可接收这样传送来的程序，并将其安装至如内置硬盘等的记录媒体。

此外，本说明书中描述的各种处理不仅可以如上述以时间顺序来执行，而且可以依执行处理的设备的处理能力或依需要而以并行方式或个别地来执行。此外，如本说明书中使用的***指的是多台设备的逻辑集合配置，而不限于各组成设备居于同一实体内。

产业上的可利用性

正如以上所说明的，根据本发明，有可能自由地设定在GUI中设定的各部件的动画，并容易地进行与配备了GUI的设备对应的最优部件动画的设定。即，由于本发明提供了这样的配置：允许根据由部件中所含的图形表现部件的图形表现类所执行的动画索引方法、而从图像文件中读出并显示预先设定的图像数据，故有可能通过根据部件的状态设定的图像来执行动画，并有可能随着根据GUI部件的状态的视觉效果来执行动画表现。

进而，根据本发明，由于采用这样的配置：即分离地配置各部件的逻辑部分和图形表现部分，基于逻辑部分和图形表现部分而生成GUI部件，而且基于与部件状态对应的图像文件、使图形表现部分具有动画执行功能，故有可能通过独立于逻辑部分的处理而容易地变更动画的设定模式。

Claims (13)

1.一种支持GUI应用开发的GUI应用开发支持设备，该GUI应用具有构成图形用户界面(GUI)的部件的功能及显示模式的设定信息，该GUI应用开发支持设备的特征在于包括：

图形表现部件存储部，其存储其中存储涉及各部件的图形表现的程序的图形表现部件；

图像存储部，其存储根据为所述图形表现部件而定义的方法而可读的动画图像数据；和

编辑处理部，其执行根据各部件的状态而读出的图像数据的关联处理。

2.根据权利要求1所述的GUI应用开发支持设备，其特征在于：

所述编辑处理部具有这样的配置：使得能与多个不同部件的每个状态相关联而设定不同的读出图像数据。

3.根据权利要求1所述的GUI应用开发支持设备，其特征在于：

所述图形表现部件存储部包括存储多个不同图形表现处理执行程序的多个图形表现部件存储部，和

在各图形表现部件存储部中存储的图形表现部件具有它们分别与读出图像文件个别地相关联的配置。

4.根据权利要求1所述的GUI应用开发支持设备，其特征在于进一步包括：

逻辑部件存储部，其存储其中存储涉及部件功能的程序的逻辑部件，

其特征在于所述编辑处理***的配置：通过将从所述逻辑部件存储部提取的逻辑部件和从所述图形表现部件存储部提取的图形表现部件相组合而生成GUI部件。

5.一种生成GUI应用的GUI应用程序生成方法，该GUI应用具有用于构成图形用户界面(GUI)的部件的功能及显示模式的设定信息，

该GUI应用程序生成方法的特征在于包括：

图形表现部件选择步骤，其从图形表现部件存储部选择提取图形表现部件，该图形表现部件存储部用来存储其中存储涉及各部件的图形表现的程序的图形表现部件；和

编辑处理步骤，其根据与在所述图形表现部件选择步骤选择的图形表现部件对应的部件的状态，执行要读出的图像数据的关联处理。

6.根据权利要求5所述的GUI应用程序生成方法，其特征在于：

所述编辑处理步骤包括步骤：其根据与多个不同部件的各状态关联而为所述图形表现部件定义的方法，个别地设定要读出的动画图像数据。

7.根据权利要求5所述的GUI应用程序生成方法，其特征在于进一步包括：

从逻辑部件存储部读出逻辑部件的步骤，该逻辑部件存储部存储其中存储涉及各部件功能的程序的逻辑部件，

其特征在于所述编辑处理步骤包括步骤：通过将从逻辑部件存储部提取的逻辑部件和从图形表现部件存储部提取的图形表现部件相组合而生成GUI部件。

8.一种在显示器上执行GUI部件的动画表现的GUI显示设备，该GUI显示设备的特征在于包括：

控制装置，用来执行要在显示器上显示的GUI部件的显示控制，并且

其特征在于所述控制装置是这样的配置：使得能读出与部件关联的图形表现部件的图形表现类并执行它，并且根据在该类执行处理中调用的动画索引方法而从存储于存储部的图像文件中读出对应于部件而预先设定的图像数据，并执行将读出的图像数据输出至显示器上的处理。

9.根据权利要求8所述的GUI显示设备，其特征在于：

所述控制装置是这样的配置：使得能识别部件的状态，从存储部读出与部件的状态对应的图像数据，并执行将图像数据显示在显示器上的处理。

10.一种用于要在显示器上显示的GUI部件的动画显示处理方法，该动画显示处理方法的特征在于包括：

类执行步骤，其执行与部件关联的图形表现部件的图形表现类；

图像读出步骤，其根据在所述类执行步骤调用的动画索引方法而从图像文件中读出预先设定的图像数据；和

在显示器上显示在所述图像读出步骤读出的图像数据的步骤。

11.根据权利要求10所述的动画显示处理方法，其特征在于：

在所述图像读出步骤读出的图像是基于所述部件的状态的图像数据。

12.一种计算机程序，其执行GUI应用程序生成处理，该GUI应用程序具有构成图形用户界面(GUI)的部件的功能及显示模式的设定信息，

该计算机程序的特征在于包括：

图形表现部件选择步骤，其从图形表现部件存储部选择提取图形表现部件，该图形表现部件存储部用来存储其中存储涉及各部件的图形表现的程序的图形表现部件；和

编辑处理步骤，其根据与在所述图形表现部件选择步骤选择的图形表现部件对应的部件的状态，执行要读出的图像数据的关联处理。

13.一种计算机程序，其执行用于要在显示器上显示的GUI部件的动画显示处理，该计算机程序的特征在于包括：

类执行步骤，其执行与部件关联的图形表现部件的图形表现类；

图像读出步骤，其根据在所述类执行步骤调用的动画索引方法而从图像文件中读出预先设定的图像数据；和

在显示器上显示在所述图像读出步骤读出的图像数据的步骤。

Images