CN113835812A - 聊天界面展示方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开提供了一种聊天界面展示方法、装置、电子设备及存储介质。该方法包括：展示聊天界面，所述聊天界面包括图片消息；响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区；响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图。该方法可以在查看目标图片的同时进行文字或语音沟通，操作简单，节省时间，丰富聊天界面的展示方式，从而提升用户体验。

Description

聊天界面展示方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种聊天界面展示方法、装置、电子设备及存储介质。

背景技术

相关技术中，用户在聊天过程中，当需要针对聊天中的图片进行讨论时，用户需要打开图片进行预览，而此时无法进行语音或文字输入，只有将打开的图片关闭才能继续进行沟通；并且，随着语音或文字沟通内容的增加，如果需要查看要沟通的图片，需要往回翻看聊天记录再次打开图片；操作费时费力。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种聊天界面展示方法、装置、电子设备及存储介质，该方法可以在查看目标图片的同时进行文字或语音沟通，操作简单，节省时间，丰富聊天界面的展示方式，从而提升用户体验。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

本公开实施例提供一种聊天界面展示方法，包括：展示聊天界面，所述聊天界面包括图片消息；响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区；响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图。

在本公开一些示例性实施例中，上述方法还包括：响应对所述目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，所述第二尺寸大于所述第一尺寸。

在本公开一些示例性实施例中，所述聊天界面还包括消息输入控件，上述方法还包括：响应对所述消息输入控件的点击操作，显示消息输入区；响应在所述消息输入区输入聊天消息的操作，在所述聊天界面显示所述聊天消息。

在本公开一些示例性实施例中，响应对所述消息输入控件的点击操作，显示消息输入区，包括：响应对所述消息输入控件的点击操作，显示所述消息输入区并显示第三尺寸的图片讨论区，所述第三尺寸小于所述第二尺寸。

在本公开一些示例性实施例中，上述方法还包括：响应在第二尺寸的图片讨论区对编辑控件的点击操作，显示编辑工具；响应目标对象使用所述编辑工具对所述目标图片的编辑操作，显示编辑后的目标图片。

在本公开一些示例性实施例中，上述方法还包括：响应对所述第二尺寸的图片讨论区或者所述第三尺寸的图片讨论区中的收起控件的点击操作，显示所述第一尺寸的图片讨论区。

在本公开一些示例性实施例中，上述方法还包括：响应对所述第二尺寸的图片讨论区或者所述第三尺寸的图片讨论区中的关闭控件的点击操作，关闭所述图片讨论区。

在本公开一些示例性实施例中，所述目标图片包括第一目标图片和第二目标图片；其中，所述方法还包括：响应对所述第一目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，并在所述第二尺寸的图片讨论区显示所述第一目标图片；响应在所述第二尺寸的图片讨论区对所述第一目标图片的滑动操作，在所述第二尺寸的图片讨论区显示所述第二目标图片。

在本公开一些示例性实施例中，响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图，包括：响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图并显示发送所述目标图片的目标对象的标识。

在本公开一些示例性实施例中，上述方法还包括：响应于在所述聊天界面对所述目标图片的查看操作，显示所述目标图片的预览界面。

在本公开一些示例性实施例中，响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区，包括：响应对所述图片消息中的目标图片的拖动操作，在所述聊天界面中显示第一尺寸的图片讨论区；所述方法还包括：响应对所述目标图片的长按操作，显示图片讨论控件；响应对所述图片讨论控件的点击操作，显示第二尺寸的图片讨论区。

本公开实施例提供一种聊天界面展示装置，包括：聊天界面展示模块，用于展示聊天界面，所述聊天界面包括图片消息；讨论区显示模块，用于响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区；缩略图显示模块，用于响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图。

本公开实施例提供一种电子设备，包括：至少一个处理器；存储装置，用于存储至少一个程序，当所述至少一个程序被所述至少一个处理器执行时，使得所述至少一个处理器实现如上述任一种聊天界面展示方法。

本公开实施例提供一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如上述任一种聊天界面展示方法。

本公开实施例提供的聊天界面展示方法，响应目标图片的触控操作，在聊天界面中显示图片讨论区，响应将目标图片拖动至图片讨论区的操作，在图片讨论区显示目标图片的缩略图；用户可以将想要进行讨论的目标图片拖动至图片讨论区存放，用户可以在查看目标图片的同时进行文字或语音沟通，操作简单，节省时间，丰富聊天界面的展示方式，从而提升用户体验。此外，用户可以点击目标图片的缩略图，响应该点击操作，可以放大显示图片讨论区及目标图片，便于沟通和讨论。

