CN1842005A - 一种实现图文消息呈现的方法 - Google Patents

Abstract

本发明提供了一种实现图文消息呈现的方法，该方法是发送端将用户通过界面输入的文字数据和图片数据生成炫彩消息，将该消息传输至接收客户端，接收客户端将炫彩消息中的文字数据与图片数据结合并显示。本发明的方法将图片和文字结合，即将文字和图片作为一个消息发送到聊天对方用户，并显示图片与文字相结合的数据，不仅实现了有效的消息传输，而且实现了一种特殊的聊天效果。使用本发明的方法，可使网络服务商为用户提供更丰富的服务，从而大大提高网络用户的满意度。

Description

一种实现图文消息呈现的方法

技术领域

本发明涉及网络数据传输技术，特别是涉及一种网络聊天工具实现图文消息呈现的方法，更确切地说，本发明涉及图文消息的生成和显示方法。

背景技术

在网络应用中，网络聊天最受网民喜爱。最初，用户满足于简单的文字聊天，随着计算机技术的发展，现在越来越多的用户希望网络聊天工具能够提供具有更多表现力的聊天方式。

文字在聊天内容中占据着重要的位置，但是文字的表现形式比较单一。为了丰富聊天内容并作为文字的补充，很多聊天软件引入了自定义表情的概念，用户可以在消息中插入表情图片，这样使得单一的文本更加丰富，通过表情图片可以使用户更加生动地交流，产生很好的效果。自定义表情实现的技术方案跟发送图片是一样的。

除此以外，目前还有一种手绘图案的消息内容。在两端的客户端都支持手写的情况下，发送方可以通过手写的方式在对话框上输入任意符号或者文字，而在接收方则将发送方发送的最终图形显示出来。其实现方式是：用户在客户端绘制图形，生成一个定制的静态图形文件发送给对方，对方的显示器上显示该图形文件。但是，无论如何，图片和文字之间是仍然独立的，没有一个统一的将文字和图片整合的概念。

现有技术的方法虽然在一定程度上满足了聊天用户对丰富表现力的需求，但是也存在很大局限性：首先，由于目前文字和图片是作为两种消息发送给聊天对象，所以，无法得到有效的消息传递。其次，尽管手绘图案作为一种新的消息内容可以使用户进行充分的个性表现。但是，由于绘制速度慢和表现精细度的问题，其应用也很有限。所以现有的方法仍然不能很好满足用户的个性化需求。

发明内容

本发明的主要目的在于提供一种实现图文消息呈现的方法，实现图片和文字相结合的文本传输。

本发明的目的是通过如下技术方案实现的：

一种实现图文消息呈现的方法，包括如下步骤：

A、发送客户端根据用户输入的文字数据和图片数据生成一条图文消息，并传输该图文消息至接收客户端；

B、接收客户端接收到包含文字和图片的图文消息后，将文字数据和图片数据结合显示。

其中，所述文字数据包括文字及其初始位置坐标，所述图片数据包括图片及其初始位置坐标。

其中，在步骤A中，所述生成图文消息的步骤为：

发送客户端为图文消息预留文字内容空间、文字位置信息空间、图片内容空间和图片位置信息空间；

发送客户端将用户输入的文字保存在文字内容空间，将文字初始位置坐标保存在文字位置信息空间，将图片保存在图片内容空间，将图片初始位置坐标保存在图片位置信息空间。

其中，在步骤B中，所述接收客户端将文字数据和图片数据结合显示的步骤为：

接收客户端建立一个具有透明背景的画布；

接收客户端在画布上叠加图片数据；

接收客户端在画布上叠加文字数据；

接收客户端将画布上的数据输出至显示器。

一种实现图文消息呈现的方法，该方法包括如下步骤：

A、发送客户端根据用户输入的文字数据、图片数据以及文字和图片的动画效果生成一条图文消息，并传输该图文消息至接收客户端；

