CN101504590A

CN101504590A - 交互界面的配置方法

Info

Publication number: CN101504590A
Application number: CNA2009101271315A
Authority: CN
Inventors: 杨帆
Original assignee: WUXI MINESAGE TECHNOLOGY Co Ltd
Current assignee: WUXI MINESAGE TECHNOLOGY Co Ltd
Priority date: 2009-03-13
Filing date: 2009-03-13
Publication date: 2009-08-12

Abstract

本发明提供了一种交互界面的配置方法，包括：配置页面；配置页面对控件的引用关系，其中，该控件可同时接收多点操作；以及加载页面以及页面引用的控件以生成交互界面。本发明通过配置页面对控件的引用关系来配置交互界面，所以克服了相关技术中页面与控件具有严格的对应关系而导致的交互界面的配置变得繁琐的问题，进而实现了能够简单方便地对交互页面进行配置的技术效果。

Description

交互界面的配置方法

技术领域

本发明涉及计算机领域，具体而言，涉及一种交互界面的配置方法。

背景技术

目前，已经出现了对人机多点交互技术的应用。对于人机多点交互技术中涉及到的支持多点交互的界面的配置，相关技术中采用的方法是基于支持单点交互的XML语言根据系统的具体需求来配置支持多点交互的交互界面，具体地，在相关技术中通常采用的交互界面配置方法是将交互界面中各页面需要加载的控件的嵌入到相应页面中以实现页面对控件的调用，在该页面上，严格的限定了该控件内部的各模块与页面上其他部件或控件内部各模块的对应关系。

在实现本发明的过程中，发明人发现相关技术采用的方法中，交互界面中的每个页面和该页面上的控件之间具有严格的对应关系，当需要将页面所调用的某一控件去掉或更换为另一控件时，需要对整个页面上的其他部分进行相应的修改，因此导致配置的交互界面不能方便且容易地应用到以其他方式配置的多点交互设备上，从而使得多点交互页面的配置较为繁琐。

发明内容

本发明提供了一种交互界面的配置方法，能够解决相关技术中多点交互界面配置较为繁琐的技术问题。

根据本发明的一个方面，提供了一种交互界面的配置方法，包括：配置页面；配置页面对控件的引用关系，其中，该控件可同时接收多点操作；以及加载页面以及页面引用的控件以生成交互界面。

优选地，页面包括主页面和次页面，配置页面对控件的引用关系具体包括：配置主页面对背景、菜单、以及公共控件的引用关系；以及配置次页面对背景、菜单、公共控件、以及私有控件的引用关系。

优选地，页面包括主页面、引用页面和次页面，配置页面对控件的引用关系具体包括：配置主页面对背景和菜单的引用关系；配置引用页面对公共控件的引用关系；以及配置次页面对背景、菜单、公共控件、以及私有控件的引用关系。

优选地，配置页面还包括：配置每个次页面在交互界面上的位置和尺寸。

优选地，配置页面还包括：配置每个次页面的用户定制信息。

优选地，配置页面对控件的引用关系还包括：配置公共控件和私有控件在次页面上的位置和尺寸。

优选地，配置页面对控件的引用关系还包括：配置公共控件和私有控件的用户定制信息。

优选地，在加载页面以及页面引用的控件以生成交互界面之前还包括：配置页面和控件的数据接口；以及通过该数据接口将数据加载到页面和控件。

优选地，在加载页面以及页面引用的控件以生成交互界面之前还包括：配置页面转换时的动画效果；以及在页面进行转换时，加载该动画效果。

优选地，交互界面为多屏多点交互界面，并且该控件可同时接收来自多个屏幕的多点操作。

在本发明实施例中，通过配置页面对控件的引用关系来配置交互界面，所以克服了相关技术中采用的交互界面的配置方法中页面与控件具有严格的对应关系而导致的交互界面的配置变得繁琐的问题，进而实现简单方便地对交互页面进行配置的技术效果。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1示出了根据本发明实施例的交互界面的配置方法的流程图；以及

图2示出了根据本发明另一实施例的生成交互界面的方法的流程图。

具体实施方式

下面将参考附图并结合实施例，来详细说明本发明。