本公开实施例提供的聊天界面展示方法，，用户可以针对目标图片进行编辑，对目标图片中需要讨论的重点进行标记或涂鸦，使讨论内容更加直观；当需要输入消息时，用户可以点击消息输入控件，此时目标图片可以自动缩小，关闭消息输入区，目标图片可以自动展开，即可以智能地显示图片讨论区和目标图片。

本公开实施例提供的聊天界面展示方法，，可以在图片讨论区的目标图片下方显示发送目标图片的目标对象标识，方便查找不同成员发出的图片；并且，该方法适用于聊天消息很多，特别是在群聊聊天中，在对目标图片进行讨论时，无需回翻聊天记录，操作方便，可以提升用户体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了可以应用本公开实施例的聊天界面展示方法的示例性系统架构的示意图。

图2是根据一示例性实施方式示出的一种聊天界面展示方法的流程图。

图3是根据一示例示出的一种聊天界面的示意图。

图4是根据一示例示出的一种目标图片的预览界面的示意图。

图5是根据一示例示出的一种聊天界面中图片讨论区的示意图。

图6是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

图7是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

图8是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

图9是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

图10是根据一示例示出的另一种聊天界面的示意图。

图11是根据一示例示出的另一种聊天界面的示意图。

图12是根据一示例性实施方式示出的一种聊天界面展示装置的框图。

图13是根据一示例性实施方式示出的一种电子设备的结构示意图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。

此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

图1示出了可以应用本公开实施例的聊天界面展示方法的示例性系统架构的示意图。

如图1所示，该系统架构可以包括服务器101、网络102和终端设备103。网络102用以在终端设备103和服务器101之间提供通信链路的介质。网络102可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

服务器101可以是提供各种服务的服务器，例如对用户利用终端设备103所进行操作的装置提供支持的后台管理服务器。后台管理服务器可以对接收到的请求等数据进行分析等处理，并将处理结果反馈给终端设备103。

终端设备103可包括但不限于：智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表、可穿戴智能设备、车机、智能电视。

本公开各实施例提供的聊天界面显示方法可以由终端设备103执行，也可由运行在该终端设备103上的社交客户端执行。

其中，社交客户端是指通过网络实现用户和用户之间的信息交互的软件。该社交客户端可包括以下至少一种：即时通讯客户端，信息交流类客户端，等等。即时通讯是指一种允许两人或多人使用网络即时地传递文字、档案、语音等信息以及音视频交流的终端服务。

本公开实施例中，客户端可以展示聊天界面，用户可以在聊天界面中发送文字消息、图片消息等，用户可以点击图片消息查看目标图片，用户也可以点击或拖动目标图片，在拖动目标图片时，客户端可以在聊天界面顶部显示图片讨论区，用户可以将需要讨论的目标图片拖动至图片讨论区。图片讨论区可以显示一张或多种目标图片及发送该目标图片的用户标识；其中，用户标识可以为用户名称、昵称或备注名等；用户可以点击图片讨论区的目标图片的缩略图，客户端可以放大图片讨论区，此时用户可以在聊天界面中边看图片边输入聊天消息；在讨论结束，用户可以点击收起按钮或关闭按钮，收起图片讨论区或关闭图片讨论区。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的，服务器101可以是一个实体的服务器，还可以为多个服务器组成的服务器集群，还可以是云端服务器，根据实际需要，可以具有任意数目的终端设备、网络和服务器。

下面，将结合附图及实施例对本公开示例实施例中的聊天界面展示方法的各个步骤进行更详细的说明。

图2是根据一示例性实施方式示出的一种聊天界面展示方法的流程图。本公开实施例提供的方法可以由如图1所示的服务器中执行，但本公开并不限定于此。

如图2所示，本公开实施例提供的聊天界面展示方法可以包括以下步骤。

在步骤S202中，展示聊天界面，聊天界面包括图片消息。

本公开实施例中，聊天界面可以是单聊界面，也可以是群聊界面，本公开对此不做限定。其中，单聊是指两个用户构成的聊天，群聊是指三个或三个以上的用户构成的聊天。

在下面的举例说明中，均以聊天界面是群聊界面为例进行说明，但本公开并不限定于此。

本公开实施例中，聊天界面可以包括各种消息，例如文字消息、图片消息、通知消息、表情消息等。

其中，聊天界面中可以包括一条或多条图片消息，图片消息可以由同一用户发送，也可以分别由不同的用户发送，本公开对此不做限制。