B、接收客户端接收到包含文字和图片的图文消息后，将图文消息中的文字和图片动画效果分别应用于文字数据和图片数据，并将应用了动画效果的文字和图片结合显示。

其中，该方法进一步包括：所述文字数据包括文字、文字初始位置坐标和文字动画效果，所述图片数据包括图片、图片初始位置坐标和图片动画效果。

其中，在步骤A中，所述发送客户端生成图文消息的步骤为：

发送客户端为图文消息预留文字内容空间、文字位置信息空间、文字动画标志位空间、图片内容空间、图片位置信息空间和图片动画标志位空间；

发送客户端将用户输入的文字和图片分别保存在文字和图片内容空间，将文字和图片初始位置坐标保存在文字和图片位置信息空间；

分析用户输入的文字和图片动画效果，查找文字和图片动画效果所对应的动画效果序列，并为对应文字和图片动画标志位空间赋非零值。

其中，该方法进一步包括：在接收客户端设置动画效果序列数据库，每个动画效果序列对应一种动画效果，动画效果序列包括多个用于确定文字动画效果和图片动画效果的状态数据；

在步骤B中，所述接收客户端将文字数据和图片数据结合显示的步骤为：

接收客户端从动画效果数据库中读取与图文消息的文字动画效果相对应的第一动画效果序列，和与图片动画效果相对应的第二动画效果序列；

将第一动画效果序列中的第一状态数据应用于图文消息的文字，将第二动画效果序列中的第二状态数据应用于图文消息的图片，并显示该应用了状态数据的文字和图片。

其中，所述接收客户端显示该应用了状态数据的文字和图片的步骤为：

接收客户端建立一个具有透明背景的画布，

接收客户端在画布上叠加应用了第二状态数据的图片；

接收客户端在画布上叠加应用了第一状态数据的文字；

接收客户端将画布上的数据输出至显示器。

其中，该方法进一步包括：在接收客户端设置文字动画触发定时器和图片动画触发定时器，

在步骤B中，所述将第一状态数据应用于文字的步骤为：由文字动画触发定时器触发将第一状态数据应用于文字，由图片动画触发定时器触发将第二状态数据应用于图片。

其中，所述状态数据为坐标数据、字体颜色代码或字体大小代码。

本发明提供了一种实现图文消息呈现的方法，该方法是发送端将用户通过界面输入的文字数据和图片数据生成图文消息，将该消息传输至接收客户端，接收客户端将图文消息中的文字数据与图片数据结合并显示。在现有的聊天工具中，聊天的一方文字和图片作为两个消息分别发送给对方，或者，聊天的一方将手绘图案发送给对方，对方用户直接在显示器上显示接收到的文字和/或图片。本发明的方法可以将图片和文字结合，即将文字和图片作为一个消息发送到聊天对方用户，并显示图片与文字相结合的数据，实现了一种特殊的聊天效果。使用本发明的方法，网络服务商能够为用户提供更丰富的服务，从而大大提高网络用户的满意度。

附图说明

图1是根据本发明的实现图文消息呈现的方法流程图；

图2是根据本发明的炫彩消息的结构示意图。

具体实施方式

为了使本发明的目的、技术方案和优点更清楚，下面结合附图和具体实施方式对本发明作进一步描述。

该方法是发送端将用户通过界面输入的文字数据和图片数据生成图文消息，将该消息传输至接收客户端，接收客户端将图文消息中的文字数据与图片数据结合并显示。

需要说明，本发明所提及的图文消息指图片和文字相结合的消息，该将图片和文字相结合发送并呈现的图文消息称为炫彩消息，但是，炫彩消息也可以是音频、视频与文字和/或图片相结合的消息。

图1是根据本发明的实现图文消息呈现的方法流程图。参见图1，该方法包括如下步骤：

步骤101：发送端和接收端分别设置动画效果库，在动画效果库中存储多种动画效果序列，按类型来分，动画效果序列有位置变化类和风格变化类两种，其中位置变化类包括滚动序列、跳动序列和翻转序列等，风格变化类包括文字颜色序列和文字大小序列等。

