对软件界面风格进行动态配置管理的方法及系统

摘要

本发明涉及计算机技术领域，提供了一种对软件界面风格进行动态配置管理的方法及系统。所述方法包括以下步骤：A.风格配置中心读取事先存储的风格配置文件，获得当前风格的元素列表和对应的属性及属性值；B.风格配置中心根据用户对界面元素的风格执行的属性设置，获取风格配置请求；C.风格配置中心从所述风格配置文件中提取风格对应的属性及属性值，并将其设置到相应的界面元素。本发明在对软件界面风格进行动态配置管理的过程中，与现有技术的区别在于利用风格配置中心对风格配置文件进行参数设置，并通过与各界面元素的数据交互对所有界面元素进行统一的配置和更改，因此提高了配置效率；另外，本发明还提高了界面风格配置的多样性。

说明书

技术领域

本发明涉及计算机技术领域，更具体地说，涉及一种对软件界面风格进行动态配置管理的方法及系统。

背景技术

随着软件行业的快速发展，漂亮的图形用户界面(Graphics User Interface，GUI)已经成为客户端软件不可或缺的一部分。而且同一个软件在不同的皮肤下，其界面的风格都会有所不同，极其需要一种办法来管理这些不同的界面效果。同样就算在同一皮肤下，由于界面元素(包括窗口和控件等)使用的场景和地方不同，对应的风格也会不同，例如登录按钮、发送按钮、关闭按钮都具有不同的风格。反过来说，在同一种皮肤下，风格又需要一定的统一和区分，对于用在相似地方的界面元素(比如通用Button)，风格需尽量保持统一，并在需要改变风格时进行统一更新。本专利所称的风格，就是指各种GUI表现和效果，例如界面元素的颜色、界面皮肤、控件使用的动感表情、窗口的渐变效果等。具有某种风格的控件或窗口，其实就是在某些属性以及某些GUI表现和效果方面相同的一种控件或窗口，通过配置某种界面元素的某些属性及属性值，就形成了一种固定表现的风格。

附图1示出了现有技术一对软件界面风格进行变换的方法流程，具体包括以下步骤：(1)进行背景图像取样，并进行特征分析；(2)根据特征分析的结果参数选择界面控件风格；(3)进行界面控件风格的变换。该现有技术存在的缺陷是，无法对界面元素进行统一的设置和更改，只能逐一配置，因此比较耗时。

附图2示出了现有技术二对软件界面风格进行变换的方法流程，具体包括以下步骤：(1)服务器从其存储模块中提取节目数据，以及与该节目对应的配色方案数据，并将所提取的数据传输到客户端；(2)客户端的场景处理模块判断客户端当前接收的数据是否是配色方案数据；(3)如果接收的数据是配色方案数据，则场景处理模块根据接收的配色方案数据重新绘制客户端的界面；否则，将接收的数据作为媒体数据处理，让客户端播放接收的数据。该现有技术的缺陷在于，只能对窗口或控件进行逐一配置，比较耗时，而且只是简单的颜色配置，属性过于单一，也无法满足用户的需求。

因此需要一种新的对软件界面风格进行动态配置管理的方法，能够提高界面风格的配置效率，还能提高属性的多样性。

发明内容

本发明的目的之一在于提供一种对软件界面风格进行动态配置管理的方法、系统及设备，旨在解决现有技术对软件界面风格进行配置的过程中存在的配置效率低、配置属性缺乏多样性的问题。

为了实现发明目的，所述对软件界面风格进行动态配置管理的系统，包括所述软件界面所在的软件客户端，所述软件界面包含多个界面元素，所述系统还包括与软件客户端中的界面元素进行数据交互的风格配置中心；

所述风格配置中心存储风格配置文件，并根据界面元素发起的风格启用申请或用户对界面风格的属性更改需求，从所述风格配置文件中提取风格对应的属性及属性值，并将其设置到所述界面元素。

优选地，所述风格配置中心进一步包括信息交互单元、数据处理单元和存储单元；

所述信息交互单元与数据处理单元进行数据交互，用于接收界面元素发起的风格启用申请或用户对界面风格的属性更改需求，并将所述风格启用申请或属性更改请求转发至数据处理单元；