在示例性实施例中，聊天界面还包括消息输入控件。

其中，消息输入控件例如可以为文字消息输入框、语音消息输入按钮等。

用户可以通过文字消息输入框输入文字，也可以通过点击或长按语音消息输入按钮输入语音。

图3是根据一示例示出的一种聊天界面的示意图。

参考图3，聊天界面301的群名称为考勤看板，包括6名群成员。该聊天界面301中包括张三发送的图片消息302和输入框304，图片消息302中包括目标图片303。

在示例性实施例中，响应于在聊天界面对目标图片的查看操作，显示目标图片的预览界面。

图4是根据一示例示出的一种目标图片的预览界面的示意图。

例如，用户可以在图3所示的聊天界面301中点击目标图片303进入图4所示的目标图片303的预览界面。

在步骤S204中，响应对图片消息中的目标图片的触控操作，在聊天界面中显示第一尺寸的图片讨论区。

其中，触控操作例如可以包括点击操作、拖动操作、长按操作等。

在示例性实施例中，响应对图片消息中的目标图片的拖动操作，在聊天界面中显示第一尺寸的图片讨论区。

其中，第一尺寸可以根据实际情况设置。

图5是根据一示例示出的一种聊天界面中图片讨论区的示意图。

参考图5，用户可以点击或拖动图3中图片消息302中的目标图片303时，该目标图片可以放大显示，并在聊天界面顶部出现图片讨论区305。

需要说明的是，图片讨论区也可以显示在聊天界面的其他位置，本公开对此不做限制。

用户可以将该目标图片拖动至图片讨论区305。

在步骤S206中，响应将目标图片拖动至图片讨论区的操作，在图片讨论区显示目标图片的缩略图。

图6是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

参考图6，本公开实施例中，响应将目标图片拖动至图片讨论区的操作，可以将用户拖动的目标图片暂存在图片讨论区，即在图片讨论区显示该目标图片的缩略图306。

本公开实施例中，用户可以拖动一张或多张图片至图片讨论区，即图片讨论区可以存放一张或多张图片。

图7是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

参考图7，图片讨论区305中存放了3张目标图片。

在示例性实施例中，响应将目标图片拖动至图片讨论区的操作，在图片讨论区显示目标图片的缩略图并显示发送目标图片的目标对象的标识。

例如，响应将目标图片拖动至图片讨论区的操作，在图片讨论区显示目标图片的缩略图的同时，在目标图片的缩略图下方显示发送该目标图片的用户的标识。

其中，目标对象的标识可以为目标对象名称或目标对象头像，其中，目标对象名称可以是用户的简称、用户的网络昵称、或者用户的备注名称。

参考图6，在目标图片的缩略图306的下方显示张三的简称：“三”；参考图7，在目标图片的缩略图306的下方依次显示张三、李四和王五的简称“三”、“四”、“五”。

本公开实施例中，在图6和图7所示的聊天界面中，也可以在目标图片缩略图下方显示张三、李四或王五的全称、头像或备注名称等。

在示例性实施例中，响应对目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，第二尺寸大于第一尺寸。

本公开实施例中，用户可以点击需要讨论的目标图片的缩略图，客户端可以响应该点击操作，放大显示图片讨论区及图片讨论区中的图片。

图8是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

例如，用户可以在图6所示的聊天界面中点击目标图片的缩略图306进入图8所示的聊天界面中，其中，图8放大显示图片讨论区305和放大显示目标图片的缩略图。

又例如，用户可以在图7所示的聊天界面中点击目标图片的缩略图306中的其中一张进入图8所示的聊天界面中，其中，图8放大显示图片讨论区305和放大显示用户点击的目标图片的缩略图。

上述放大显示的目标图片的缩略图的尺寸可以大于初始聊天界面中图片消息的尺寸，也可以等于或小于初始聊天界面中图片消息的尺寸，本公开对此不做限制。

本公开实施例中，第二尺寸的图片讨论区(即放大显示后的图片讨论区)中可以包括一张或多张图片，当第二尺寸的图片讨论区中包括多张图片时，用户可以左右滑动来切换目标图片。

在示例性实施例中，目标图片包括第一目标图片和第二目标图片；其中，响应对第一目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，并在第二尺寸的图片讨论区显示第一目标图片；响应在第二尺寸的图片讨论区对第一目标图片的滑动操作，在第二尺寸的图片讨论区显示第二目标图片。

