CN104899038B - 一种界面样式变换方法及装置 - Google Patents

Abstract

本发明实施例公开了一种应用软件界面样式变换方法及装置，其中，方法包括：接收针对目标应用软件的界面样式变换指令，确定待变换的目标界面样式；确定目标界面样式所对应的脚本文件；对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。与现有技术相比，可以在界面样式变换过程中产生了动画效果，显示效果比较丰富，用户体验性好。

Description

一种界面样式变换方法及装置

技术领域

本发明涉及计算机领域，特别涉及一种界面样式变换方法及装置。

背景技术

现在，很多的应用软件都具有界面样式变换功能，也就是换肤功能。用户可以利用应用软件提供的界面样式变换功能，根据自己的喜好改变应用软件的界面样式，以增加新鲜感，提升用户体验。

现有技术中应用软件界面样式变换都是基于静态配置文件，即通过切换静态、固定的属性描述，来实现的。

例如，某输入法软件的悬浮窗从样式一(图1)切换到样式二(图2)，现有技术的方案是首先将样式一和样式二的界面样式的元素，划分成图片、文字等若干类，使用基于XML的描述语言，将各元素描述成树状结构，并将各元素的配置信息保存在配置文件中。切换时通过读取样式二的配置文件，并按各元素的配置信息更改界面样式。

从现有技术的方案可以看出，由于界面样式的元素只能为具有静态属性的图片、文字，因此，界面样式的变换只能是静态的变换，在变换的过程中不会产生动画效果，显示效果比较单调。

发明内容

为解决上述问题，本发明实施例公开了一种应用软件界面样式变换方法及装置。技术方案如下：

本发明实施例提供了一种应用软件界面样式变换方法，包括：

接收针对目标应用软件的界面样式变换指令，确定待变换的目标界面样式；

确定目标界面样式所对应的脚本文件；

对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；

根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

在上述方法的一种优选实施方式中，所述目标界面样式的配置信息以树状结构存储于脚本文件中；

所述对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，具体为：按照指定的顺序对脚本文件中目标界面样式的配置信息所对应的树状结构各结点进行解析，获取各结点所包含的目标界面样式的配置信息。

在上述方法的一种优选实施方式中，在对树状结构每个结点进行解析之前，还包括：

判断所述目标应用软件当前运行环境是否能够支持待解析结点的配置信息对应的界面样式内容，

在判断结果为是的情况下，对该结点进行解析。

在上述方法的一种优选实施方式中，所述动画图片帧的变换参数包括：动画图片帧的变换顺序和变换速率；

所述根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，具体为：

根据动画图片帧的变换顺序、变换速率及动画图片帧信息，渲染出目标界面样式对应的动画。

在上述方法的一种优选实施方式中，所述根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式，具体为：

以指定的样式及速率擦除当前界面样式，并根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

相应于上面的方法实施例，本发明实施例还提供了一种界面样式变换装置，包括：

目标界面样式确定模块，用于针对目标应用软件的接收界面样式变换指令，确定待变换的目标界面样式；

脚本文件确定模块，用于确定目标界面样式所对应的脚本文件；

脚本文件解析模块，用于对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；

界面样式变换模块，用于根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

在上述装置的一种优选实施方式中，所述目标界面样式的配置信息以树状结构存储于脚本文件中；

所述脚本文件解析模块，具体用于：按照指定的顺序对脚本文件中目标界面样式的配置信息所对应的树状结构各结点进行解析，获取各结点所包含的目标界面样式的配置信息。

在上述装置的一种优选实施方式中，还包括：运行环境判断模块，用于在脚本文件解析模块对树状结构每个结点进行解析之前，

判断所述目标应用软件当前运行环境是否能够支持待解析结点的配置信息对应的界面样式内容，

在判断结果为是的情况下，触发脚本文件解析模块对该结点进行解析。

在上述装置的一种优选实施方式中，所述动画图片帧的变换参数包括：动画图片帧的变换顺序和变换速率；

所述界面样式变换模块，具体用于：根据动画图片帧的变换顺序、变换速率及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式替换为目标界面样式。

在上述装置的一种优选实施方式中，所述界面样式变换模块，具体用于：

以指定的样式及速率擦除当前界面样式，并根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

本发明的技术方案，通过脚本文件存储界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；这样在接收到界面样式变换指令后，就可以对脚步文件进行解析，获得目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；并已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将当前界面样式替换为目标界面样式。从而实现了在界面样式变换过程中产生了动画效果的目的。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为输入法软件的悬浮窗样式一；