对于位置变化类序列，序列中存有多个坐标数据，这些坐标数据表示文字或图片的移动轨迹，通常使文字或图片具有位置变化的效果，即滚动效果或翻转效果；

对于风格变化类中的文字颜色序列，其中保存有多个颜色代码，表示文字的颜色随时间的变化；

对于风格变化类中的文字大小序列，其中保存有多个字体字号代码，表示文字字体随时间的变化。

每种序列包含多种子序列，对应不同的动画效果，例如滚动序列中有向前滚动序列和向后滚动序列，翻转序列有向左翻转和向右翻转。

序列中的坐标数据、颜色代码和字体字号代码都是状态数据，表示文字或图片所具有的状态信息，即位置信息、颜色信息或字体字号信息，等等。

步骤102：发送端用户在用户界面上输入文字、图片、文字和图片的初始位置以及文字和图片各自所采用的动画效果。

用户可以通过图形用户界面(GUI)方式或脚本文件方式输入文字和图片各自所采用的动画效果，并选择将图片与文字分层显示：

GUI方式是用户根据界面上提供的选项选择动画效果；

脚本文件方式是用户将需要的动画效果存储于脚本文件中；

两种方式各具优势：GUI方式的优势在于所见即所得，方便用户选择；脚本文件的方式对于熟练应用的用户来讲更方便，而且脚本文件可以重用，在动画效果不改变时，脚本文件的方式可以避免用户重复输入相同的动画效果。以GUI方式输入的动画效果也可以以脚本文件存储。

步骤103：发送端将用户输入的文字、图片、文字和图片的初始位置，以及文字和图片各自所采用的动画效果合成炫彩消息，该消息中包括文本内容信息和标识动画效果的标志位。文本内容信息包括文字、图片及其各自的初始位置，标志位包括文字标志位和图片标志位。

标志位是炫彩消息中标识动画效果的消息字段，通常，标志位与客户端的动画效果库中的动画效果序列相对应，例如，有文字滚动标志位、文字字体颜色标志位和图片翻转标志位，等等。

炫彩消息的格式如图2所示，炫彩消息包括炫彩消息头信息和内容信息。头信息包括文字头信息、图片头信息和其它数据头信息，其中，文字头信息包括文字初始位置和文字动画效果标志位，图片头信息包括图片初始位置和图片动画效果标志位。内容信息包括具体的文字内容和图片内容。

生成炫彩消息的过程是：发送端首先为炫彩消息预留头信息空间和内容信息空间，所有空间的初始值为零；其次，将用户输入的文字和图片的初始位置分别保存在文字头信息和图片头信息中；最后，分析用户输入的文字和图片的动画效果数据，查找动画效果所对应的动画效果序列，并为文字和图片动画效果序列对应的标志位空间赋非零值；最后，将文字和图片分别保存在文字内容空间和图片内容空间中。

举例说明，如果文字滚动标志位的值非0，则表示该消息的文字具有滚动效果，该值对应具体的滚动子序列；如果图片翻转标志位的值为0，则表示该消息的图片没有翻转效果。

步骤104：发送端将炫彩消息打包，然后将打包数据传输至接收端。

步骤105：接收端接收到炫彩消息后，进行数据解包，提取出炫彩消息的内容，即提取出炫彩消息的文字、图片、文字和图片的各自初始位置和各自动画效果标志位的信息。

步骤106：接收端判断是否所有动画标志位的值为0，如果所有动画效果标志位的值均为0，说明该炫彩消息中文字和图片均无动画效果，则执行步骤107；否则，说明该炫彩消息中文字和/或图片有动画效果，则执行步骤109。

步骤107：接收端生成一个背景透明的画布；

步骤108：在该画布上叠加图片数据，

步骤109：在该画布上叠加文字数据，然后执行步骤117。

步骤110：接收端根据炫彩消息的标志位从动画效果库中读取相应的动画效果序列。