所述数据处理单元分别与信息交互单元和存储单元进行数据交互，从所述风格配置文件中提取风格对应的属性及属性值，并将其设置到所述界面元素；

所述存储单元与数据处理单元进行数据交互，用于存储所述风格配置文件。

优选地，所述风格配置中心还包括动态监测单元；

所述动态监测单元与数据处理单元进行数据交互，用于实时监测用户对界面风格执行的属性设置操作，并根据监测结果发送属性更改需求至数据处理单元。

为了更好的实现发明目的，还提供了一种对软件界面风格进行动态配置管理的方法，所述方法包括以下步骤：

A.风格配置中心读取事先存储的风格配置文件，获得当前风格的元素列表和对应的属性及属性值；

B.风格配置中心根据用户对界面元素的风格执行的属性设置，获取风格配置请求；

C.风格配置中心从所述风格配置文件中提取风格对应的属性及属性值，并将其设置到相应的界面元素。

优选地，所述步骤A之前还包括：在风格配置中心中录入默认的风格配置文件。

优选地，所述步骤B中的界面元素包括窗口、控件。

优选地，所述步骤B中的风格配置请求包括风格启用申请和属性更改需求；

若用户将界面元素的属性设置为应用一个风格，则所述风格配置请求是一个风格启用申请；

若用户对界面风格执行属性更改，则所述风格配置请求是一个属性更改需求。

优选地，若风格配置请求是风格启用申请，则所述步骤C进一步包括：

C01.将该界面元素加入该风格对应的元素列表；

C02.从风格配置文件中提取该风格对应的属性及属性值，并将其设置到所述界面元素。

优选地，风格配置中心获取属性更改需求的方式包括：

接收用户上报的界面风格的属性更改需求；或

实时监测用户对界面风格执行的属性更改操作，生成一个属性更改需求。

优选地，若风格配置请求是属性更改需求，则所述步骤C进一步包括：

C11.风格配置中心判断该属性更改需求携带的更改类型；

C12.根据更改类型，提取当前风格对应的属性及属性值，并将其设置到相应的界面元素；

所述更改类型包括：风格内容改变、界面元素的风格名改变。

优选地，若所述更改类型为界面元素的风格名改变，则步骤C2进一步包括：

C21.将该界面元素从原风格对应的元素列表中删除，并将其加入新风格对应的元素列表；

C22.提取新风格对应的属性及属性值，并将其设置到该界面元素。

由上可知，本发明在对软件界面风格进行动态配置管理的过程中，与现有技术的区别在于，利用风格配置中心对风格配置文件进行参数设置，并与各界面元素进行数据交互，从而对所有界面元素进行统一的配置和更改，因此提高了配置效率；另外，本发明不限于简单的颜色配置，对界面皮肤、控件使用的动感表情、窗口的渐变效果等均可进行配置，因此提高了界面风格配置的多样性。

附图说明

图1是现有技术一中对软件界面风格进行变换的方法流程图；

图2是现有技术二中对软件界面风格进行变换的方法流程图；

图3是本发明的一个实施例中对软件界面风格进行动态配置管理的系统结构图；

图4是图3所示系统中第一实施例的风格配置中心的内部结构图；

图5是图3所示系统中第二实施例的风格配置中心的内部结构图；

图6是本发明的一个实施例中对软件界面风格进行动态配置管理的方法流程图；

图7是本发明的另一实施例中对软件界面风格进行动态配置管理的方法流程图；

图8是本发明的第一实施例中对软件界面风格进行更改的方法流程图；

图9是本发明的第二实施例中对软件界面风格进行更改的方法流程图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在本发明中，引入了一个专用于对软件界面的风格进行配置的风格配置中心，利用风格配置中心对风格配置文件进行参数设置，并与各界面元素进行数据交互，从而对所有界面元素进行统一的配置和更改，因此提高了配置效率，方便了用户的使用。

图3示出了本发明的一个实施例中对软件界面风格进行动态配置管理的系统结构，该系统包括风格配置中心100和软件客户端200。应当说明的是，本发明所有图示中各设备之间的连接关系是为了清楚阐释其信息交互及控制过程的需要，因此应当视为逻辑上的连接关系，而不应仅限于物理连接。另外需要说明的是，各功能模块之间的通信方式可以采取多种，例如可通过蓝牙、红外线等无线方式进行数据通信，当然也可采取以太网线、光纤等有线连接方式来实现数据的交互，因此本发明的保护范围不应限定为某种特定类型的通信方式。其中：