本说明书中基于XML语言来实现根据本发明的交互界面的配置方法，在XML规范的基础上，本发明也扩展了自己的语言标准。因此，实现本发明的交互界面的配置方法的交互语言的语法依照下列标准：1)严格遵循标准的XML规范，所有开始标签必须有对应的结束标签；2)需要一个用于配置页面基本信息的文件(MTPage.xml)；3)需要一个用于配置每个页面中需要用到的所有控件的基本信息的文件(MTControl.xml)；以及4)几个主要的元素：<Page/>，用于配置基本页面，每个页面可以有一个或多个控件，页面中有一个主页面(MasterPage)，在该主页面中可以配置背景、菜单等共用控件；<Control/>，用于配置控件，每个控件允许具有私有配置；<Position/>，用于配置页面或控件的位置和大小，包含Left、Top、Width、Height和ZIndex五个属性；以及<Animation/>，用于配置页面转换时的动画效果。

图1示出了根据本发明实施例的交互界面的配置方法的流程图。

参照图1，根据本发明实施例的交互界面的配置方法包括以下步骤：

步骤S102，配置页面；

步骤S104，配置页面对控件的引用关系，其中，该控件可同时接收多点操作；以及

步骤S106，加载页面以及页面引用的控件以生成交互界面。

该实施例中的交互界面的配置方法通过在页面中配置页面对控件的引用关系来直接引用可扩展控件库中的控件，而不需要关心该控件内部与页面其他部分的关系，从而避免了相关技术中需要将整个控件的直接嵌入到相应页面中的高耦合关系，所以克服了相关技术中对多点交互界面进行配置或修改的过程非常繁琐的缺陷。

从控件是否被多个页面引用来区分，可以将控件分为被多个页面引用的共用控件和仅被某一个页面引用的私有控件两种，其中，共用控件又可以分为固定显示在页面上的背景和菜单，以及在其它页面引用时可对其的显示位置和外观进行配置的公共控件。

主页面是用来配置背景、菜单、以及公共控件等被多个页面引用的共用控件的虚拟页面，不为用户所见。可以通过<BackgroudList/>元素在主页面上配置一个或多个背景，以及通过<MenuList/>元素在主页面上配置一个或多个菜单。在该交互界面中的每个页面均具有唯一标记(Page Name)，通过该唯一标记，可以方便各页面之间的引用。通过在主页面中统一配置多个背景、菜单、以及公共控件等被多个页面共同引用的共用控件以方便次页面进行引用，简化了初始配置并使得页面与控件之间的引用关系更清晰。例如在需要对背景或菜单的相关属性进行修改时，只需要在主页面上对其相关属性进行修改，从而避免了相关技术中需要对引用该背景或菜单的所有页面进行修改的缺陷。

可选地，页面还可以包括主页面、引用页面和次页面，则配置页面对控件的引用关系具体包括：配置主页面对背景和菜单的引用关系；配置引用页面对公共控件的引用关系；以及配置次页面对背景、菜单、公共控件、以及私有控件的引用关系。

与上一优选实施例不同，本实施例中在主页面和次页面之外还增加了引用页面。引用页面上配置的是在该交互界面中所有的公共控件。根据创建方式的不同，这些公共控件可以分为缓冲池创建或即用即创建两大类，其它的页面可以通过公共控件的Name或公共接口对其进行引用。

例如，当交互界面跳转到显示页面a时，交互设备将自动加载页面a和页面a引用的私有控件以及页面a引用的背景、菜单、以及公共控件等共用控件；当跳转到显示页面b时，交互设备将自动加载页面b和页面b引用的私有控件以及页面b引用的背景、菜单、以及公共控件等共用控件，而页面a所引用的私有控件、背景、菜单、以及公共控件与页面a一起自动隐去。因此，通过引用页面将交互界面中所有公共控件封装在一起能够使公共控件与页面之间的耦合性更低。

如上所述，<Position/>元素中包含五个参数：Left、Top、Width、Height以及ZIndex，其中，Left和Top参数用于确定页面在交互设备上的显示位置，Width和Height参数用于确定页面在交互设备上的显示尺寸，ZIndex参数可用于确定页面在交互设备上分别显示时的先后顺序，或者同时显示时的顶层-底层关系。通过Position元素，可对各个次页面在交互界面上显示的位置和尺寸进行配置，从而提高了页面配置的灵活性，能够更好地满足用户的个性化需求。

在本实施例中，通过<CustomerConfig/>元素来配置页面的用户定制信息，以便于用户对特定的页面做出个性化配置，而不局限于现有的配置。