例如，用户在图7所示的聊天界面中点击中间一张目标图片的缩略图进入图8所示的聊天界面中，此时图8所示的聊天界面中显示放大后的上述目标图片的缩略图，用户想查看其他两张目标图片时，可以向左或向右滑动目标图片。

在示例性实施例中，第二尺寸的图片讨论区可以包括编辑控件、收起控件、关闭控件中的至少一个。

在示例性实施例中，响应在第二尺寸的图片讨论区对编辑控件的点击操作，显示编辑工具。

本公开实施例中，用户可以在第二尺寸的图片讨论区中点击编辑控件，选择编辑工具，对目标图片进行编辑。

其中，对目标图片进行编辑可以为对目标图片进行涂鸦、对目标图片进行标注等。

图9是根据一示例示出的另一种聊天界面中图片讨论区的示意图。

例如，用户可以在图8所示的聊天界面中点击编辑控件307进入图9所示的聊天界面，图9所示的聊天界面中可以显示多个编辑工具。

在示例性实施例中，响应目标对象使用编辑工具对目标图片的编辑操作，显示编辑后的目标图片。

继续参考图9，用户可以在图9所示的聊天界面中选择编辑工具，对目标图片进行编辑，例如使用画笔在目标图片上添加标注310。

在示例性实施例中，响应对消息输入控件的点击操作，显示消息输入区。

本公开实施例中，用户可以在上述任一聊天界面中点击消息输入控件进行消息的输入。

在示例性实施例中，响应对消息输入控件的点击操作，在显示消息输入区的同时显示第三尺寸的图片讨论区，其中，第三尺寸小于第二尺寸。

本公开实施例中，在用户点击消息输入控件后，可以显示消息输入区，并自动适应性缩小图片讨论区，用户可以边查看目标图片边输入消息。

图10是根据一示例示出的另一种聊天界面的示意图。

参考图10，用户在点击消息输入控件304后，显示消息输入区311，并自动缩小图片讨论区305，其中，消息输入区311可以包括消息输入控件304(即输入框)，还可以包括键盘或输入按钮或手写输入区等。

需要说明的是，当消息输入控件为按钮时，消息输入区可以不包括该消息输入控件，本公开对此不作限制。

本公开实施例中，用户点击消息输入框后，可以自动出现键盘(或其他输入工具)，此时图片讨论区可以自动缩小；若用户收起键盘，图片讨论区可以自动放大。图片讨论区的目标图片可以随着图片讨论区的尺寸变化而变化。

在示例性实施例中，响应在消息输入区输入聊天消息的操作，在聊天界面显示聊天消息。

本公开实施例中，用户可以在消息输入区通过输入框或输入按钮输入文字或语音，发送后可以在聊天界面的对话区域中显示。

在示例性实施例中，响应对第二尺寸的图片讨论区或者第三尺寸的图片讨论区中的收起控件的点击操作，显示第一尺寸的图片讨论区。

例如，用户可以在图8或图9或图10所示的聊天界面中点击图片讨论区的收起按钮308，将图片讨论区收起至聊天界面的顶部，例如如图6所示。

在示例性实施例中，响应对第二尺寸的图片讨论区或者第三尺寸的图片讨论区中的关闭控件的点击操作，关闭图片讨论区。

例如，用户可以在图8或图9或图10所示的聊天界面中点击图片讨论区的关闭按钮309，关闭图片讨论区，回到初始的聊天界面，例如如图3所示。

本公开实施例中，用户可以在聊天界面直接长按图片消息显示图片讨论区。

在示例性实施例中，响应对所述图片的长按操作，显示图片讨论控件；响应对图片讨论控件的点击操作，显示第二尺寸的图片讨论区。

图11是根据一示例示出的另一种聊天界面的示意图。

例如，用户可以在图3所示的聊天界面中直接长按图片消息302中的目标图片303进入图11所示的聊天界面中，图11所示的聊天界面中显示图片讨论控件，其中，图片讨论控件可以是一个可以点击的“图片讨论”按钮，用户可以点击图11中的图片讨论控件进入图8所示的聊天界面，图8所示的聊天界面中显示第二尺寸的图片讨论区。

本公开实施例提供的聊天界面展示方法，响应目标图片的触控操作，在聊天界面中显示图片讨论区，响应将目标图片拖动至图片讨论区的操作，在图片讨论区显示目标图片的缩略图；用户可以将想要进行讨论的目标图片拖动至图片讨论区存放，用户可以在查看目标图片的同时进行文字或语音沟通，操作简单，节省时间，丰富聊天界面的展示方式，从而提升用户体验。此外，用户可以点击目标图片的缩略图，响应该点击操作，可以放大显示图片讨论区及目标图片，便于沟通和讨论。

