一种显示表情信息的方法及装置

摘要

本发明公开了一种显示表情信息的方法，应用于即时通信系统中，包括以下步骤：通过聊天窗口接收或发送表情信息；根据所述表情信息，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换，并显示经过所述属性变换得到的动画效果。通过使用本发明，能够实现表情信息对应的动画效果。本发明同样公开了一种应用上述方法的装置。

权利要求

1.一种显示表情信息的方法，应用于即时通信系统中，其特征在于，包括以下步骤：通过聊天窗口接收或发送表情信息；

根据所述表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换，并显示经过所述属性变换得到的动画效果；

其中，所述根据表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换，包括：根据发送的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口中的头像相框执行以下操作中的至少一种：缩放变换、位移变换、透明度变化和旋转变换；

或，根据接收到的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口的框架执行以下操作中的至少一种：缩放变换、位移变换、透明度变化和旋转变换；

或，根据接收到的表情信息对应的动画参数，在所述聊天窗口中的头像相框上设置遮罩图层，在所述遮罩图层上设置所述表情信息对应的表情图片，并修改所述遮罩图层的透明度和渐变色。

2.如权利要求1所述的方法，其特征在于，所述聊天窗口包括所述聊天窗口的框架和所述聊天窗口中的消息内容。

3.一种显示表情信息的装置，应用于即时通信系统中，其特征在于，包括：通信模块，用于通过聊天窗口接收或发送表情信息；

属性变换模块，用于根据所述通信模块收发的表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换；

所述属性变换模块，用于根据所述通信模块发送的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口中的头像相框执行以下操作中的至少一种：缩放变换、位移变换、透明度变化和旋转变换；

或，用于根据所述通信模块接收到的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口的框架执行以下操作中的至少一种：缩放变换、位移变换、透明度变化和旋转变换；

或，用于根据所述通信模块接收到的表情信息对应的动画参数，在所述聊天窗口中的头像相框上设置遮罩图层，在所述遮罩图层上设置所述表情信息对应的表情图片，并修改所述遮罩图层的透明度和渐变色；

显示模块，用于显示所述属性变换模块得到的动画效果。

4.如权利要求3所述的装置，其特征在于，

所述属性变换模块，具体用于根据所述表情信息对应的动画参数，对所述聊天窗口的框架和所述聊天窗口中的消息内容进行属性变换。

说明书

一种显示表情信息的方法及装置

技术领域

[0001] 本发明涉及计算机技术领域，尤其涉及一种显示表情信息的方法及装置。

背景技术

[0002] 随着网络技术的发展和网络影响的扩大，IM(Instant Messaging，即时通讯)工具已经被大多数的网络用户所接受，成为用户必不可少的软件工具，在休闲娱乐和日常工作中得到广泛的使用。因此，用户对IM软件的易用性、稳定性和安全性等方面提出了较高的要求。

[0003] 在使用IM工具的过程中，用户经常会使用很多有趣的表情效果来传达信息。现有的表情效果一般通过jpg静态图片、gif动态图片和动态合成图等方式实现，表情内容一般为一个或多个图片，或者图片加文字，通过静态的传送方式显示在聊天窗口的固定区域(消息内容部分)中。

[0004] 发明人在实现本发明的过程中，发现现有技术至少存在以下缺陷：

[0005] 现有的表情效果的表现形式单一，缺乏互动感，难以充分表达用户的意图。

发明内容

[0006] 本发明提供了一种显示表情信息的方法及装置，用于实现表情信息对应的动画效果。

[0007] 本发明提供了一种显示表情信息的方法，包括以下步骤：

[0008] 通过聊天窗口接收或发送表情信息；

[0009] 根据所述表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换，并显示经过所述属性变换得到的动画效果。

[0010] 优选地，所述聊天窗口包括所述聊天窗口的框架和所述聊天窗口中的消息内容。

[0011] 优选地，所述根据表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换，包括：

[0012] 根据发送的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口中的头像相框执行以下操作中的至少一种：

[0013] 缩放变换、位移变换、透明度变化和旋转变换。

[0014] 优选地，所述根据表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换，包括：

[0015] 根据接收到的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口的框架执行以下操作中的至少一种：