举例说明，如果消息中的文字滚动标志位不为0，表示消息中的文字具有滚动效果，则从动画效果库中读取与该标志位的值相对应的滚动序列；如果消息中的图片翻转标志位不为0，表示消息中的图片具有翻转的效果，则从动画效果库中读取与该标志位的值相对应的图片翻转序列；如果消息中的图片翻转标志位和文字滚动标志位均不为0，表示消息中的文字在滚动的同时，图片翻转，则从动画效果库中读取与文字滚动标志位的值相对应的文字滚动序列和与图片翻转标志位的值相对应的图片翻转序列。

步骤111：根据取出的动画效果序列生成文字变化序列和图片变化序列，该文字变化序列中包括应用于消息文字的文字变化信息，该图片变化序列中包括应用于消息图片的图片变化信息。

举例说明，如果取出的动画效果序列是文字滚动序列，则文字变化序列中保存的是一系列坐标数据；如果取出的动画效果序列是图片翻转序列，则图片变化序列中保存的是一系列坐标数据；如果取出的动画效果序列是文字滚动和图片翻转两个序列，则文字变化序列中是一系列坐标数据，图片变化序列中也是一系列坐标数据。

步骤112：接收端判断是否已经启动了动画触发定时器，如果是，则执行步骤114；否则，执行步骤113。

步骤113：接收端启动动画触发定时器，该定时器的触发周期可以是系统的缺省设置，也可以由用户设置。

步骤114：将生成的文字变化序列应用于炫彩消息的文字，和/或将图片变化序列应用于炫彩消息的图片。

举例说明，如果文字变化序列中包括一系列坐标数据，那么根据定时器的触发逐一将坐标数据作为文字的当前位置；如果文字变化序列中包括一系列字体颜色代码，那么根据定时器的触发逐一将字体颜色作为当前字体的颜色；如果文字变化序列中既有一系列坐标数据，也有一系列字体颜色代码，那么根据定时器的触发逐一将坐标数据作为当前文字的位置，同时逐一将字体颜色作为当前的字体颜色。

如果图片变化序列中包括图片变化序列中包括一系列坐标数据，那么根据定时器的触发逐一将坐标数据作为图片的当前位置。

步骤115：接收端生成一个背景透明的画布；

步骤116：在该画布上叠加应用了背景图片变化序列的背景图片，然后在该画布上叠加应用了文字变化序列的文字。

对于图片有动画效果的情况，图片可以具有翻转等效果；如果文字有动画效果，则可以具有如前文所述的滚动、跳动及变换颜色和大小等效果；如果图片和文字都有动画效果，由于图片和文字是分层显示的，所以图片和文字可以各自具有动画效果而不会互相影响。

步骤117：接收端将画布数据输出到显示器。

在接收端显示器上，显示的是图片与文字结合的炫彩消息。文字在显示器上的位置或颜色、大小等可以随时间而变化，图片在显示器上的位置也可以随时间而变化。同样，炫彩消息的文字和图片也可以没有动画效果，画布上叠加的背景图片和文字一直位于初始位置。

在上述说明中，需要启动动画触发定时器，由定时器触发将生成的文字变化序列应用于炫彩消息的文字，和/或将图片变化序列应用于炫彩消息的图片。应该理解，本发明的方法也可以不由动画触发定时器触发将文字变化序列应用于文字，和/或将图片变化序列应用于炫彩消息的图片，而是编写专门的动画控制线程触发，将变化序列中的状态数据应用于文字和/或图片。

在上述对本发明的说明中，炫彩消息中包含图片和文字，在本发明的其它实施例中，炫彩消息不局限于将文字和图片相结合，也可以将文字、图片与其它任何适合的数据相结合，例如自绘图案数据，等等。

在具体的实施过程中可对根据本发明的方法进行适当的改进，以适应具体情况的具体需要。例如，本发明的应用领域不局限于网络聊天，也可以应用在其它众多领域内。因此可以理解，根据本发明的具体实施方式只是起示范作用，并不用以限制本发明的保护范围。

Claims (11)