图2为输入法软件的悬浮窗样式二；

图3为本发明实施例提供的一种界面样式变换方法的流程图；

图4为某应用软件的悬浮窗界面；

图5A-5C为采用本发明实施例提供的一种界面样式变换方法进行界面变换时，所显示动画效果的关键帧；

图6为某应用软件的悬浮窗界的另一种界面样式；

图7为本发明实施例提供的一种界面样式变换装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

首先，需要说明的是，本发明实施例提供的界面样式变化方法的执行主体可以是电子设备中的界面样式变换装置，该装置可以是相关软件的一个插件。这里所说的电子设备一般指智能手机、PC机、笔记本电脑及平板电脑等，其具体形式本发明并不需要进行限定。

图3为本发明提供的一种界面样式变换方法，可以包括：

S101，接收针对目标应用软件的界面样式变换指令，确定待变换的目标界面样式。

现在的应用软件，一般都会有界面样式设置中心或与其具有相同作用的模块，该设置中心会提供多个界面样式，用户在使用过程中，可以根据自己的喜好来选择界面样式进行显示。一般来说，当用户打开应用软件的界面样式设置中心，点击其中的一种界面样式的时候，界面样式变换装置就会接收到该接收界面样式变换指令，确定用户所点击的界面样式为待变换的目标界面样式。

上述的方法是用户在设置中心中进行操作来确定待变换的目标界面样式。可以理解的是，用户也可以采用其它的界面样式变换指令输入方式来确定待变换的目标界面样式。例如，可以预先设定一个样式界面对应一种鼠标轨迹。具体的，当用户按下鼠标左键并让鼠标在界面上运行出数字1的轨迹，对应第一种界面样式。以此类推，这样，用户喜好哪个界面样式，就可以按照上述的方法让鼠标运行出相应数字的轨迹；界面样式变换装置在接收到该接收界面样式变换指令后，就可以确定待变换的目标界面样式。

S102，确定目标界面样式所对应的脚本文件。

S103，对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数。

所述脚本文件包含有目标界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数。

在本实施例提供的界面样式变换方法中，一种界面样式可以对应一个脚本文件，脚本文件的特点是可以实现动态加载，并执行指定操作的文件，比如实现动画效果。为了能够保证在界面样式变换时会产生动画效果，该脚本文件所包含的目标界面样式的配置信息中，包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数。这里所说的动画图片帧信息可以包括动画图片帧的数量，动画图片帧的存储位置，以及在进行界面样式变换时，每一帧动画图片帧的位置等。具体包含动画图片帧的哪些信息，是需要根据动画图片帧所对应的动画效果来定的。动画图片帧的变换参数可以包括：动画图片帧的变换顺序和变换速率等。

当然，可以理解的是，脚本文件所包含的目标界面样式的配置信息中，除了上述的目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数等动态的配置信息，还可以根据目标界面样式的需要包括一些静态的配置信息。例如，目标界面样式需要更改一些图片样式，那么配置信息中就需要包括图片的位置及图片的存储位置等。目标界面样式需要更改文本的一些效果的话，那么配置信息中还需要包括文本所对应的字体、颜色、大小等内容。

在实际应用中，脚本文件所包含的目标界面样式的配置信息，可以采用Javascript语言来描述，并且目标界面样式的配置信息可以以树状结构存储于脚本文件中；采用树状结构进行存储时，配置信息就可以被分割成若干部分，每一部分对应树状结构的一个节点。例如，界面样式可以分成图片、文本、动画等元素，每一种元素的配置信息都可以对应树状结构的一个节点。具体采用哪种树状结构，可以由本领域技术人员根据界面样式的特点及需要来确定，本发明在此不作具体限定。

在目标界面样式的配置信息以树状结构存储于脚本文件中的情况下，

对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，具体可以为：按照指定的顺序对脚本文件中目标界面样式的配置信息所对应的树状结构各结点进行解析，获取各结点所包含的目标界面样式的配置信息。所说的“指定的顺序”是可以由本领域技术人员来根据界面样式的需要、特点及树状结构的具体形式来指定，本发明在此不作具体限定。对脚本文件进行解析即可以通过应用软件界面样式变换装置的脚本文件解析模块来实现，也可以调用其它的脚步引擎来实现。

所说的脚本引擎，可以是指一个计算机编程语言的解释器，当脚本文件采用Javascript语言来描述时，就可以采用相对应的Javascript引擎作为脚本引擎。

