一种显示聊天内容的方法及装置制造方法及图纸

本发明专利技术公开了一种显示聊天内容的方法及装置，属于互联网技术领域。所述方法包括：获取待显示的聊天内容在聊天窗口的显示区域中的第一显示位置；根据所述第一显示位置，在所述显示区域中绘制形状为预设形状的图片，所述显示区域的正上方叠加有透明的富文本编辑框；根据所述第一显示位置，将所述待显示的聊天内容显示在所述富文本编辑框上。本发明专利技术通过聊天窗口中的显示区域中加载的富文本编辑框显示待显示的聊天内容，并在待显示的聊天内容显示之前预先绘制预设形状的图片。避免了由于使用网页容器显示聊天内容时造成的系统资源消耗过高的缺陷，提高了显示聊天内容的效率。

【技术实现步骤摘要】

本专利技术涉及互联网
，特别涉及一种显示聊天内容的方法及装置。
技术介绍
为了方便用户与其好友进行交流以及拓宽用户的交际圈，目前出现了诸多的社交应用。社交应用将用户与用户的好友之间的聊天内容显示在聊天界面上。为了使显示聊天内容更加美观，目前出现了气泡聊天界面，社交应用将聊天内容都显示在气泡聊天界面中并达到气泡的显示效果。社交应用可以通过如下方式将聊天内容显示在气泡聊天界面中，可以为:气泡聊天界面包括有两个区域，分别为显示区域和输入区域，显示区域为一个网页容器，该网页容器用于显示信息。社交应用在显示聊天内容时，首先根据该聊天内容的显示位置在该网页容器的代码中添加一个网页块，然后在该网页块中添加一个形状为气泡的背景图片，并将背景图片以及该聊天内容作为显示信息添加入该网页块中，最后通过解析引擎和渲染引擎对该网页容器的代码进行解析和渲染，以将该网页容器中包括的所有背景图片以及位于背景图片上的聊天内容显示出来。专利技术人发现现有技术至少存在以下问题:在每次显示聊天内容时需要通过解析引擎和渲染引擎对该网页容器的代码进行解析和渲染，当聊天内容较多时，网页容器中的代码量非常庞大，对该网页容器的代码进行解析和渲染会占用较大资源，造成系统卡顿，甚至会造成系统崩溃。
技术实现思路
为了解决现有技术的问题，本专利技术实施例提供了一种显示聊天内容的方法及装置。所述技术方案如下:—方面，提供了一种显示聊天内容的方法，所述方法包括:获取待显示的聊天内容在聊天窗口的显示区域中的第一显示位置；根据所述第一显示位置，在所述显示区域中绘制形状为预设形状的图片，所述显示区域的预设位置叠加有透明的编辑框；根据所述第一显示位置，将所述待显示的聊天内容显示在所述编辑框上。另一方面，提供了一种显示聊天内容的装置，所述装置包括:第一获取模块，用于获取待显示的聊天内容在聊天窗口的显示区域中的第一显示位置；绘制模块，用于根据所述第一显示位置，在所述显示区域中绘制形状为预设形状的图片，所述显示区域的预设位置叠加有透明的编辑框；第一显示模块，用于根据所述第一显示位置，将所述待显示的聊天内容显示在所述编辑框上。另一方面，提供了一种显示聊天内容的方法，其特征在于，将待显示的聊天内容显示于聊天窗口的显示区域中，所述显示区域包括窗口背景层、文字背景层、文字层；所述窗口背景在所述显示区域的最底层；所述文字背景层在所述显示区域的中间层；所述文字层在所述显示区域的最上层；所述方法包括:当所述聊天窗口创建后，在所述窗口背景层中绘制预设背景图片；获取所述待显示的聊天内容在聊天窗口的显示区域中的第一显示位置；根据所述第一显示位置，在所述文字背景层中绘制形状为预设形状的图片；根据所述第一显示位置，将所述待显示的聊天内容显示于所述文字层中。本专利技术实施例提供的技术方案带来的有益效果是:通过聊天窗口中的显示区域中加载的富文本编辑框显示待显示的聊天内容，并在待显示的聊天内容显示之前预先绘制预设形状的图片。避免了由于使用网页容器显示聊天内容时造成的系统资源消耗过高的缺陷，提高了显示聊天内容的效率。【附图说明】为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本专利技术实施例一提供的显示聊天内容的方法流程图；图2是本专利技术实施例二提供的显示聊天内容的方法流程图；图3是本专利技术实施例二提供的显示聊天内容的方法中滚动富文本编辑框的滚动条后显示聊天内容的方法流程图；图4是本专利技术实施例二提供的显示聊天内容的方法流程图；图5是本专利技术实施例三提供的显示聊天内容的方法流程图；图6是本专利技术实施例四提供的显示聊天内容的装置结构示意图；图7是本专利技术实施例五提供的一种终端的结构示意图。【具体实施方式】为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。实施例一本专利技术实施例提供了一种显示聊天内容的方法，参见图1，方法流程包括:101:获取待显示的聊天内容在聊天窗口的显示区域中的第一显示位置；102:根据第一显示位置，在显示区域中绘制形状为预设形状的图片，显示区域的预设位置叠加有透明的编辑框。103:根据第一显示位置，将待显示的聊天内容显示在编辑框上。本专利技术实施例通过聊天窗口中的显示区域中加载的富文本编辑框显示待显示的聊天内容，并在待显示的聊天内容显示之前预先绘制预设形状的图片。避免了由于使用网页容器显示聊天内容时造成的系统资源消耗过高的缺陷，提高了显示聊天内容的效率。实施例二本专利技术实施例提供了一种显示聊天内容的方法，参见图2，方法流程包括:201:创建聊天窗口，并在聊天窗口中的显示区域中调用系统接口中的富文本编辑框控件，生成显示区域中的编辑框。其中，当用户在即时通信应用中打开聊天窗口时创建聊天窗口，该聊天窗口中存在至少两个区域，包括显示区域和输入区域。显示区域用于显示该聊天窗口中用户输入的聊天内容和/或与用户进行聊天的通信联系人发送的聊天内容，输入区域用于供当前终端的用户进行聊天内容的输入。本步骤可以为:建立聊天窗口，该聊天窗口包括显示区域和输入区域，在聊天窗口中的显示区域中调用系统接口中的富文本编辑框控件，将该富文本编辑框控件叠加在显示区域的预设位置，其中该预设位置为聊天窗口中的显示区域的正上方，其中，该富文本编辑框在生成时，设定该富文本编辑框的可显示区域的位置坐标与聊天窗口中的显示区域的位置坐标相同，该富文本编辑框为透明区域且该富文本编辑框的面积大小大于或等于聊天窗口中的显示区域的面积大小。另外，获取预设背景图片，将该预设背景图片绘制于聊天窗口的显示区域中。富文本编辑框控件为RichEdit控件，该控件是一种终端广泛应用的文本输入框，支持图文混排。背景图片可以为系统默认设置的，也可以为用户选取的图片。202:获取待显示的聊天内容。具体的，从聊天窗口的输入区域中获取用户输入的聊天内容，并将该聊天内容作为待显示的聊天内容；或者，接收与用户聊天的通信联系人发送的聊天内容，并将接收的聊天内容作为待显示的聊天内容。其中，待显示的聊天内容可以为文字内容或图片内容。203:获取待显示的聊天内容在聊天窗口的显示区域中的第一显示位置。本步骤包括如下2031至2035的步骤，可以为:2031:如果聊天窗口中没有任何已显示的聊天内容，则将显示区域中首行的纵向坐标确定为待显示的聊天内容在聊天窗口的显示区域中的第一显示位置。2032:如果聊天窗口中有已显示的聊天内容，则获取待显示的聊天内容的显示格式，根据待显示的聊天内容的内容大小和显示格式，获取在显示区域中显示待显示的聊天内容的高度。其中，显示格式可以包括但不限于:缩进间距，对齐方向以及段间距。还可以包括字体，字号，颜色等内容。进一步的，当聊天窗口中为双方通信时，则终端可以根据当前聊天窗口中发送该待显示的聊天内容的发送方标识对联系人身份进行识别；当聊天窗口为群组通信时，则终端通过该群组中发送该待显示的聊天内容的发送方标识对联系人身份进行识别。其中，发送方标识用于确定该待显示的聊天内容对应的显示格式。具体对应于显示格式中缩进间距。其中，发送方标识在用本文档来自技高网...

【技术保护点】
一种显示聊天内容的方法，其特征在于，所述方法包括：获取待显示的聊天内容在聊天窗口的显示区域中的第一显示位置；根据所述第一显示位置，在所述显示区域中绘制形状为预设形状的图片，所述显示区域的预设位置叠加有透明的编辑框；根据所述第一显示位置，将所述待显示的聊天内容显示在所述编辑框上。

【技术特征摘要】

【专利技术属性】
技术研发人员：韩志平，罗登，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44