CN107577395A - 基于Qt开发框架的聊天内容显示方法及装置 - Google Patents

Abstract

本发明公开了一种基于Qt开发框架的聊天内容显示方法及装置。所述方法包括：在聊天窗口中创建基于Qt开发框架的文本浏览器控件；在文本浏览器控件中，插入聊天内容；遍历文本浏览器控件中的聊天内容，其中，每条聊天内容对应一个文本块用户数据对象，文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；从文本块用户数据对象中，获取文本块对应的位置信息和尺寸信息；根据文本块对应的尺寸信息，确定气泡图片的实际尺寸；根据文本块对应的位置信息，确定气泡图片的实际显示位置；根据实际显示位置和实际尺寸，绘制气泡图片，以便在气泡图片中显示文本块对应的聊天内容。该方法实现过程简单，响应速度快，且可靠性高。

Description

基于Qt开发框架的聊天内容显示方法及装置

技术领域

本发明涉及聊天软件技术领域，特别涉及一种基于Qt开发框架的聊天内容显示方法及装置。

背景技术

在当今社会中，聊天工具类软件的应用已经相当广泛，涉及个人、商务、企业、行业等各种类型。这些软件存在的一个重要特点是注重用户聊天体验。为了确保聊天界面的内容更加美观，使用户阅读消息更加清爽，多数软件使用气泡聊天界面，也即，将聊天内容显示在气泡图片的背景中，达到气泡的显示效果。

聊天工具在显示聊天内容时，会在窗口上创建一个聊天内容显示容器，这个显示容器通常是调用开发框架提供的最可能实现气泡显示效果的某个控件，比如富文本编辑框。由于选用的开发框架和这个框架所能提供的控件的不同，以及技术人员对框架的熟悉程度，会导致基于这个框架实现气泡效果的方式大相径庭，或者较难实现。

现有技术中，存在以下两种方式的聊天界面实现方式：

方式一：通过调用Windows系统接口的RichEdit公共控件作为聊天内容的显示容器，该控件能够支持图文混排的可编辑输入框，生成显示区域中的编辑框。其中，显示区域在逻辑上包括窗口背景层、文字背景层和文字层。窗口背景在显示区域的最底层；文字背景层在显示区域的中间层；文字层在显示区域的最上层。

该种实现方式的主要步骤包括：获取待显示的聊天内容在聊天窗口的显示区域中的第一显示位置，计算待显示的聊天内容的宽度和高度，并根据待显示的聊天内容的高度和宽度确定气泡背景图片拉伸的尺寸。根据气泡背景图片拉伸的尺寸以及第一显示位置，在文字背景层中绘制气泡图片。获取显示区域的顶端在文字层中的第二显示位置：根据第一显示位置和第二显示位置，获取待显示的聊天内容在文字层中的第三显示位置。根据第三显示位置，将待显示的聊天内容显示在文字层中。

该种实现方式存在的技术问题是：由于采用微软的应用编程接口进行开发，只能在Windows系统上运行，不支持其它操作系统，并且对技术能力的要求较高，开发周期长，后期维护难度大。

方式二：基于Qt开发框架的气泡聊天界面实现，使用Qt自身提供的列表视图控件。主要实现步骤包括：先计算待插入的聊天内容的宽度和高度，调用控件接口把聊天内容插入到列表控件，然后设置插入项的高度以适应聊天内容的显示高度。再根据计算出来的聊天内容的宽度值调整插入项所在矩形大小内的位置。聊天内容显示位置的宽度和高度均调整好后，记录该最终位置信息。最后重写控件的绘制事件，根据记录的每一个插入项的位置信息绘制气泡背景图片。

该种方式存在的技术问题是：列表视图控件不支持鼠标或键盘选中聊天内容等交互操作，严重影响用户的操作体验，违背桌面软件本该具有的用户交互的基本原则。

发明内容

本发明实施例提供一种基于Qt开发框架的聊天内容显示方法及装置，实现过程简单，响应速度快，且可靠性高。

一方面，本发明实施例提供一种基于Qt开发框架的聊天内容显示方法，包括：

在聊天窗口中创建基于Qt开发框架的文本浏览器控件；

在所述文本浏览器控件中，插入聊天内容；

遍历所述文本浏览器控件中的聊天内容，其中，每条所述聊天内容对应一个文本块用户数据对象，所述文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；

从所述文本块用户数据对象中，获取所述文本块对应的位置信息和尺寸信息；

根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸；

根据所述文本块对应的位置信息，确定所述气泡图片的实际显示位置；

根据所述实际显示位置和实际尺寸，绘制气泡图片，以便在所述气泡图片中显示所述文本块对应的聊天内容。

可选的，所述文本块数据对象中还存储有：界面显示信息，所述界面显示信息包括以下内容中的一项或多项：