[0016] 缩放变换、位移变换、透明度变化和旋转变换。

[0017] 优选地，所述根据表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换，包括：

[0018] 根据接收到的表情信息对应的动画参数，在所述聊天窗口中的头像相框上设置遮罩图层，在所述遮罩图层上设置所述表情信息对应的表情图片，并修改所述遮罩图层的透明度和渐变色。

[0019] 本发明还提供了一种显示表情信息的装置，应用于即时通信系统中，包括：

[0020] 通信模块，用于通过聊天窗口接收或发送表情信息；

[0021] 属性变换模块，用于根据所述通信模块收发的表情信息对应的动画参数，对所述聊天窗口和所述表情信息对应的表情图片进行属性变换；

[0022] 显示模块，用于显示所述属性变换模块得到的动画效果。

[0023] 优选地，所述属性变换模块，具体用于根据所述表情信息对应的动画参数，对所述聊天窗口的框架和所述聊天窗口中的消息内容进行属性变换。

[0024] 优选地，所述属性变换模块，具体用于根据所述通信模块发送的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口中的头像相框执行以下操作中的至少一种：

[0025] 缩放变换、位移变换、透明度变化和旋转变换。

[0026] 优选地，所述属性变换模块，具体用于根据所述通信模块接收到的表情信息对应的动画参数，对所述表情信息对应的表情图片和所述聊天窗口的框架执行以下操作中的至少一种：

[0027] 缩放变换、位移变换、透明度变化和旋转变换。

[0028] 优选地，所述属性变换模块，具体用于根据所述通信模块接收到的表情信息对应的动画参数，在所述聊天窗口中的头像相框上设置遮罩图层，在所述遮罩图层上设置所述表情信息对应的表情图片，并修改所述遮罩图层的透明度和渐变色。

[0029] 与现有技术相比，本发明具有以下优点：本发明通过对聊天窗口和表情图片进行属性变换，得到并显示属性变换后的动画效果，能够通过聊天窗口生动、形象地显示表情信息，丰富了表情效果，便于用户理解表情信息，增强了IM客户端的互动感，提高了IM客户端的易用性。

附图说明

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

[0031] 图1为本发明中的一种显示表情信息的方法流程图；

[0032] 图2为本发明的发送“敲打”表情的应用场景下显示表情信息流程图；

[0033] 图3为本发明的发送“敲打”表情的示意图；

[0034] 图4为本发明的发送“敲打”表情的应用场景下的动画效果示意图；

[0035] 图5为本发明的接收“敲打”表情的应用场景下显示表情信息流程图；

[0036] 图6为本发明的接收“敲打”表情的应用场景下的动画效果示意图；

[0037] 图7为本发明的接收“发怒”表情的应用场景下显示表情信息流程图；

[0038] 图8为本发明的接收“发怒”表情的应用场景下的动画效果示意图；

[0039] 图9为本发明中的一种显示表情信息的装置结构示意图。

具体实施方式

[0040] 本发明提供的技术方案中，根据通过IM客户端的聊天窗口接收或发送的表情信息，对聊天窗口和该表情信息对应的表情图片进行属性变换，并显示经过属性变换得到的动画效果。通过聊天窗口中丰富的表情效果，能够通过聊天窗口生动、形象地显示表情信息，便于用户理解表情信息，提高了用户在发送和接收消息的过程中的互动性。

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

[0042] 如图1所示，为本发明中的一种显示表情信息的方法流程图，应用于即时通信系统中，包括以下步骤：

[0043] 步骤101，IM客户端通过聊天窗口接收或发送表情信息。

[0044] 具体地，用户通过IM客户端与好友聊天时，如果需要发送表情信息，可以在与好友的聊天窗口中点击表情图标，在弹出的表情分布页卡中选择并点击菜单中的表情信息，使相应的表情信息出现在聊天窗口的发送内容区域中，通过点击输入框中出现的发送按钮，可以发送该表情信息。此外，用户通过IM客户端与好友聊天的过程中，也可以通过聊天窗口接收好友发送的表情信息。

[0045] 步骤102，IM客户端根据表情信息对应的动画参数，对聊天窗口和该表情信息对应的表情图片进行属性变换。