1、一种实现图文消息呈现的方法，其特征在于，该方法包括如下步骤：

A、发送客户端根据用户输入的文字数据和图片数据生成一条图文消息，并传输该图文消息至接收客户端；

B、接收客户端接收到包含文字和图片的图文消息后，将文字数据和图片数据结合显示。

2、根据权利要求1所述的方法，其特征在于，所述文字数据包括文字及其初始位置坐标，所述图片数据包括图片及其初始位置坐标。

3、根据权利要求2所述的方法，其特征在于，在步骤A中，所述生成图文消息的步骤为：

发送客户端为图文消息预留文字内容空间、文字位置信息空间、图片内容空间和图片位置信息空间；

发送客户端将用户输入的文字保存在文字内容空间，将文字初始位置坐标保存在文字位置信息空间，将图片保存在图片内容空间，将图片初始位置坐标保存在图片位置信息空间。

4、根据权利要求2所述的方法，其特征在于，在步骤B中，所述接收客户端将文字数据和图片数据结合显示的步骤为：

接收客户端建立一个具有透明背景的画布；

接收客户端在画布上叠加图片数据；

接收客户端在画布上叠加文字数据；

接收客户端将画布上的数据输出至显示器。

5、一种实现图文消息呈现的方法，其特征在于，该方法包括如下步骤：

A、发送客户端根据用户输入的文字数据、图片数据以及文字和图片的动画效果生成一条图文消息，并传输该图文消息至接收客户端；

B、接收客户端接收到包含文字和图片的图文消息后，将图文消息中的文字和图片动画效果分别应用于文字数据和图片数据，并将应用了动画效果的文字和图片结合显示。

6、根据权利要求5所述的方法，其特征在于，该方法进一步包括：所述文字数据包括文字、文字初始位置坐标和文字动画效果，所述图片数据包括图片、图片初始位置坐标和图片动画效果。

7、根据权利要求6所述的方法，其特征在于，在步骤A中，所述发送客户端生成图文消息的步骤为：

发送客户端为图文消息预留文字内容空间、文字位置信息空间、文字动画标志位空间、图片内容空间、图片位置信息空间和图片动画标志位空间；

发送客户端将用户输入的文字和图片分别保存在文字和图片内容空间，将文字和图片初始位置坐标保存在文字和图片位置信息空间；

分析用户输入的文字和图片动画效果，查找文字和图片动画效果所对应的动画效果序列，并为对应文字和图片动画标志位空间赋非零值。

8、根据权利要求7所述的方法，其特征在于，该方法进一步包括：在接收客户端设置动画效果序列数据库，每个动画效果序列对应一种动画效果，动画效果序列包括多个用于确定文字动画效果和图片动画效果的状态数据；

在步骤B中，所述接收客户端将文字数据和图片数据结合显示的步骤为：

接收客户端从动画效果数据库中读取与图文消息的文字动画效果相对应的第一动画效果序列，和与图片动画效果相对应的第二动画效果序列；

将第一动画效果序列中的第一状态数据应用于图文消息的文字，将第二动画效果序列中的第二状态数据应用于图文消息的图片，并显示该应用了状态数据的文字和图片。

9、根据权利要求8所述的方法，其特征在于，所述接收客户端显示该应用了状态数据的文字和图片的步骤为：

接收客户端建立一个具有透明背景的画布，

接收客户端在画布上叠加应用了第二状态数据的图片；

接收客户端在画布上叠加应用了第一状态数据的文字；

接收客户端将画布上的数据输出至显示器。

10、根据权利要求8所述的方法，其特征在于，该方法进一步包括：在接收客户端设置文字动画触发定时器和图片动画触发定时器，

在步骤B中，所述将第一状态数据应用于文字的步骤为：由文字动画触发定时器触发将第一状态数据应用于文字，由图片动画触发定时器触发将第二状态数据应用于图片。

11、根据权利要求8所述的方法，其特征在于，所述状态数据为坐标数据、字体颜色代码或字体大小代码。

Images