聊天内容发送方的唯一标识符，聊天内容发送方的昵称，聊天内容发送方的头像，聊天内容的发送时间和聊天内容的阅读状态；

在插入聊天内容后，所述方法还包括：

设置所述聊天内容的显示格式，所述显示格式包括：缩进间距、对齐方向、段间距和行间距；和/或

将定位文本输入位置的光标移至所述聊天内容的末端。

可选的，获取所述文本块对应的位置信息和尺寸信息，包括：

获取所述文本块所在矩形的左顶点的坐标位置，以及所述矩形的长度和宽度；

根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸之前，所述方法还包括：根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸。

可选的，根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸，包括：

获取所述文本块中的文本行数以及每行文本的宽度；

如果所述文本行数为一行，则将所述文本的宽度确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度；

如果所述文本行数为多行，根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸，包括：

定义用于存放气泡图片实际宽度的变量，并为所述变量赋一个初始值；

分别获取每行文本的宽度；

将每行文本的宽度分别与所述变量的当前值进行比较，得到所述变量的最终值；其中，首次比较时变量的当前值为所述初始值，非首次比较时变量的当前值为上一次更新后的变量值，所述变量的当前值在每次发生预设比较结果时发生更新，所述预设比较结果为对应行文本的宽度大于所述变量的当前值；

将所述变量的最终值确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度。

可选的，根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸包括：

按如下公式计算出所述气泡图片的实际宽度和实际高度；

w1＝W+l+r；

h1＝h0+t+b；

其中，w1为所述气泡图片的实际宽度，W为所述聊天内容的实际宽度，l为聊天内容距离气泡图片左边界的距离，r为聊天内容右侧距离气泡图片右边界的距离；h1为所述气泡图片的实际高度，h0为所述矩形的高度，t为聊天内容距离气泡图片顶边的距离，b为聊天内容距离气泡图片底边的距离。

可选的，根据所述文本块对应的位置信息，确定所述气泡图片的实际显示位置，包括：

按照以下公式确定所述气泡图片的实际显示位置：

按如下公式计算出靠左侧显示的气泡图片的左顶点信息：

x1＝m1；

y1＝Y；

其中，x1为绘制左侧气泡图片的左顶点横轴坐标，m1为气泡图片的左边界距离控件的左边距；y1为绘制左侧气泡图片的左顶点纵轴坐标，Y为文本块矩形位置的左顶点Y值；

按如下公式计算出靠右侧显示的气泡图片的左顶点信息：

x2＝R-w1-m2；

y2＝Y；

其中，x2为绘制右侧气泡图片的左顶点横轴坐标，R为控件的宽度大小，w1为所述气泡图片的宽度，m2为气泡图片的右边界距离控件的右边距，y2为绘制右侧气泡图片的左顶点纵轴坐标，Y为的文本块矩形位置的左顶点坐标值。

另一方面，本发明实施例提供一种基于Qt开发框架的聊天内容显示装置，包括：

创建单元，用于在聊天窗口中创建基于Qt开发框架的文本浏览器控件；

插入单元，用于在所述文本浏览器控件中，插入聊天内容；

遍历单元，用于遍历所述文本浏览器控件中的聊天内容，其中，每条所述聊天内容对应一个文本块用户数据对象，所述文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；

获取单元，用于从所述文本块用户数据对象中，获取所述文本块对应的位置信息和尺寸信息；

第一确定单元，用于根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸；

第二确定单元，用于根据所述文本块对应的位置信息，确定所述气泡图片的实际显示位置；

绘图单元，用于根据所述实际显示位置和实际尺寸，绘制气泡图片，以便在所述气泡图片中显示所述文本块对应的聊天内容。

可选的，所述文本块数据对象中还存储有：界面显示信息，所述界面显示信息包括以下内容中的一项或多项：

聊天内容发送方的唯一标识符，聊天内容发送方的昵称，聊天内容发送方的头像，聊天内容的发送时间和聊天内容的阅读状态；

在插入聊天内容后，所述方法还包括：

设置所述聊天内容的显示格式，所述显示格式包括：缩进间距、对齐方向、段间距和行间距；和/或

将定位文本输入位置的光标移至所述聊天内容的末端。

可选的，所述获取单元，用于获取所述文本块所在矩形的左顶点的坐标位置，以及所述矩形的长度和宽度；

所述装置还包括：

第三确定单元，用于根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸。

可选的，所述第三确定单元，包括：

获取模块，用于获取所述文本块中的文本行数以及每行文本的宽度；

第一确定模块，用于在所述文本行数为一行时，将所述文本的宽度确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度；

第二确定模块，用于在所述文本行数为多行时，根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸。

可选的，所述第二确定模块，包括：

定义子模块，用于定义用于存放气泡图片实际宽度的变量；

赋值子模块，用于为所述变量赋一个初始值；