[0046] 其中，聊天窗口可以包括聊天窗口的框架和聊天窗口中的消息内容。IM客户端可以根据发送的表情信息对应的动画参数，对该表情信息对应的表情图片和聊天窗口中的头像相框(photoFrame)进行缩放变换(ScaleTransform)、位移变换(TranslateTransform)、透明度变化和旋转变换(RotateTransform)；还可以根据接收到的表情信息对应的动画参数，对聊天窗口的框架和该表情信息对应的表情图片和进行缩放变换、位移变换、透明度变化和旋转变换；还可以根据接收到的表情信息对应的动画参数，在聊天窗口中的头像相框上设置遮罩图层，在该遮罩图层上设置表情信息对应的表情图片，并修改该遮罩图层的透明度和渐变色。上述表情图片可以为一张或多张，当设置多张表情图片时，可以在修改遮罩图层的透明度和渐变色的同时，在遮罩图层上切换显示多张表情图片。

[0047] 步骤103，IM客户端显示经过属性变换得到的动画效果。

[0048] 本发明实施例通过对聊天窗口和表情图片进行属性变换，得到并显示属性变换后的动画效果，能够通过聊天窗口生动、形象地显示表情信息，丰富了表情效果，便于用户理解表情信息，增强了IM客户端的互动感，提高了IM客户端的易用性。

[0049] 下面结合具体的应用场景，对本发明中的显示表情信息的方法进行详细的说明。

[0050] 如图2所示，为本发明的发送“敲打”表情的应用场景下显示表情信息流程图，具体包括以下步骤：

[0051] 步骤201，IM客户端通过聊天窗口发送“敲打”表情。

[0052] 具体地，用户可以在IM客户端的聊天窗口中点击表情图标(笑脸)，在弹出的如图3所示的表情分布页卡中选择并点击菜单中的“敲打”表情，使“敲打”表情出现在聊天窗口的发送内容区域中，通过点击输入框中出现的发送按钮，可以发送“敲打”表情。

[0053] 步骤202，IM客户端根据发送的“敲打”表情对应的动画参数，对“敲打”表情对应的锤子图片(hammerImage)进行透明度变化和旋转变换，并对聊天窗口中的头像相框进行缩放变换和位移变换。

[0054] 具体地，缩放变换、位移变换、透明度变化和旋转变换均为线性平滑变换，其中，透明度变化可以实现从不可见完全可见的渐变，即渐隐出现；也可以实现从完全可见到不可见的渐变，即渐隐消失。对锤子图片同时进行透明度变化和旋转变换，可以实现小锤子出现以及敲打头像相框的效果。

[0055] 例如，对锤子图片进行透明度变化和旋转变换时的属性数值变化表，可以分别如表1和表2所示。

[0056] 表1对锤子图片进行透明度变化时的属性数值变化表

[0057]时刻 透明度
(单位：毫秒) (0表示完全透明，即不可见；1表示不透明，即完全可见)
0 0
100 0.2
200 0.4
300 0.7
400 0.9
500 1
700 0.6
800 0.3
900 0

[0058] 表2对锤子图片进行旋转变换时的属性数值变化表

[0059]时刻(单位：毫秒) 旋转角度
0 0度
500 14度
600 -14度

[0060] 另外，对头像相框同时进行缩放变换和位移变换，可以实现头像相框被敲打后的挤压、反弹和震动的效果。其中，缩放变换可以实现头像相框被挤压和反弹的效果，位移变换可以实现头像相框震动的效果。例如，对头像相框进行水平缩放变换、垂直缩放变换和位移变换时的属性数值变化表，可以分别如表3、表4和表5所示。

[0061] 表3对头像相框进行水平缩放变换时的属性数值变化表

[0062]时刻(单位：毫秒) 在水平方向上的缩放比例ScaleX
0 1
700 1.02
800 0.9
900 1.2
1200 1

[0063] 表4对头像相框进行垂直缩放变换时的属性数值变化表

[0064]时刻(单位：毫秒) 在垂直方向上的缩放比例ScaleY
0 1
700 0.8
800 1.05
900 0.7
1000 0.95
1200 1