本公开实施例提供的聊天界面展示方法，，用户可以针对目标图片进行编辑，对目标图片中需要讨论的重点进行标记或涂鸦，使讨论内容更加直观；当需要输入消息时，用户可以点击消息输入控件，此时目标图片可以自动缩小，关闭消息输入区，目标图片可以自动展开，即可以智能地显示图片讨论区和目标图片。

本公开实施例提供的聊天界面展示方法，，可以在图片讨论区的目标图片下方显示发送目标图片的目标对象标识，方便查找不同成员发出的图片；并且，该方法适用于聊天消息很多，特别是在群聊聊天中，在对目标图片进行讨论时，无需回翻聊天记录，操作方便，可以提升用户体验。

需要注意的是，上述附图仅是根据本公开示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。

图12是根据一示例性实施方式示出的一种聊天界面展示装置的框图。

如图12所示，聊天界面展示装置1200可以包括：聊天界面展示模块1202、讨论区显示模块1204和缩略图显示模块1206。

其中，聊天界面展示模块1202用于展示聊天界面，所述聊天界面包括图片消息；讨论区显示模块1204用于响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区；缩略图显示模块1206用于响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图。

在本公开一些示例性实施例中，聊天界面展示装置1200还包括：第二讨论区显示模块，用于响应对所述目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，所述第二尺寸大于所述第一尺寸。

在本公开一些示例性实施例中，聊天界面展示装置1200还包括：消息输入区显示模块，用于响应对所述消息输入控件的点击操作，显示消息输入区；聊天消息显示模块，用于响应在所述消息输入区输入聊天消息的操作，在所述聊天界面显示所述聊天消息。

在本公开一些示例性实施例中，聊天消息显示模块包括：聊天消息显示单元，用于响应对所述消息输入控件的点击操作，显示消息输入区，包括：响应对所述消息输入控件的点击操作，显示所述消息输入区并显示第三尺寸的图片讨论区，所述第三尺寸小于所述第二尺寸。

在本公开一些示例性实施例中，聊天界面展示装置1200还包括：编辑工具显示模块，用于响应在第二尺寸的图片讨论区对编辑控件的点击操作，显示编辑工具；编辑模块，用于响应目标对象使用所述编辑工具对所述目标图片的编辑操作，显示编辑后的目标图片。

在本公开一些示例性实施例中，聊天界面展示装置1200还包括：讨论区收起模块，用于响应对所述第二尺寸的图片讨论区或者所述第三尺寸的图片讨论区中的收起控件的点击操作，显示所述第一尺寸的图片讨论区。

在本公开一些示例性实施例中，聊天界面展示装置1200还包括：讨论区关闭模块，用于响应对所述第二尺寸的图片讨论区或者所述第三尺寸的图片讨论区中的关闭控件的点击操作，关闭所述图片讨论区。

在本公开一些示例性实施例中，所述目标图片包括第一目标图片和第二目标图片；其中，聊天界面展示装置1200还包括：第三讨论区显示模块，用于响应对所述第一目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，并在所述第二尺寸的图片讨论区显示所述第一目标图片；图片滑动模块，用于响应在所述第二尺寸的图片讨论区对所述第一目标图片的滑动操作，在所述第二尺寸的图片讨论区显示所述第二目标图片。

在本公开一些示例性实施例中，缩略图显示模块1206包括：缩略图显示单元，用于响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图并显示发送所述目标图片的目标对象的标识。

在本公开一些示例性实施例中，聊天界面展示装置1200还包括：预览界面显示模块，用于响应于在所述聊天界面对所述目标图片的查看操作，显示所述目标图片的预览界面。

需要注意的是，上述附图中所示的框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

图13是根据一示例性实施方式示出的一种电子设备的结构示意图。需要说明的是，图13示出的电子设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图13所示，电子设备1300包括中央处理单元(CPU)1301，其可以根据存储在只读存储器(ROM)1302中的程序或者从存储部分1308加载到随机访问存储器(RAM)1303中的程序而执行各种适当的动作和处理。在RAM 1303中，还存储有系统1300操作所需的各种程序和数据。CPU 1301、ROM 1302以及RAM 1303通过总线1304彼此相连。输入/输出(I/O)接口1305也连接至总线1304。