获取子模块，用于分别获取每行文本的宽度；

比较子模块，用于将每行文本的宽度分别与所述变量的当前值进行比较，得到所述变量的最终值；其中，首次比较时变量的当前值为所述初始值，非首次比较时变量的当前值为上一次更新后的变量值，所述变量的当前值在每次发生预设比较结果时发生更新，所述预设比较结果为对应行文本的宽度大于所述变量的当前值；

确定子模块，用于将所述变量的最终值确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度。

可选的，所述第一确定单元，用于按如下公式计算出所述气泡图片的实际宽度和实际高度；

w1＝W+l+r；

h1＝h0+t+b；

其中，w1为所述气泡图片的实际宽度，W为所述聊天内容的实际宽度，l为聊天内容距离气泡图片左边界的距离，r为聊天内容右侧距离气泡图片右边界的距离；h1为所述气泡图片的实际高度，h0为所述矩形的高度，t为聊天内容距离气泡图片顶边的距离，b为聊天内容距离气泡图片底边的距离。

可选的，所述第二确定单元，用于按照以下公式确定所述气泡图片的实际显示位置；

按如下公式计算出靠左侧显示的气泡图片的左顶点信息：

x1＝m1；

y1＝Y；

其中，x1为绘制左侧气泡图片的左顶点横轴坐标，m1为气泡图片的左边界距离控件的左边距；y1为绘制左侧气泡图片的左顶点纵轴坐标，Y为文本块矩形位置的左顶点Y值；

按如下公式计算出靠右侧显示的气泡图片的左顶点信息：

x2＝R-w1-m2；

y2＝Y；

其中，x2为绘制右侧气泡图片的左顶点横轴坐标，R为控件的宽度大小，w1为所述气泡图片的宽度，m2为气泡图片的右边界距离控件的右边距，y2为绘制右侧气泡图片的左顶点纵轴坐标，Y为的文本块矩形位置的左顶点坐标值。

本专利申请提供的基于Qt开发框架的聊天内容显示方法及装置，通过在聊天窗口中创建基于Qt开发框架的文本浏览器控件；在文本浏览器控件中，插入聊天内容；遍历文本浏览器控件中的聊天内容，其中，每条聊天内容对应一个文本块用户数据对象，文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；从文本块用户数据对象中，获取文本块对应的位置信息和尺寸信息；根据文本块对应的尺寸信息，确定气泡图片的实际尺寸；根据文本块对应的位置信息，确定气泡图片的实际显示位置；根据实际显示位置和实际尺寸，绘制气泡图片，以便在气泡图片中显示文本块对应的聊天内容。该方法实现过程简单，响应速度快，且可靠性高。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1为本发明实施例提供的一种基于Qt开发框架的聊天内容显示方法的流程图；

图2为本发明实施例提供的一种基于Qt开发框架的聊天内容显示方法的流程图；

图3为本发明实施例提供的一种文本浏览器的绘图事件的实现方法的流程图；

图4为本发明实施例提供的一种基于Qt开发框架的聊天内容显示装置的框图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

以下对本专利申请中所可能涉及或使用的名词及术语进行解释如下：

Qt：是由Digia公司开发的自由且开放源代码的软件，是一个跨平台的应用程序开发框架。广泛用于开发图形用户界面程序，也可以用于开发非图形用户界面的程序，比如控制台工具和服务器。使用Qt开发的软件，相同的代码可以在任何支持的操作系统上编译与运行，而不需要修改源代码。

本专利申请的一个实施例提供了一种基于Qt开发框架的聊天内容显示方法，如图1所示，包括以下步骤S101-S107：

一方面，本发明实施例提供一种基于Qt开发框架的聊天内容显示方法，如图1所示，包括：

步骤S101：在聊天窗口中创建基于Qt开发框架的文本浏览器控件；

步骤S102：在文本浏览器控件中，插入聊天内容；

步骤S103：遍历文本浏览器控件中的聊天内容，其中，每条聊天内容对应一个文本块用户数据对象，文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；

步骤S104：从文本块用户数据对象中，获取文本块对应的位置信息和尺寸信息；

步骤S105：根据文本块对应的尺寸信息，确定气泡图片的实际尺寸；

步骤S106：根据文本块对应的位置信息，确定气泡图片的实际显示位置；

步骤S107：根据实际显示位置和实际尺寸，绘制气泡图片，以便在气泡图片中显示文本块对应的聊天内容。

可选的，所述文本块数据对象中还存储有：界面显示信息，所述界面显示信息包括以下内容中的一项或多项：

聊天内容发送方的唯一标识符，聊天内容发送方的昵称，聊天内容发送方的头像，聊天内容的发送时间和聊天内容的阅读状态；

在插入聊天内容后，所述方法还包括：

设置聊天内容的显示格式，其中，显示格式包括：缩进间距、对齐方向、段间距和行间距；和/或