[0065] 表5对头像相框进行位移变换时的属性数值变化表

[0066]时刻(单位：毫秒) 在垂直方向上的位移量(单位：像素)
0 0
700 5
800 -4
900 8
1000 -1
1100 -3
1200 0
1300 -2
1400 0

[0067] 步骤203，IM客户端通过聊天窗口显示经过属性变换得到的动画效果。

[0068] 具体地，用户在IM客户端通过聊天窗口发送“敲打”表情后，聊天窗口可以显示以下动画效果：左上角的好友头像上方会出现锤子，锤子对好友头像自上而下进行敲击的动作，以表现“敲打”表情的效果，如图4所示。

[0069] 在具体的实现过程中，可以使用基于WPF(Windows PresentationFoundation，视窗展示基础)技术的XAML(eXtensible Application MarkupLanguage，可扩展应用程序标记语言)实现对聊天窗口和表情图片的属性变换。

[0070] 在对表情图片进行透明度变化时，可以通过XAML创建动画对象和透明度变化对应的关键帧集合，设置动画的目标对象为表情图片，该动画用于修改表情图片的Opacity(透明度)属性，并指定各个关键时间点的Opacity Value(透明度数值)；在对表情图片进行旋转变换时，可以创建旋转变换对应的关键帧集合，设置动画的目标对象为表情图片，该动画用于修改表情图片的RotateTransform.Angle(旋转角度)属性，并指定各个关键时间点的AngleValue(角度数值)。表1和表2所示的属性变换对应的具体代码如下：

[0071] <！--创建键名为hammerAnimationStoryboard的动画对象-->[0072] [0073] <！--创建关键帧集合，设置此动画的目标对象为hammerImage，此动画修改Opacity透明度属性-->

[0074]

[0076] Storyboard.TargetProperty＝″(UIElement.Opacity)″>

[0077] <！--指定各个关键时间点的Opacity Value-->

[0078]

[0080] <！--指定各个关键时间点的Opacity Value-->

[0081]

[0083]

[0085]

[0087]

[0089]

[0091]

[0093]

[0095]

[0096] <！--创建关键帧集合，设置此动画的目标对象为hammerImage，此动画修改RotateTransform.Angle属性-->

[0097]

[0098] Storyboard.TargetName＝″hammerImage″

[0099] Storyboard.TargetProperty ＝ ″ (UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)″>

[0100] <！--指定各个关键时间点的Angle Value-->

[0101]

[0103]

[0105]

[0106]

[0107] IM客户端通过聊天窗口显示动画效果时，可以在对应的实现程序中调用((Storyboard)(Resources[″hammerAnimationStoryboard″])).Begin()，从而播放对应的动画效果。

[0108] 此外，在对头像相框进行缩放变换和位移变换时，可以通过XAML创建动画对象以及在水平方向上的缩放比例、在垂直方向上的缩放比例和在垂直方向上的位移量对应的关键帧集合，设置动画的目标对象为头像相框，该动画用于修改头像相框在水平方向上的缩放比例、在垂直方向上的缩放比例和在垂直方向上的位移量，并分别指定各个关键时间点的在水平方向上的缩放比例、在垂直方向上的缩放比例和在垂直方向上的位移量。

[0109] 表3、表4和表5所示的属性变换对应的具体代码如下：

[0110] <！--创建键名为photoFrameAnimationStoryboard的动画对象-->[0111] [0112] <！--创建关键帧集合，设置此动画的目标对象为photoFrame，此动画修改ScaleTransform.ScaleX属性-->

[0113]

[0114] Storyboard.TargetName＝″photoFrame″

[0115] Storyboard.TargetProperty ＝ ″ (UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)″>

[0116] <！--指定各个关键时间点的ScaleX Value-->

[0117]

[0119]

[0121]

[0123]

[0125]

[0127]

[0128] <！--创建关键帧集合，设置此动画的目标对象为photoFrame，此动画修改ScaleTransform.ScaleY属性-->

[0129]

[0130] Storyboard.TargetName＝″photoFrame″

[0131] Storyboard.TargetProperty ＝ ″ (UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)″>

[0132] <！--指定各个关键时间点的ScaleY Value-->