在实际应用中，在获得该脚本文件中包含的目标界面样式的配置信息后，还可以将配置信息存储于内存的指定位置。

S104，根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

本步骤即可以通过应用软件界面样式变换装置的界面样式变换模块来实现，也可以调用其它的图形渲染引擎来实现。

在实际应用中，当动画图片帧的变换参数可以包括：动画图片帧的变换顺序和变换速率；

所述根据配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，具体可以为：

根据动画图片帧的变换顺序和变换速率及动画图片帧信息，渲染出目标界面样式对应的动画。

现在，操作***的种类很多，在目标界面样式的配置信息以树状结构存储于脚本文件中的情况下，很可能一些***不支持某一结点的配置信息对应的界面样式内容。也就是说，应用软件当前运行环境不支持某结点的配置信息对应的界面样式内容。例如，windows 7***支持毛玻璃效果功能，而xp***是不支持的，如果某一结点的配置信息对应的是毛玻璃效果，那么在windows 7***中就可以显示，而在xp***中就无法显示。如果***不支持某一结点的配置信息对应的界面样式内容，很可能会造成整个界面样式无法变换。为了能够让一种界面样式能够适应不同的***，在各种***中都可以自由的变换，在本发明的一种优选实施方式中，

在对树状结构每个结点进行解析之前，还包括：

判断目标应用软件当前运行环境是否能够支持待解析结点的配置信息对应的界面样式内容，

在判断结果为是的情况下，对该结点进行解析。

例如，当判断***为windows 7***时，就可以解析毛玻璃效果对应的配置信息的结点，然后渲染引擎渲染出毛玻璃效果。当判断***为xp***时，就跳过毛玻璃效果对应的配置信息的结点去解析其它的结点，这样不会影响整个界面样式的变换，从而可以使界面样式变换更加灵活。

在实际应用过程中，不仅在图形渲染引擎渲染目标界面样式时，会产生一定的动画效果，还可以为当前界面样式设置一些擦除效果。这样会使得显示效果更佳。

实际实施时，在图3所示的方法中，步骤S104，具体可以为：以指定的样式及速率擦除当前界面样式，并根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

所说的指定的样式及速率可以由本领域技术人员来设计，本发明在此不进行限定。

可见，采用如图3所示的界面样式变换方法，通过脚本文件存储界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；这样在接收到界面样式变换指令后，就可以对脚步文件进行解析，获得目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；并已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将当前界面样式替换为目标界面样式。从而实现了在界面样式变换过程中产生了动画效果的目的。

下面结合具体的应用场景对上述方法进行更加形象的描述。

如图4所示，为某应用软件的悬浮窗界面。用户想变换该悬浮窗界面的样式，就可以在界面样式设置中心中选择一个目标界面样式，界面样式变换装置在接收界面样式变换指令，确定待变换的目标界面样式后，确定目标界面样式所对应的脚本文件，对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，动画的关健帧如图5A-5C所示；将如图4所示的界面样式替换为目标界面样式，如图6所示。

在实际应用过程中，在将界面变换成目标界面样式后，还可以对目标界面样式进行局部的变换。

具体的，在接收到用户的目标界面样式局部变换指令后，确定该指令对应的结点并解析该结点，获得该结点对应的部分配置信息，并根据该部分配置信息变换目标界面样式的部分内容。例如，可以将用户在界面上移动鼠标的距离达到预设的阈值作为目标界面样式局部变换指令，该指令对应的结点为变换目标界面上文本颜色为黄色。那么当用户在界面上移动的距离达到预设的阈值时，就可以解析该结点，获得配置信息，并根据配置信息将目标界面上的文本内容渲染成黄色。

可以理解的是，上述各具体实施方式，即可以单独实施，也可以部分或全部组合在一起实施，具体采用哪种实施方式，可以由本领域技术人员根据需要来确定，本发明在此不作用具体限定。

相应于上面的方法实施例，本发明还提供了一种界面样式变换装置，如图7所示，可以包括：

目标界面样式确定模块101，用于针对目标应用软件的接收界面样式变换指令，确定待变换的目标界面样式；

脚本文件确定模块102，用于确定目标界面样式所对应的脚本文件；

脚本文件解析模块103，用于对脚本文件进行解析，获得该脚本文件中包含的目标界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；

界面样式变换模块104，用于根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