(1)风格配置中心100存储风格配置文件，并根据界面元素发起的风格启用申请或用户对界面风格的属性更改需求，从风格配置文件中提取风格对应的属性及属性值，并将其设置到界面元素。关于风格配置中心100的详细内容，将在后述的图4、图5中阐述。

(2)软件客户端200中运行有软件，而在软件界面中可包含多种界面元素，例如窗口、控件等，如图3所示的界面元素201、界面元素202......界面元素N。本发明中的软件客户端200典型的可为个人计算机(Personal Computer，PC)、个人数字助理(Personal Digital Assistant，PDA)、移动电话(MobilePhone，MP)等，因此本发明的保护范围不应限定为某种特定类型的客户端。

图4示出了图3所示系统中第一实施例的风格配置中心100的内部结构，包括信息交互单元101、数据处理单元102和存储单元103。其中：

(1)信息交互单元101与数据处理单元102进行数据交互，用于接收界面元素发起的风格启用申请或用户对界面风格的属性更改需求，并将所述风格启用申请或属性更改请求转发至数据处理单元102，以及将数据处理单元102提取出的风格对应的属性及属性值发送至界面元素。

(2)数据处理单元102分别与信息交互单元101和存储单元103进行数据交互，从存储单元103所存的风格配置文件中提取风格对应的属性及属性值，并将其设置到相应的界面元素。本发明的数据处理单元102主要处理两种情况：一是启用某种风格，二是更改某种风格。

在一个实施例中，针对一个按钮控件“AButton”启用某种风格：

AButton-＞put_Config(″ChatButton″)；

然后该按钮控件自动向风格配置中心100申请应用风格“ChatButton”，然后风格配置中心100把该控件AButton加入到风格“ChatButton”所对应的元素列表中，然后按照之前读取的“ChatButton”的风格配置，对按钮控件“AButton”的属性进行设置。

继续在该实施例中，针对该按钮控件“AButton”改变风格，例如将属性中的尺寸更改为“600，10”：

Put_ConfigContent(″ChatButton″，_T(″Size″)，″600，10″)；

风格管理中心100收到风格“ChatButton”的内容改变的消息后，首先根据改变的内容，先修改该风格对应的属性值，然后把该风格对应的元素列表全部按照新的值进行一遍属性设置，这样所有使用该风格的按钮控件的大小都变了。

(3)存储单元103与数据处理单元102进行数据交互，用于存储风格配置文件。在本发明中，风格配置文件可以多种形式存在，例如可以是一种可扩展标识语言(Extensible Markup Language，XML)文件。该风格配置文件可由用户自定义生成，例如一个按钮控件，用户可手动编写该控件的风格配置文件中，配置该风格的按钮控件，包括：状态的背景图、高亮状态的背景图、普通状态的背景图、显示的问题的字体、字体的颜色分别对应的值，等等，将这些资料保存之后就形成一种固定表现的按钮控件的风格配置了。

在一个实施例中，配置过程如下：

<ConfigAgent Name＝″ChatButton″Type＝″Button″>

      <Property name＝″HightICon″  Value＝″C:\1.bmp″/>

       <Property name＝″Size″  Value＝″500，500″/>

</ConfigAgent>

在该实施例中，用户将一个按钮控件的名称设置为“聊天按钮”，并为其指定了一幅背景图，该背景图的尺寸为“500，500”。配置完成后，则将其保存在存储单元103中。

图5示出了图3所示系统中第二实施例的风格配置中心100的内部结构。与图4所示实施例相比，除了包括信息交互单元101、数据处理单元102和存储单元103，还包括动态监测单元104。其中：

(1)信息交互单元101与数据处理单元102进行数据交互，用于接收界面元素发起的风格启用申请或用户对界面风格的属性更改需求，并将所述风格启用申请或属性更改请求转发至数据处理单元102，以及将数据处理单元102提取出的风格对应的属性及属性值发送至界面元素。该信息交互单元101的具体内容与前述图4中信息交互单元101一致，此处不再赘述。