[0133]

[0135]

[0137]

[0139]

[0141]

[0142]

[0144]

[0145] <！--创建关键帧集合，设置此动画的目标对象为photoFrame，此动画修改TranslateTransform.Y属性-->

[0146]

[0147] Storyboard.TargetName＝″photoFrame″

[0148] Storyboard.TargetProperty ＝ ″ (UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)″>

[0149] <！--指定各个关键时间点的TranslateTransform.Y Value-->[0150]

[0152]

[0154]

[0156]

[0157]

[0159]

[0161]

[0163]

[0165]

[0166]

[0167] IM客户端通过聊天窗口显示动画效果时，可以在对应的实现程序中调用((Storyboard)(Resources[″photoFrameAnimationStoryboard″])).Begin()，从而播放对应的动画效果。

[0168] 本发明通过对聊天窗口和表情图片进行属性变换，得到并显示属性变换后的动画效果，能够通过聊天窗口生动、形象地显示表情信息，丰富了表情效果，便于用户理解表情信息，增强了IM客户端的互动感，提高了IM客户端的易用性。

[0169] 如图5所示，为本发明的接收“敲打”表情的应用场景下显示表情信息流程图，具体包括以下步骤：

[0170] 步骤501，IM客户端通过聊天窗口接收“敲打”表情。

[0171] 具体地，用户通过IM客户端的聊天窗口与好友聊天时，好友也可以选择表情分布页卡中的“敲打”表情发送给用户，用户可以通过聊天窗口接收好友发送的“敲打”表情。

[0172] 步骤502，IM客户端根据接收到的“敲打”表情对应的动画参数，对“敲打”表情对应的大锤子图片(bigHammerImage)进行透明度变化和旋转变换，并对聊天窗口的框架和聊天窗口中的消息内容进行缩放变换和位移变换。

[0173] 其中，对聊天窗口的框架同时进行缩放变换和位移变换，可以实现聊天窗口被敲打后的挤压、反弹和震动的动画效果；对大锤子图片同时进行透明度变化和旋转变换，可以实现大锤子出现以及敲打的效果。此外，在聊天窗口在变形过程中，对聊天窗口中的消息内容进行实时渲染。

[0174] 步骤503，IM客户端通过聊天窗口显示经过属性变换得到的动画效果。

[0175] 具体地，用户在IM客户端通过聊天窗口接收到“敲打”表情后，聊天窗口可以显示以下动画效果：聊天窗口顶部出现“锤子”图样，“锤子”在窗口顶部自上而下敲打窗口，窗口被敲打后，整个窗口首先被上下挤压尺寸变扁，使得左右拉长，然后在左右弹回原尺寸的同时，上下来回抖动几次才恢复原样，如图6所示。

[0176] 本发明通过对聊天窗口和表情图片进行属性变换，得到并显示属性变换后的动画效果，能够通过聊天窗口生动、形象地显示表情信息，丰富了表情效果，便于用户理解表情信息，增强了IM客户端的互动感，提高了IM客户端的易用性。

[0177] 如图7所示，为本发明的接收“发怒”表情的应用场景下显示表情信息流程图，具体包括以下步骤：

[0178] 步骤701，IM客户端通过聊天窗口接收“发怒”表情。

[0179] 具体地，用户通过IM客户端的聊天窗口与好友聊天时，好友也可以选择表情分布页卡中的“发怒”表情发送给用户，用户可以通过该聊天窗口接收好友发送的“发怒”表情。

[0180] 步骤702，IM客户端根据接收到的“发怒”表情对应的动画参数，在聊天窗口中的头像相框上设置遮罩图层，在该遮罩图层上设置“发怒”表情对应的火焰图片，并修改该遮罩图层的透明度和渐变色。

[0181] 具体地，可以在不同时刻修改遮罩图层的透明度和渐变色等属性，同时在遮罩图层上轮流切换显示不同的火焰图片(例如，15张表示不同火苗样子的火焰图片)，实现烈火燃烧且头像相框和头像图片被火烧红的动画效果。

[0182] 步骤703，IM客户端通过聊天窗口显示经过属性变换得到的动画效果。