以下部件连接至I/O接口1305：包括键盘、鼠标等的输入部分1306；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分1307；包括硬盘等的存储部分1308；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分1309。通信部分1309经由诸如因特网的网络执行通信处理。驱动器1310也根据需要连接至I/O接口1305。可拆卸介质1311，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1310上，以便于从其上读出的计算机程序根据需要被安装入存储部分1308。

特别地，根据本发明的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1309从网络上被下载和安装，和/或从可拆卸介质1311被安装。在该计算机程序被中央处理单元(CPU)1301执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括发送单元、获取单元、确定单元和第一处理单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，发送单元还可以被描述为“向所连接的服务端发送图片获取请求的单元”。

作为另一方面，本公开还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。上述计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该电子设备实现如下述实施例中所述的方法。例如，所述的电子设备可以实现如图2所示的各个步骤。

根据本公开的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例的各种可选实现方式中提供的方法。

需要理解的是，在本公开附图中的任何元素数量均用于示例而非限制，以及任何命名都仅用于区分，而不具有任何限制含义。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (14)

1.一种聊天界面展示方法，其特征在于，包括：

展示聊天界面，所述聊天界面包括图片消息；

响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区；

响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图。

2.根据权利要求1所述的方法，其特征在于，还包括：

响应对所述目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，所述第二尺寸大于所述第一尺寸。

3.根据权利要求1或2所述的方法，其特征在于，所述聊天界面还包括消息输入控件，所述方法还包括：

响应对所述消息输入控件的点击操作，显示消息输入区；

响应在所述消息输入区输入聊天消息的操作，在所述聊天界面显示所述聊天消息。

4.根据权利要求3所述的方法，其特征在于，响应对所述消息输入控件的点击操作，显示消息输入区，包括：

响应对所述消息输入控件的点击操作，显示所述消息输入区并显示第三尺寸的图片讨论区，所述第三尺寸小于所述第二尺寸。

5.根据权利要求4所述的方法，其特征在于，还包括：

响应在所述第二尺寸的图片讨论区对编辑控件的点击操作，显示编辑工具；

响应目标对象使用所述编辑工具对所述目标图片的编辑操作，显示编辑后的目标图片。

6.根据权利要求5所述的方法，其特征在于，还包括：

响应对所述第二尺寸的图片讨论区或者所述第三尺寸的图片讨论区中的收起控件的点击操作，显示所述第一尺寸的图片讨论区。

7.根据权利要求5所述的方法，其特征在于，还包括：

响应对所述第二尺寸的图片讨论区或者所述第三尺寸的图片讨论区中的关闭控件的点击操作，关闭所述图片讨论区。

8.根据权利要求1所述的方法，其特征在于，所述目标图片包括第一目标图片和第二目标图片；

其中，所述方法还包括：

响应对所述第一目标图片的缩略图的点击操作，显示第二尺寸的图片讨论区，并在所述第二尺寸的图片讨论区显示所述第一目标图片；

响应在所述第二尺寸的图片讨论区对所述第一目标图片的滑动操作，在所述第二尺寸的图片讨论区显示所述第二目标图片。

9.根据权利要求1所述的方法，其特征在于，响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图，包括：

响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图并显示发送所述目标图片的目标对象的标识。

10.根据权利要求1所述的方法，其特征在于，还包括：

响应于在所述聊天界面对所述目标图片的查看操作，显示所述目标图片的预览界面。

11.根据权利要求1所述的方法，其特征在于，响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区，包括：响应对所述图片消息中的目标图片的拖动操作，在所述聊天界面中显示第一尺寸的图片讨论区；

所述方法还包括：

响应对所述目标图片的长按操作，显示图片讨论控件；

响应对所述图片讨论控件的点击操作，显示第二尺寸的图片讨论区。

12.一种聊天界面展示装置，其特征在于，包括：

聊天界面展示模块，用于展示聊天界面，所述聊天界面包括图片消息；

讨论区显示模块，用于响应对所述图片消息中的目标图片的触控操作，在所述聊天界面中显示第一尺寸的图片讨论区；

缩略图显示模块，用于响应将所述目标图片拖动至所述图片讨论区的操作，在所述图片讨论区显示所述目标图片的缩略图。

13.一种电子设备，其特征在于，包括：

至少一个处理器；

存储装置，用于存储至少一个程序，当所述至少一个程序被所述至少一个处理器执行时，使得所述至少一个处理器实现如权利要求1至11中任一项所述的方法。

14.一种计算机可读存储介质，其上存储有计算机可执行指令，其特征在于，所述可执行指令被处理器执行时实现如权利要求1至11任一项所述的方法。

Images