将定位文本输入位置的光标移至聊天内容的末端。

可选的，获取文本块对应的位置信息和尺寸信息，包括：

获取文本块所在矩形的左顶点的坐标位置，以及矩形的长度和宽度；

根据文本块对应的尺寸信息，确定气泡图片的实际尺寸之前，所述方法还包括：根据文本块对应的尺寸信息，确定聊天内容的实际尺寸。

可选的，根据文本块对应的尺寸信息，确定聊天内容的实际尺寸，包括：

获取文本块中的文本行数以及每行文本的宽度；

如果文本行数为一行，则将文本的宽度确定为聊天内容的实际宽度，将矩形的长度确定为聊天内容的实际长度；

如果文本行数为多行，根据文本块对应的尺寸信息，确定聊天内容的实际尺寸，包括：

定义用于存放气泡图片实际宽度的变量，并为变量赋一个初始值；

分别获取每行文本的宽度；

将每行文本的宽度分别与变量的当前值进行比较，得到变量的最终值；其中，首次比较时变量的当前值为初始值，非首次比较时变量的当前值为上一次更新后的变量值，变量的当前值在每次发生预设比较结果时发生更新，所述预设比较结果为对应行文本的宽度大于变量的当前值；

将变量的最终值确定为聊天内容的实际宽度，将矩形的长度确定为所述聊天内容的实际长度。

可选的，根据文本块对应的尺寸信息，确定气泡图片的实际尺寸包括：

按如下公式计算出气泡图片的实际宽度和实际高度；

w1＝W+l+r；

h1＝h0+t+b；

其中，w1为气泡图片的实际宽度，W为所述聊天内容的实际宽度，l为聊天内容距离气泡图片左边界的距离，r为聊天内容右侧距离气泡图片右边界的距离；h1为气泡图片的实际高度，h0为所述矩形的高度，t为聊天内容距离气泡图片顶边的距离，b为聊天内容距离气泡图片底边的距离。

可选的，根据文本块对应的位置信息，确定气泡图片的实际显示位置，包括：

按照以下公式确定气泡图片的实际显示位置：

按如下公式计算出靠左侧显示的气泡图片的左顶点信息：

x1＝m1；

y1＝Y；

其中，x1为绘制左侧气泡图片的左顶点横轴坐标，m1为气泡图片的左边界距离控件的左边距；y1为绘制左侧气泡图片的左顶点纵轴坐标，Y为文本块矩形位置的左顶点Y值；

按如下公式计算出靠右侧显示的气泡图片的左顶点信息：

x2＝R-w1-m2；

y2＝Y；

其中，x2为绘制右侧气泡图片的左顶点横轴坐标，R为控件的宽度大小，w1为所述气泡图片的宽度，m2为气泡图片的右边界距离控件的右边距，y2为绘制右侧气泡图片的左顶点纵轴坐标，Y为的文本块矩形位置的左顶点坐标值。

本发明实施例提供的基于Qt开发框架的聊天内容显示方法，通过在聊天窗口中创建基于Qt开发框架的文本浏览器控件；在文本浏览器控件中，插入聊天内容；遍历文本浏览器控件中的聊天内容，其中，每条聊天内容对应一个文本块用户数据对象，文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；从文本块用户数据对象中，获取文本块对应的位置信息和尺寸信息；根据文本块对应的尺寸信息，确定气泡图片的实际尺寸；根据文本块对应的位置信息，确定气泡图片的实际显示位置；根据实际显示位置和实际尺寸，绘制气泡图片，以便在气泡图片中显示文本块对应的聊天内容。该方法实现过程简单，响应速度快，且可靠性高。

以下通过一个具体实施例对本发明提供的技术方案进一步详细说明，本发明实施例，如图2所示，提供一种基于Qt开发框架的聊天内容显示方法，包括以下步骤S201-步骤S205：

步骤S201：在聊天窗口中创建Qt框架提供的文本浏览器控件。

需要说明的是，文本浏览器控件可以采用QTextBrowser，作为聊天内容的显示容器。

其中，显示容器内部存在一个文档对象，组成文档的基本单位是框架和文本块。实现每条聊天内容气泡显示效果的方法就是对文本块进行操作和绘制。

步骤S202：定义文本块用户数据类型。

其中，每条聊天内容都有一个相对应的文本块用户数据对象。该对象会用于存放聊天内容发送方的唯一标识符、聊天内容发送方的昵称、聊天内容发送方的头像、聊天内容的发送时间、聊天内容的阅读状态等界面显示信息，其中，聊天内容的阅读状态可以为已读或者未读。上述文本块用户数据对象中，还可以存储与气泡绘制有关的位置大小信息。

定义文本块用户数据类型，就是用于创建文本块用户数据对象。在文本块数据类型里还要增加一个自定义的绘制接口函数，后续的气泡绘制过程，重点通过该函数加以实现。