可见，采用如图7所示的界面样式变换装置，通过脚本文件存储界面样式的配置信息，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；这样在接收到界面样式变换指令后，就可以对脚步文件进行解析，获得目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；并已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将当前界面样式替换为目标界面样式。从而实现了在界面样式变换过程中产生了动画效果的目的。

在本发明的一种优选实施方式中，所述目标界面样式的配置信息以树状结构存储于脚本文件中；

所述脚本文件解析模块103，具体用于：按照指定的顺序对脚本文件中目标界面样式的配置信息所对应的树状结构各结点进行解析，获取各结点所包含的目标界面样式的配置信息。

在本发明的一种优选实施方式中，图7所示的装置还可以包括：运行环境判断模块，用于在脚本文件解析模块对树状结构每个结点进行解析之前，

判断目标应用软件当前运行环境是否能够支持待解析结点的配置信息对应的界面样式内容，

在判断结果为是的情况下，触发脚本文件解析模块103对该结点进行解析。

在本发明的一种优选实施方式中，所述动画图片帧的变换参数包括：动画图片帧的变换顺序和变换速率；

所述界面样式变换模块104，具体用于：根据动画图片帧的变换顺序、变换速率及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式替换为目标界面样式。

在本发明的一种优选实施方式中，所述界面样式变换模块104，具体用于：

以指定的样式及速率擦除当前界面样式，并根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

可以理解的是，上述的各装置的具体实施方式，即可以单独实施，也可以部分或全部组合在一起实施，具体采用哪种实施方式，可以由本领域技术人员根据需要来确定，本发明在此不作用具体限定。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本领域普通技术人员可以理解实现上述方法实施方式中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以存储于计算机可读取存储介质中，这里所称得的存储介质，如：ROM/RAM、磁碟、光盘等。

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

Claims (8)

1.一种应用软件界面样式变换方法，其特征在于，包括：

接收针对目标应用软件的界面样式变换指令，确定待变换的目标界面样式；

确定目标界面样式所对应的脚本文件，其中，所述目标界面样式的配置信息以树状结构存储于所述脚本文件中；

按照指定的顺序对所述脚本文件中所述目标界面样式的配置信息所对应的树状结构各结点进行解析，获取各结点所包含的所述目标界面样式的配置信息，其中，所述配置信息包括所述目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；

根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

2.如权利要求1所述的方法，其特征在于，在对树状结构每个结点进行解析之前，还包括：

判断所述目标应用软件当前运行环境是否能够支持待解析结点的配置信息对应的界面样式内容，

在判断结果为是的情况下，对该结点进行解析。

3.如权利要求1所述的方法，其特征在于，所述动画图片帧的变换参数包括：动画图片帧的变换顺序和变换速率；

所述根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，具体为：

根据动画图片帧的变换顺序、变换速率及动画图片帧信息，渲染出目标界面样式对应的动画。

4.如权利要求1所述的方法，其特征在于，所述根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式，具体为：

以指定的样式及速率擦除当前界面样式，并根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

5.一种界面样式变换装置，其特征在于，包括：

目标界面样式确定模块，用于针对目标应用软件的接收界面样式变换指令，确定待变换的目标界面样式；

脚本文件确定模块，用于确定目标界面样式所对应的脚本文件，其中，所述目标界面样式的配置信息以树状结构存储于脚本文件中；

脚本文件解析模块，用于按照指定的顺序对所述脚本文件中所述目标界面样式的配置信息所对应的树状结构各结点进行解析，获取各结点所包含的所述目标界面样式的配置信息，其中，所述配置信息包括目标界面样式对应的动画图片帧信息，及动画图片帧的变换参数；

界面样式变换模块，用于根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。

6.如权利要求5所述的装置，其特征在于，还包括：运行环境判断模块，用于在脚本文件解析模块对树状结构每个结点进行解析之前，

判断所述目标应用软件当前运行环境是否能够支持待解析结点的配置信息对应的界面样式内容，

在判断结果为是的情况下，触发脚本文件解析模块对该结点进行解析。

7.如权利要求5所述的装置，其特征在于，所述动画图片帧的变换参数包括：动画图片帧的变换顺序和变换速率；

所述界面样式变换模块，具体用于：根据动画图片帧的变换顺序、变换速率及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式替换为目标界面样式。

8.如权利要求5所述的装置，其特征在于，所述界面样式变换模块，具体用于：

以指定的样式及速率擦除当前界面样式，并根据已获得的配置信息中的动画图片帧的变化参数以及动画图片帧信息，渲染出目标界面样式对应的动画，将目标应用软件当前界面样式变换为目标界面样式。