[0183] 具体地，用户在IM客户端通过聊天窗口接收到“发怒”表情后，聊天窗口可以显示以下动画效果：左上方的好友头像上会出现自下而上的火焰，并通过火焰将头像烧着直到头像消失，此后，头像恢复原有样式，在此表情效果中，火焰的燃烧范围超出了左上方好友头像的外框以及上部，如图8所示。

[0184] 本应用场景下，在进行属性变换时，可以通过XAML创建动画对象和多个表情图片的能见度变化对应的关键帧集合，设置动画的目标对象为表情图片，该动画用于修改表情图片的Visibility(能见度)属性，并指定各个表情图片在各个关键时间点是否能见。具体代码如下：

[0185] <！--创建键名为fireAnimationStoryboard的动画对象-->[0186]

[0187] <！--创建关键帧集合，设置此动画的目标对象为fire1，此动画修改Visibility属性-->

[0188] <！--即在0.1秒的时候显示，在0.2秒的时候消失-->

[0189]

[0190] Storyboard.TargetName＝″fire1″

[0191] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0192]

[0194]

[0196]

[0197] <！--创建关键帧集合，设置此动画的目标对象为fire2，此动画修改Visibility属性-->

[0198] <！--即在0.2秒的时候显示，在0.3秒的时候消失-->

[0199]

[0200] Storyboard.TargetName＝″fire2″

[0201] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0202]

[0204]

[0206]

[0207] <！--创建关键帧集合，设置此动画的目标对象为fire3，此动画修改Visibility属性-->

[0208] <！--即在0.3秒的时候显示，在0.4秒的时候消失-->

[0209]

[0210] Storyboard.TargetName＝″fire3″

[0211] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0212]

[0214]

[0216]

[0217] <！--创建关键帧集合，设置此动画的目标对象为fire4，此动画修改[0218] Visibility属性-->

[0219] <！--即在0.4秒的时候显示，在0.5秒的时候消失-->

[0220]

[0221] Storyboard.TargetName＝″fire4″

[0222] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0223]

[0225]

[0227]

[0228] <！--创建关键帧集合，设置此动画的目标对象为fire5，此动画修改Visibility属性-->

[0229] <！--即在0.5秒的时候显示，在0.6秒的时候消失-->

[0230]

[0231] Storyboard.TargetName＝″fire5″

[0232] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0233]

[0235]

[0237]

[0238] <！--创建关键帧集合，设置此动画的目标对象为fire6，此动画修改[0239] Visibility属性-->

[0240] <！--即在0.6秒的时候显示，在0.7秒的时候消失-->

[0241]

[0242] Storyboard.TargetName＝″fire6″

[0243] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0244]

[0246]

[0248]

[0249] <！--创建关键帧集合，设置此动画的目标对象为fire7，此动画修改Visibility属性-->

[0250] <！--即在0.7秒的时候显示，在0.8秒的时候消失-->

[0251]

[0252] Storyboard.TargetName＝″fire7″

[0253] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0254]

[0256]

[0258]

[0259] <！--创建关键帧集合，设置此动画的目标对象为fire8，此动画修改Visibility属性-->

[0260] <！--即在0.8秒的时候显示，在0.9秒的时候消失-->

[0261]

[0262] Storyboard.TargetName＝″fire8″

[0263] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0264]

[0266]

[0268]

[0269] <！--创建关键帧集合，设置此动画的目标对象为fire9，此动画修改Visibility属性-->

[0270] <！--即在0.9秒的时候显示，在1.0秒的时候消失-->

[0271]

[0273] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0274]

[0276]

[0278]

[0279] <！--创建关键帧集合，设置此动画的目标对象为fire10，此动画修改Visibility属性-->

[0280] <！--即在1.0秒的时候显示，在1.1秒的时候消失-->

[0281]

[0282] Storyboard.TargetName＝″fire10″

[0283] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0284]

[0286]

[0288]

[0289] <！--创建关键帧集合，设置此动画的目标对象为fire11，此动画修改Visibility属性-->

[0290] <！--即在1.1秒的时候显示，在1.2秒的时候消失-->

[0291]

[0292] Storyboard.TargetName＝″fire11″