(2)数据处理单元102分别与信息交互单元101和存储单元103进行数据交互，从所述风格配置文件中提取风格对应的属性及属性值，并将其设置到所述界面元素。该数据处理单元102的具体内容与前述图4中数据处理单元102一致，此处不再赘述。

(3)存储单元103与数据处理单元102进行数据交互，用于存储该风格配置文件。该风格配置文件可由用户自定义生成，具体内容与前述图4中存储单元103一致，此处不再赘述。

(4)动态监测单元104与数据处理单元102进行数据交互，用于实时监测用户对界面风格执行的属性设置操作，并根据监测结果发送属性更改需求至数据处理单元102。该动态监测单元104可主动对用户操作进行跟踪检测，因此该风格配置中心100可不基于用户上报的属性更改需求对风格进行更改。

图6示出了本发明的一个实施例中对软件界面风格进行动态配置管理的方法流程，该方法流程基于图3、图4或图5所示的系统结构，具体过程如下：

在执行本发明的所有步骤之前，在风格配置中心100中录入默认的风格配置文件。该风格配置文件可由用户自定义生成，例如一个按钮控件，用户可手动编写该控件的风格配置文件中，配置该风格的按钮控件，包括：状态的背景图、高亮状态的背景图、普通状态的背景图、显示的问题的字体、字体的颜色分别对应的值，等等，将这些资料保存之后就形成一种固定表现的按钮控件的风格配置了。

在一个实施例中，配置过程如下：

<ConfigAgent Name＝″ChatButton″Type＝″Button″>

      <Property name＝″HightICon″Value＝″C:\1.bmp″/>

      <Property name＝″Size″Value＝″500，500″/>

</ConfigAgent>

在该实施例中，用户将一个按钮控件的名称设置为“聊天按钮”，并为其指定了一幅背景图，该背景图的尺寸为“500，500”。配置完成后，则将其保存在存储单元103中。

在步骤S601中，风格配置中心100读取事先存储的风格配置文件，获得当前风格的元素列表和对应的属性及属性值，将其默认应用到当前对应的各种界面元素，并进行记录。在一个实施例中，风格配置中心100读取前述的风格配置文件，可获知多个界面元素的属性及属性值，其中一个按钮控件的名称为“聊天按钮”，其具有一幅背景图，该背景图的尺寸为“500，500”。

在步骤S602中，风格配置中心100根据用户对界面元素的风格执行的属性设置，获取风格配置请求。本发明中的风格配置请求包括风格启用申请和属性更改需求：若用户将界面元素的属性设置为应用一个风格，则该风格配置请求是一个风格启用申请；若用户对界面风格执行属性更改，则该风格配置请求是一个属性更改需求。以第一种情况为例，步骤S602的具体过程包括：(1)当用户将一个或多个界面元素的属性设置为“使用某种风格”时，这些界面元素接受用户对其执行的属性设置；(2)界面元素向风格配置中心100发送一个风格启用申请，风格配置中心100利用其信息交互单元101接收该风格启用申请。

在步骤S603中，风格配置中心100从所述风格配置文件中提取风格对应的属性及属性值，并将其设置到相应的界面元素。以风格启用为例，该步骤的具体过程包括：(1)风格配置中心100的信息交互单元101将该风格启用申请转发至数据处理单元102；(2)数据处理单元102从存储单元103中查询该风格对应的风格配置文件，并将该界面元素加入该风格对应的元素列表中；(3)数据处理单元102从风格配置文件中提取出该风格对应的属性及属性值，并将其设置到该界面元素中。以一个按钮控件为例，当将该按钮控件设置成使用某种风格时，风格配置中心100则读取风格配置文件中对应的属性值，比如该俺就控件按下状态的背景图、高亮状态的背景图、普通状态的背景图、显示的问题的字体、字体颜色所对应的值等等。然后把读取到的对应属性的值设置到该控件上去，就使得我们界面上的控件具备了该风格的表现了。

在一个实施例中，针对一个按钮控件“AButton”启用某种风格：

AButton-＞put_Config(″ChatButton″)；

然后该按钮控件自动向风格配置中心100申请应用风格“ChatButton”，然后风格配置中心100把该控件AButton加入到风格“ChatButton”所对应的元素列表中，然后按照之前读取的“ChatButton”的风格配置，对按钮控件“AButton”的属性进行设置。