步骤S203：设置文本块显示格式。

其中，文本块显示格式可以包括：缩进间距、对齐方向、段间距、行间距等。

具体地，当准备插入一条待显示的聊天内容时，先从文本块用户数据类型创建一个文本块用户数据对象，把和聊天内容一起传递过来的界面显示信息存储到这个对象里。然后移动QTextBrowser(文本浏览器)控件的光标到需要显示待插入聊天内容的位置处，设置该位置处的文本块显示格式，一条聊天内容占用一个文本块。再把文本块用户数据对象存放到文本块的信息里。

其中，设置显示格式的时候需要设置顶边距和底边距，然后设置最小左边距和最小右边距。选择默认对齐方式靠左对齐，通常不主动设置靠右对齐，需要靠右对齐的聊天气泡通过步骤S2055进行设置。

步骤S204：插入聊天内容。

其中，插入聊天内容前不需要先计算聊天内容在控件内能显示的位置大小。此处与现有技术中插入聊天内容前要计算待插入内容的宽度和高度的步骤有较大区别。如果采用在插入前预先计算的方法，获得的聊天内容的宽高值是不准确的，导致最终绘制出来的气泡图片位置偏离。

可选的，在每次插入完聊天内容后，主动把光标移动到文档末尾处，从而把控件的滚动条自动滚到文档的最底部，用户就可以即时看到当前聊天中的最后一条聊天内容。

步骤S205：重写QTextBrowser(文本浏览器)控件的绘图事件，该绘图事件的可以名称为paintEvent。

如图3所示，上述步骤205重写文本浏览器的绘图事件具体可以通过以下步骤S2051-S2059加以实现：

步骤S2051：从文档的起始位置开始逐个遍历文档内的文本块对象，获得一个需要绘制气泡背景的文本块对象。

如果未获取到文本块对象，则表示当前没有聊天内容需要绘制，或者表示所有的文本块都已经遍历完成，不再执行以下步骤。

步骤S2052：获得当前要绘制的文本块的矩形位置信息。

其中，获得到的矩形位置信息可以包括矩形左顶点X、Y值和矩形的长度和宽度。此处宽度大小实际上是接近控件的宽度大小，并不是聊天内容的实际显示宽度，聊天内容的实际显示宽度需要通过以下步骤S2054计算获得。

步骤S2053：把矩形位置信息作为参数传递给文本块用户数据对象里的自定义绘制接口。在自定义绘制接口里，执行气泡图片的绘制操作步骤。

步骤S2054：计算聊天内容的实际宽度。

具体地，可以定义一个用于保存最终计算出的聊天内容的实际宽度的变量W，并为变量W赋一个初始值，例如可以先设置宽度值变量W的初始值为0。如果聊天内容显示单行，则把W设置为该行文本的宽度大小，结束计算。如果聊天内容是多行显示，获得多行显示的总行数Lines值。然后获取行号为1的第一行文本的宽度大小，与宽度值W比较大小，若大于宽度值W，则把宽度值W设为第一行的文本宽度大小。接着获取行号为2的第二行文本宽度大小，同样与宽度值W比较大小，并设置宽度值W。重复此操作直到行号N大于总行数Lines值，最终得到的宽度值W就是多行显示的聊天内容最长一行的文本宽度大小，即聊天内容的实际宽度。

步骤S2055：根据文本块的显示格式，根据步骤S2053获得的文本块的位置信息的高度大小和步骤S2054计算得到的宽度值W，计算气泡图片最终需要拉伸的尺寸大小。把结果存放到步骤S202提到的该文本块的用户数据对象里。

按如下公式计算出最终需要绘制的气泡图片的宽度和高度大小：

w1＝W+l+r；

h1＝h0+t+b；

在上述公式中w1为最终需要绘制的气泡图片(也称为气泡背景图片)的宽度大小，W为步骤S2054计算得到的聊天内容实际宽度，l为聊天内容距离气泡图片左边界的距离，r为聊天内容右侧距离气泡图片右边界的距离；h1为最终需要绘制的气泡背景图片的高度大小，h0为步骤S2052获得的矩形高度大小，t为聊天内容距离气泡图片顶边的距离，b为聊天内容距离气泡图片底边的距离。

步骤S2056：根据上一步计算出的气泡图片的最终尺寸大小，计算要绘制的气泡图片的左顶点信息，确定具体的绘制位置信息。

按如下公式计算出靠左侧显示的气泡图片的左顶点信息：

x1＝m1；

y1＝Y；

在上述公式中x1为绘制左侧气泡图片的左顶点横轴坐标，m1为气泡图片的左边界距离控件的左边距；y1为绘制左侧气泡图片的左顶点纵轴坐标，Y为步骤S2052获得的文本块矩形位置的左顶点Y值。