[0293] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0294]

[0296]

[0298]

[0299] <！--创建关键帧集合，设置此动画的目标对象为fire12，此动画修改Visibility属性-->

[0300] <！--即在1.2秒的时候显示，在1.3秒的时候消失-->

[0301]

[0302] Storyboard.TargetName＝″fire12″

[0303] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0304]

[0306]

[0308]

[0309] <！--创建关键帧集合，设置此动画的目标对象为fire13，此动画修改[0310] Visibility属性-->

[0311] <！--即在1.3秒的时候显示，在1.4秒的时候消失-->

[0312]

[0313] Storyboard.TargetName＝″fire13″

[0314] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0315]

[0317]

[0319]

[0320] <！--创建关键帧集合，设置此动画的目标对象为fire14，此动画修改Visibility属性-->

[0321] <！--即在1.4秒的时候显示，在1.5秒的时候消失-->

[0322]

[0323] Storyboard.TargetName＝″fire14″

[0324] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0325]

[0327]

[0329]

[0330] <！--创建关键帧集合，设置此动画的目标对象为fire15，此动画修改Visibility属性-->

[0331] <！--即在1.5秒的时候显示，在1.6秒的时候消失-->

[0332]

[0333] Storyboard.TargetName＝″fire15″

[0334] Storyboard.TargetProperty＝″(UIElement.Visibility)″>

[0335]

[0337]

[0339]

[0340]

[0341] IM客户端通过聊天窗口显示动画效果时，可以在对应的实现程序中调用((Storyboard)(Resources[″fireAnimationStoryboard″])).Begin()，从而播放对应的动画效果。

[0342] 本发明通过对聊天窗口和表情图片进行属性变换，得到并显示属性变换后的动画效果，能够通过聊天窗口生动、形象地显示表情信息，丰富了表情效果，便于用户理解表情信息，增强了IM客户端的互动感，提高了IM客户端的易用性。

[0343] 本发明在上述实施方式中提供了显示表情信息的方法和多种应用场景，相应地，本发明还提供了应用上述显示表情信息的方法的装置。

[0344] 如图9所示，为本发明中的一种显示表情信息的装置结构示意图，应用于即时通信系统中，包括：

[0345] 通信模块910，用于通过聊天窗口接收或发送表情信息。

[0346] 属性变换模块920，用于根据通信模块910收发的表情信息对应的动画参数，对聊天窗口和所述表情信息对应的表情图片进行属性变换。

[0347] 具体地，上述属性变换模块920可以根据表情信息对应的动画参数，对聊天窗口的框架和聊天窗口中的消息内容进行属性变换；也可以根据通信模块910发送的表情信息对应的动画参数，对该表情信息对应的表情图片和聊天窗口中的头像相框进行缩放变换、位移变换、透明度变化和旋转变换；还可以根据通信模块910接收到的表情信息对应的动画参数，对该表情信息对应的表情图片和聊天窗口的框架进行缩放变换、位移变换、透明度变化和旋转变换；还可以根据通信模块910接收到的表情信息对应的动画参数，在聊天窗口中的头像相框上设置遮罩图层，在该遮罩图层上设置表情信息对应的表情图片，并修改遮罩图层的透明度和渐变色。上述表情图片可以为一张或多张，当设置多张表情图片时，属性变换模块920可以在修改遮罩图层的透明度和渐变色的同时，在遮罩图层上切换显示多张表情图片。

[0348] 显示模块930，用于显示属性变换模块920得到的动画效果。

[0349] 本发明通过对聊天窗口和表情图片进行属性变换，得到并显示属性变换后的动画效果，能够通过聊天窗口生动、形象地显示表情信息，丰富了表情效果，便于用户理解表情信息，增强了IM客户端的互动感，提高了IM客户端的易用性。

[0350] 通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台终端设备(可以是手机，个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

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

[0352] 本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中，也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以集成于一体，也可以分离部署；可以合并为一个模块，也可以进一步拆分成多个子模块。

[0353] 上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

[0354] 以上公开的仅为本发明的几个具体实施例，但是，本发明并非局限于此，任何本领域的技术人员能思之的变化都应落入本发明的保护范围。