图7示出了本发明的另一实施例中对软件界面风格进行动态配置管理的方法流程，该方法流程基于图3、图4或图5所示的系统结构。为了更加清楚的阐释本发发明，该实施例示出了顺序执行统一配置，并在统一配置之后进行一次统一更改的完整流程，具体过程如下：

在执行本发明的所有步骤之前，在风格配置中心100中录入默认的风格配置文件。该风格配置文件可由用户自定义生成，例如一个按钮控件，用户可手动编写该控件的风格配置文件中，配置该风格的按钮控件，包括：状态的背景图、高亮状态的背景图、普通状态的背景图、显示的问题的字体、字体的颜色分别对应的值，等等，将这些资料保存之后就形成一种固定表现的按钮控件的风格配置了。

在一个实施例中，配置过程如下：

<ConfigAgent Name＝″ChatButton″Type＝″Button″>

      <Property name＝″HightICon″Value＝″C:\1.bmp″/>

      <Property name＝″Size″  Value＝″500，500″/>

</ConfigAgent>

在该实施例中，用户将一个按钮控件的名称设置为“聊天按钮”，并为其指定了一幅背景图，该背景图的尺寸为“500，500”。配置完成后，则将其保存在存储单元103中。

在步骤S701中，风格配置中心100读取事先存储的风格配置文件，获得当前风格的元素列表和对应的属性及属性值。在一个实施例中，风格配置中心100读取前述的风格配置文件，可获知多个界面元素的属性及属性值，其中一个按钮控件的名称为“聊天按钮”，其具有一幅背景图，该背景图的尺寸为“500，500”。步骤S701的具体过程与前述图6中步骤S601的内容一致。

在步骤S702中，风格配置中心100根据用户对界面元素的风格执行的属性设置，获取风格配置请求。本发明中的风格配置请求包括风格启用申请和属性更改需求：若用户将界面元素的属性设置为应用一个风格，则该风格配置请求是一个风格启用申请；若用户对界面风格执行属性更改，则该风格配置请求是一个属性更改需求。以第一种情况为例，步骤S602的具体过程包括：(1)当用户将一个或多个界面元素的属性设置为“使用某种风格”时，这些界面元素接受用户对其执行的属性设置；(2)界面元素向风格配置中心100发送一个风格启用申请，风格配置中心100利用其信息交互单元101接收该风格启用申请。步骤S702的具体过程与前述图6中步骤S602的内容一致。

在步骤S703中，风格配置中心100从所述风格配置文件中提取风格对应的属性及属性值，并将其设置到相应的界面元素。以风格启用为例，该步骤的具体过程包括：(1)风格配置中心100的信息交互单元101将该风格启用申请转发至数据处理单元102；(2)数据处理单元102从存储单元103中查询该风格对应的风格配置文件，并将该界面元素加入该风格对应的元素列表中；(3)数据处理单元102从风格配置文件中提取出该风格对应的属性及属性值，并将其设置到该界面元素中。以一个按钮控件为例，当将该按钮控件设置成使用某种风格时，风格配置中心100则读取风格配置文件中对应的属性值，比如该俺就控件按下状态的背景图、高亮状态的背景图、普通状态的背景图、显示的问题的字体、字体颜色所对应的值等等。然后把读取到的对应属性的值设置到该控件上去，就使得我们界面上的控件具备了该风格的表现了。

在一个实施例中，针对一个按钮控件“AButton”启用某种风格：

AButton-＞put_Config(″ChatButton″)；

然后该按钮控件自动向风格配置中心100申请应用风格“ChatButton”，然后风格配置中心100把该控件AButton加入到风格“ChatButton”所对应的元素列表中，然后按照之前读取的“ChatButton”的风格配置，对按钮控件“AButton”的属性进行设置。步骤S703的具体过程与前述图6中步骤S603的内容一致。

在步骤S704中，风格配置中心100对采用该风格的所有界面元素进行记录。具体包括：采用某种风格的界面元素的数量，分别是什么界面元素，以及各界面元素应用该风格的时间等。