按如下公式计算出靠右侧显示的气泡图片的左顶点信息：

x2＝R-w1-m2；

y2＝Y；

在上述公式中x2为绘制右侧气泡图片的左顶点横轴坐标，R为控件的宽度大小，w1为步骤S2055计算得到的气泡图片宽度大小，m2为气泡图片的右边界距离控件的右边距；y2为绘制右侧气泡图片的左顶点纵轴坐标，Y为步骤S2052获得的文本块矩形位置的左顶点Y值。

步骤S2057：根据步骤S2055和S2056计算得到的气泡图片的具体位置信息和尺寸，绘制气泡图片。

步骤S2058：重置文本块内聊天内容的位置，使其被正确显示在气泡图片中。

具体地，对于左侧显示的聊天气泡无需重新设置位置，因为控件排版会默认设置文本的左对齐格式。对于右侧显示的聊天气泡则需要主动设置其文本内容靠右侧显示。根据步骤S2056计算得到的右侧显示的聊天气泡的左顶点位置x2值，计算最终聊天内容要重置的左顶点横轴坐标，纵轴坐标不变。

按如下公式可以得到文本的左顶点横轴坐标：

x3＝x2+l；

在上述公式中x3为文本内容最终显示的左顶点横轴坐标，x2为步骤S2056计算得到的右侧气泡图片的左顶点横轴坐标，l为文本内容与气泡图片左侧边界的间距。

步骤S2059：重复执行S2051-S2058获得下一个需要绘制气泡背景的文本块对象，直到所有需要绘制的文本块对象的气泡图片绘制完成。

本发明实施例另外提供一种基于Qt开发框架的聊天内容显示装置，如图4所示，包括：

创建单元301，用于在聊天窗口中创建基于Qt开发框架的文本浏览器控件；

插入单元302，用于在文本浏览器控件中，插入聊天内容；

遍历单元303，用于遍历文本浏览器控件中的聊天内容，其中，每条聊天内容对应一个文本块用户数据对象，文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；

获取单元304，用于从文本块用户数据对象中，获取文本块对应的位置信息和尺寸信息；

第一确定单元305，用于根据文本块对应的尺寸信息，确定气泡图片的实际尺寸；

第二确定单元306，用于根据文本块对应的位置信息，确定气泡图片的实际显示位置；

绘图单元307，用于根据实际显示位置和实际尺寸，绘制气泡图片，以便在气泡图片中显示文本块对应的聊天内容。

可选的，文本块数据对象中还存储有：界面显示信息，界面显示信息包括以下内容中的一项或多项：

聊天内容发送方的唯一标识符，聊天内容发送方的昵称，聊天内容发送方的头像，聊天内容的发送时间和聊天内容的阅读状态；

在插入聊天内容后，所述方法还包括：

设置聊天内容的显示格式，显示格式包括：缩进间距、对齐方向、段间距和行间距；和/或

将定位文本输入位置的光标移至聊天内容的末端。

可选的，所述获取单元，用于获取文本块所在矩形的左顶点的坐标位置，以及矩形的长度和宽度。

可选的，所述装置还可以包括：

第三确定单元，用于根据文本块对应的尺寸信息，确定聊天内容的实际尺寸。

可选的，所述第三确定单元，包括：

获取模块，用于获取文本块中的文本行数以及每行文本的宽度；

第一确定模块，用于在文本行数为一行时，将文本的宽度确定为聊天内容的实际宽度，将矩形的长度确定为聊天内容的实际长度；

第二确定模块，用于在文本行数为多行时，根据文本块对应的尺寸信息，确定聊天内容的实际尺寸。

可选的，所述第二确定模块，包括：

定义子模块，用于定义用于存放气泡图片实际宽度的变量；

赋值子模块，用于为变量赋一个初始值；

获取子模块，用于分别获取每行文本的宽度；

比较子模块，用于将每行文本的宽度分别与变量的当前值进行比较，得到变量的最终值；其中，首次比较时变量的当前值为初始值，非首次比较时变量的当前值为上一次更新后的变量值，变量的当前值在每次发生预设比较结果时发生更新，所述预设比较结果为对应行文本的宽度大于所述变量的当前值；

确定子模块，用于将变量的最终值确定为聊天内容的实际宽度，将矩形的长度确定为聊天内容的实际长度。

可选的，第一确定单元，用于按如下公式计算出所述气泡图片的实际宽度和实际高度；

w1＝W+l+r；

h1＝h0+t+b；

其中，w1为气泡图片的实际宽度，W为所述聊天内容的实际宽度，l为聊天内容距离气泡图片左边界的距离，r为聊天内容右侧距离气泡图片右边界的距离；h1为所述气泡图片的实际高度，h0为所述矩形的高度，t为聊天内容距离气泡图片顶边的距离，b为聊天内容距离气泡图片底边的距离。