另外，配置页面还包括：配置页面对应的dll文件名称(DllName)和类名称(ClassName)。在解析过程中，页面对应的dll文件名称和类名称可以指示需要动态加载的页面，以方便将来功能的更新和升级。

优选地，配置页面对控件的引用关系包括：配置一个或多个控件，每个控件均具有唯一标记(Control Name)。页面使用ControlName对控件实现引用。该标记使得页面对控件的引用关系简单清楚，方便了用户在页面中更改控件。

优选地，配置页面对控件的引用关系还包括：使用<Position/>元素来配置公共控件和私有控件在次页面上的位置和尺寸。

<Position/>元素中包含五个参数：Left、Top、Width、Height和ZIndex，其中，Left和Top参数用于确定控件在页面上的显示位置，Width和Height参数用于确定控件在页面上的显示大小，ZIndex参数用于确定控件在页面上分别显示时的先后时间顺序，或者同时显示时的顶层-底层空间关系。例如，通过修改ZIndex参数可以直接将星云在顶层、星空在底层的显示界面变换为星空背景在顶层、星云在底层的显示界面，而不需要对图片进行修改。通过<Position/>元素，可以对控件的位置和大小进行配置，也可以将控件从单屏交互设备直接切换到在多屏交互设备中的多个屏幕上显示，从而可以提高控件配置的灵活性。

优选地，在配置页面对控件的引用关系之后还包括：配置控件对应的dll文件名称(DllName)和类名称(ClassName)。在解析过程中，控件对应的dll文件名称和类名称可以指示出需要动态加载的控件。

优选地，在配置页面对控件的引用关系之后还包括：使用<CustomerConfig/>元素来配置公共控件和私有控件的用户定制信息。

<CustomerConfig/>元素使得用户能够对控件进行多种私有配置。例如，用户对某页面上的一个导航控件的<CustomerConfig/>元素的原始配置为：<NavigationPage>Page2</NavigationPage>，即，定义其指向第二个页面；如果用户需要将该控件的导航信息调整为从该页面指向第三个页面，只需将上述配置语句更改为<NavigationPage>Page3</NavigationPage>就能够实现其目的。从而简化了配置过程。

可以通过<BizDataInrterfaceList/>元素来配置页面和控件的数据接口以使得页面和控件可通过数据接口来读取外部数据，或者将本地数据向外输出，多个页面或者控件可以共用一个数据接口。对于多媒体交互设备来说，由于多媒体文件种类繁多，交互设备难以将与各种多媒体文件相适应的运行平台都配备齐全，所以通过设置数据接口，使得多媒体文件能够在外部设备上运行并通过该数据接口将运行结果输入至交互设备以实现多媒体交互的功能；另外，有时需要对用户的操作产生的大量数据进行处理，交互设备本身可能难以处理或者无法满足实时性要求，因此通过数据接口将某些非交互的任务转交给相关外部设备来完成，则可使交互设备的性能得到了进一步的优化。

可以使用<Animation/>元素来配置页面转换时的动画效果。例如，可以将<Animation/>元素设置为FadeIn使页面切换时表现为淡隐效果或是将其设置为FadeOut使页面切换时表现为淡出效果等。通过<Animation/>元素可灵活设置页面切换动画效果达到美化交互界面，优化用户的交互体验的目的。

优选地，交互界面为多屏多点交互界面，并且上述的每个控件均可同时接收来自多个屏幕的多点操作。多屏多点交互技术支持单屏单点输入、单屏多点输入、多屏单点输入以及多屏多点输入，可满足一个用户同时实施多个交互操作，或者多个用户同时参与交互的需要，大大扩展了人机交互的受众范围。

可以使用<ContactScreenList/>元素来设置控件以使其可同时接收来自多个屏幕的多点操作。当某个控件在多个屏幕上重复显示或者跨屏显示时，可配置该控件接收来自所有屏幕的用户操作输入信号，或者配置其有选择地接收来自部分屏幕的输入信号，而屏蔽来自其他屏幕的输入信号。这样，维护了用户操作输入信号的有效性，避免了明显的误操作对交互过程带来的干扰。

下面是根据本发明另一实施例的交互界面配置方法的一段程序，该程序定义了一个交互页面“Page2”，并在该页面中引用了一个控件“c1”，并引用了两个菜单和一个背景。