在步骤S705中，获得用户对界面风格的属性更改需求。继续在前述的实施例中，针对该按钮控件“AButton”改变风格，例如将属性中的尺寸更改为“600，10”：Put_ConfigContent(″ChatButton″，_T(″Size″)，″600，10″)。

在本发明中，风格配置中心100可通过多种方式获得属性更改需求。例如，可被动接收用户上报的界面风格的属性更改需求，也可利用动态监测单元104主动监测用户对界面风格执行的属性更改操作，生成一个属性更改需求。这两种情况下的处理方式有所区别，可分别参照后述图8和图9所示的实施例。

在步骤S706中，根据更改类型，提取当前风格对应的属性及属性值，并将其设置到相应的界面元素。继续在前述实施例中，风格管理中心100首先根据改变的内容，修改该风格对应的属性值，然后把该风格对应的元素列表全部按照新的值进行一遍属性设置，这样所有使用该风格的按钮控件都将统一改变风格。

图8示出了本发明的第一实施例中对软件界面风格进行更改的方法流程，该方法流程基于图7所示的方法流程，主要阐释对风格进行更改的过程，具体如下：

在步骤S801中，风格配置中心100对采用某种风格的所有界面元素进行记录。步骤S801的具体过程与前述图7中步骤S704的内容一致。

在步骤S802中，当用户在软件界面中进行某种属性更改，例如更改某种风格的内容，或者更改某界面元素的风格名，等等，则会上报一个属性更改需求，风格配置中心100利用其信息交互单元101接收用户上报的界面风格的属性更改需求，并利用数据处理单元102判断其携带的更改类型。

在步骤S803中，数据处理单元102判断：是否为某种风格内容改变：若是，则执行步骤S804；若否，则回到步骤S802。

在步骤S804中，数据处理单元102从存储单元103中提取该风格对应的新的属性及属性值，应用到所有界面元素。

在步骤S805中，数据处理单元102判断：是否为某界面元素的风格名改变：若是，则执行步骤S806；若否，则回到步骤S802。

在步骤S806中，数据处理单元102将该界面元素从原风格对应的元素列表中删除，并将其加入新风格对应的元素列表。

在步骤S807中，数据处理单元102提取新风格对应的属性及属性值，并将其设置到该界面元素。

图9示出了本发明的第二实施例中对软件界面风格进行更改的方法流程，该方法流程基于图7所示的方法流程，主要阐释对风格进行更改的过程，具体如下：

在步骤S901中，风格配置中心100对采用某种风格的所有界面元素进行记录。步骤S901的具体过程与前述图7中步骤S704及图8中步骤S801的内容一致。

在步骤S902中，风格配置中心100利用动态监测单元104实时监测用户对界面风格执行的属性更改操作，当用户在软件界面中进行某种属性更改，例如更改某种风格的内容，或者更改某界面元素的风格名，等等，该动态监测单元104即生成一个属性更改需求通知数据处理单元102，由后者判断更改类型并做出处理。步骤S902的具体过程则与图8中步骤S802的内容相区别，本实施例中采用了主动监测的技术手段。后续的步骤S903-S907则与前述图8中步骤S803-S807的内容一致。

在步骤S903中，数据处理单元102判断：是否为某种风格内容改变：若是，则执行步骤S904；若否，则回到步骤S902。

在步骤S904中，数据处理单元102从存储单元103中提取该风格对应的新的属性及属性值，应用到所有界面元素。

在步骤S905中，数据处理单元102判断：是否为某界面元素的风格名改变：若是，则执行步骤S906；若否，则回到步骤S902。

在步骤S906中，数据处理单元102将该界面元素从原风格对应的元素列表中删除，并将其加入新风格对应的元素列表。

在步骤S907中，数据处理单元102提取新风格对应的属性及属性值，并将其设置到该界面元素。

至此则示出了本发明对软件界面风格进行动态配置管理的全部内容。

应用本技术方案，可对配置进行有效的资源重用，使得界面开发更加简单；而且同一风格统一管理，统一更改，便于软件风格的同步和统一；而同一风格的控件或窗口便于在换肤的过程进行动态的变化，同一控件的不同风格也便于进行管理和梳理。此外应当说明的是，本发明适用于所有的客户端软件，因此本发明并不限于某种特定的应用场景。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。