可选的，第二确定单元，用于按照以下公式确定气泡图片的实际显示位置；

按如下公式计算出靠左侧显示的气泡图片的左顶点信息：

x1＝m1；

y1＝Y；

其中，x1为绘制左侧气泡图片的左顶点横轴坐标，m1为气泡图片的左边界距离控件的左边距；y1为绘制左侧气泡图片的左顶点纵轴坐标，Y为文本块矩形位置的左顶点Y值；

按如下公式计算出靠右侧显示的气泡图片的左顶点信息：

x2＝R-w1-m2；

y2＝Y；

其中，x2为绘制右侧气泡图片的左顶点横轴坐标，R为控件的宽度大小，w1为所述气泡图片的宽度，m2为气泡图片的右边界距离控件的右边距，y2为绘制右侧气泡图片的左顶点纵轴坐标，Y为的文本块矩形位置的左顶点坐标值。

本发明实施例提供的基于Qt开发框架的聊天内容显示装置，通过在聊天窗口中创建基于Qt开发框架的文本浏览器控件；在文本浏览器控件中，插入聊天内容；遍历文本浏览器控件中的聊天内容，其中，每条聊天内容对应一个文本块用户数据对象，文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；从文本块用户数据对象中，获取文本块对应的位置信息和尺寸信息；根据文本块对应的尺寸信息，确定气泡图片的实际尺寸；根据文本块对应的位置信息，确定气泡图片的实际显示位置；根据实际显示位置和实际尺寸，绘制气泡图片，以便在气泡图片中显示文本块对应的聊天内容。该装置实现过程简单，响应速度快，且可靠性高。

本领域内的技术人员应明白，本发明的实施例可提供为方法、装置、系统或计算机程序产品。本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、装置、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。其中，装置或系统实施例中未详细描述的内容，可以认为与方法实施例一一对应，参照方法实施例即可。

应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

1.一种基于Qt开发框架的聊天内容显示方法，其特征在于，包括：

在聊天窗口中创建基于Qt开发框架的文本浏览器控件；

在所述文本浏览器控件中，插入聊天内容；

遍历所述文本浏览器控件中的聊天内容，其中，每条所述聊天内容对应一个文本块用户数据对象，所述文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；

从所述文本块用户数据对象中，获取所述文本块对应的位置信息和尺寸信息；

根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸；

根据所述文本块对应的位置信息，确定所述气泡图片的实际显示位置；

根据所述实际显示位置和实际尺寸，绘制气泡图片，以便在所述气泡图片中显示所述文本块对应的聊天内容。

2.根据权利要求1所述的方法，其特征在于，所述文本块数据对象中还存储有：界面显示信息，所述界面显示信息包括以下内容中的一项或多项：

聊天内容发送方的唯一标识符，聊天内容发送方的昵称，聊天内容发送方的头像，聊天内容的发送时间和聊天内容的阅读状态；

在插入聊天内容后，所述方法还包括：

设置所述聊天内容的显示格式，所述显示格式包括：缩进间距、对齐方向、段间距和行间距；和/或

将定位文本输入位置的光标移至所述聊天内容的末端。

3.根据权利要求1所述的方法，其特征在于，获取所述文本块对应的位置信息和尺寸信息，包括：

获取所述文本块所在矩形的左顶点的坐标位置，以及所述矩形的长度和宽度；

根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸之前，所述方法还包括：根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸。

4.根据权利要求3所述的方法，其特征在于，根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸，包括：

获取所述文本块中的文本行数以及每行文本的宽度；

如果所述文本行数为一行，则将所述文本的宽度确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度；

如果所述文本行数为多行，根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸，包括：

定义用于存放气泡图片实际宽度的变量，并为所述变量赋一个初始值；

分别获取每行文本的宽度；

将每行文本的宽度分别与所述变量的当前值进行比较，得到所述变量的最终值；其中，首次比较时变量的当前值为所述初始值，非首次比较时变量的当前值为上一次更新后的变量值，所述变量的当前值在每次发生预设比较结果时发生更新，所述预设比较结果为对应行文本的宽度大于所述变量的当前值；

将所述变量的最终值确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度。

5.根据权利要求3或4任一项所述的方法，其特征在于，根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸包括：

按如下公式计算出所述气泡图片的实际宽度和实际高度；

w1＝W+l+r；

h1＝h0+t+b；

其中，w1为所述气泡图片的实际宽度，W为所述聊天内容的实际宽度，l为聊天内容距离气泡图片左边界的距离，r为聊天内容右侧距离气泡图片右边界的距离；h1为所述气泡图片的实际高度，h0为所述矩形的高度，t为聊天内容距离气泡图片顶边的距离，b为聊天内容距离气泡图片底边的距离。