</Position>

<BizControl

DllName＝″BizUserControl″

ClassName＝″TouchingMedia.BizUser Control,NavigateUser Control

.NavigateCommonUserControl″/>

<DefaultUri>company.png</DefaultUri>

<DownUri>company__Over.png</DownUri>

</Buttonlmage>

</CustomerConfig>

</Control>

</MenuList>

</BackgroundList>

</Page>

图2示出了根据本发明另一实施例的生成交互界面方法的流程图。

在本实施例中，使用上述基于XML的交互语言来实现根据本发明的交互界面的配置方法。该交互语言的文本后缀是“.xml”。使用交互语言配置的页面支持多点交互操作，用户可更简便、快捷地配置自定义的控件及其交互方式，这种交互语言需要使用诸如SageTouch Brower的特定的浏览器进行解析。

下面结合图2，说明生成浏览电子书浏览的交互界面的一般流程。生成浏览电子书的交互界面包括以下步骤：

步骤S202，配置用于生成交互界面的交互语言文件：在文件中对交互界面做出根据本发明的上述实施例的配置，比如对于“电子书”这一控件，需配置其位置、大小、内容、翻页方式等属性，并指定使用的浏览器，诸如SageTouch Brower；

步骤S204，将配置好的交互语言文件加载到交互系统的内存中；

步骤S206，使用诸如SageTouch Brower的浏览器来解析交互语言，并根据该交互语言的配置生成相应的页面；以及

步骤S208，根据交互语言文件中的页面、控件属性信息以及页面与控件之间的引用关系，将控件置于交互页面中予以显示，从而生成交互界面：多本电子书按书名以小图标的形式罗列在页面左侧的“书架”菜单中。

当用户通过触摸屏或者其他外部设备进行人机交互时，相应的控件会根据在交互语言文件中定义好的交互方式做出响应，实现各种效果，例如，当用户点击上述“书架”菜单中以电子书的书名命名的共用控件时，被选中的电子书将被放大显示，且初始显示状态为封面闭合向上。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims

1.一种交互界面的配置方法，其特征在于，包括：

配置页面；

配置所述页面对控件的引用关系，其中，所述控件可同时接收多点操作；以及

加载所述页面以及所述页面引用的所述控件以生成交互界面。

2.根据权利要求1所述的交互界面的配置方法，其特征在于，所述页面包括主页面和次页面，配置所述页面对控件的引用关系具体包括：

配置所述主页面对背景、菜单、以及公共控件的引用关系；以及

配置所述次页面对所述背景、所述菜单、所述公共控件、以及私有控件的引用关系。

3.根据权利要求1所述的交互界面的配置方法，其特征在于，所述页面包括主页面、引用页面和次页面，配置所述页面对控件的引用关系具体包括：

配置所述主页面对背景和菜单的引用关系；

配置所述引用页面对所述公共控件的引用关系；以及

4.根据权利要求2或3所述的交互界面的配置方法，其特征在于，配置所述页面还包括：

配置每个所述次页面在所述交互界面上的位置和尺寸。

5.根据权利要求2或3所述的交互界面的配置方法，其特征在于，配置所述页面还包括：

配置每个所述次页面的用户定制信息。

6.根据权利要求2或3所述的交互界面的配置方法，其特征在于，配置所述页面对控件的引用关系还包括：

配置所述公共控件和所述私有控件在所述次页面上的位置和尺寸。

7.根据权利要求2或3所述的交互界面的配置方法，其特征在于，配置所述页面对控件的引用关系还包括：

配置所述公共控件和所述私有控件的用户定制信息。

8.根据权利要求1所述的交互界面的配置方法，其特征在于，在加载所述页面以及所述页面引用的所述控件以生成交互界面之前还包括：

配置所述页面和控件的数据接口；以及

通过所述数据接口将所述数据加载到所述页面和控件。

9.根据权利要求1所述的交互界面的配置方法，其特征在于，在加载所述页面以及所述页面引用的所述控件以生成交互界面之前还包括：

配置所述页面转换时的动画效果；以及

在所述页面进行转换时，加载所述动画效果。

10.根据权利要求1-9中任一项所述的交互界面的配置方法，其特征在于，所述交互界面为多屏多点交互界面，并且所述控件可同时接收来自多个屏幕的多点操作。