6.根据权利要求5所述的方法，其特征在于，根据所述文本块对应的位置信息，确定所述气泡图片的实际显示位置，包括：

按照以下公式确定所述气泡图片的实际显示位置：

按如下公式计算出靠左侧显示的气泡图片的左顶点信息：

x1＝m1；

y1＝Y；

其中，x1为绘制左侧气泡图片的左顶点横轴坐标，m1为气泡图片的左边界距离控件的左边距；y1为绘制左侧气泡图片的左顶点纵轴坐标，Y为文本块矩形位置的左顶点Y值；

按如下公式计算出靠右侧显示的气泡图片的左顶点信息：

x2＝R-w1-m2；

y2＝Y；

其中，x2为绘制右侧气泡图片的左顶点横轴坐标，R为控件的宽度大小，w1为所述气泡图片的宽度，m2为气泡图片的右边界距离控件的右边距，y2为绘制右侧气泡图片的左顶点纵轴坐标，Y为的文本块矩形位置的左顶点坐标值。

7.一种基于Qt开发框架的聊天内容显示装置，其特征在于，包括：

创建单元，用于在聊天窗口中创建基于Qt开发框架的文本浏览器控件；

插入单元，用于在所述文本浏览器控件中，插入聊天内容；

遍历单元，用于遍历所述文本浏览器控件中的聊天内容，其中，每条所述聊天内容对应一个文本块用户数据对象，所述文本块用户数据对象中存储有文本块对应的位置信息和尺寸信息；

获取单元，用于从所述文本块用户数据对象中，获取所述文本块对应的位置信息和尺寸信息；

第一确定单元，用于根据所述文本块对应的尺寸信息，确定所述气泡图片的实际尺寸；

第二确定单元，用于根据所述文本块对应的位置信息，确定所述气泡图片的实际显示位置；

绘图单元，用于根据所述实际显示位置和实际尺寸，绘制气泡图片，以便在所述气泡图片中显示所述文本块对应的聊天内容。

8.根据权利要求7所述的装置，其特征在于：

所述获取单元，用于获取所述文本块所在矩形的左顶点的坐标位置，以及所述矩形的长度和宽度；

所述装置还包括：

第三确定单元，用于根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸；

所述第三确定单元，包括：

获取模块，用于获取所述文本块中的文本行数以及每行文本的宽度；

第一确定模块，用于在所述文本行数为一行时，将所述文本的宽度确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度；

第二确定模块，用于在所述文本行数为多行时，根据所述文本块对应的尺寸信息，确定所述聊天内容的实际尺寸；

所述第二确定模块，包括：

定义子模块，用于定义用于存放气泡图片实际宽度的变量；

赋值子模块，用于为所述变量赋一个初始值；

获取子模块，用于分别获取每行文本的宽度；

比较子模块，用于将每行文本的宽度分别与所述变量的当前值进行比较，得到所述变量的最终值；其中，首次比较时变量的当前值为所述初始值，非首次比较时变量的当前值为上一次更新后的变量值，所述变量的当前值在每次发生预设比较结果时发生更新，所述预设比较结果为对应行文本的宽度大于所述变量的当前值；

确定子模块，用于将所述变量的最终值确定为所述聊天内容的实际宽度，将所述矩形的长度确定为所述聊天内容的实际长度。

9.根据权利要求7或8任一项所述的装置，其特征在于：

所述第一确定单元，用于按如下公式计算出所述气泡图片的实际宽度和实际高度；

w1＝W+l+r；

h1＝h0+t+b；

其中，w1为所述气泡图片的实际宽度，W为所述聊天内容的实际宽度，l为聊天内容距离气泡图片左边界的距离，r为聊天内容右侧距离气泡图片右边界的距离；h1为所述气泡图片的实际高度，h0为所述矩形的高度，t为聊天内容距离气泡图片顶边的距离，b为聊天内容距离气泡图片底边的距离。

10.根据权利要求9所述的装置，其特征在于：

所述第二确定单元，用于按照以下公式确定所述气泡图片的实际显示位置；

按如下公式计算出靠左侧显示的气泡图片的左顶点信息：

x1＝m1；

y1＝Y；

其中，x1为绘制左侧气泡图片的左顶点横轴坐标，m1为气泡图片的左边界距离控件的左边距；y1为绘制左侧气泡图片的左顶点纵轴坐标，Y为文本块矩形位置的左顶点Y值；

按如下公式计算出靠右侧显示的气泡图片的左顶点信息：

x2＝R-w1-m2；

y2＝Y；

其中，x2为绘制右侧气泡图片的左顶点横轴坐标，R为控件的宽度大小，w1为所述气泡图片的宽度，m2为气泡图片的右边界距离控件的右边距，y2为绘制右侧气泡图片的左顶点纵轴坐标，Y为的文本块矩形位置的左顶点坐标值。