在聊天界面插入图片的方法、装置、设备及存储介质与流程

本发明实施例涉及图片编辑技术领域，尤其涉及一种在聊天界面插入图片的方法、装置、设备及存储介质。

背景技术：

随着互联网技术的飞速发展，应用程序也变得丰富多彩，各种类型的游戏应用层出不穷。

通常游戏应用中设置有聊天界面，以供游戏玩家在游戏内与其他玩家进行沟通。然而，现有的游戏应用内的聊天界面通常仅可以显示玩家客户端的默认字体，如字母、符号、汉字等文字信息，无法进行图片的展示，用户体验较差。

技术实现要素：

本发明提供了一种在聊天界面插入图片的方法、装置、设备及存储介质，实现了在基于unity引擎开发的聊天界面的文字中插入任意大小的图片的方法。

第一方面，本发明实施例提供了一种在聊天界面插入图片的方法，该方法包括：

判断用户的输入信息是否包括预设标识；

若是，则经由图像文字组件，根据所述预设标识确定待插入图片以及所述待插入图片的网格高度和网格宽度，其中，所述图像文字组件包括继承unity引擎的text.cs组件和重新编译的网格排版组件；

经由所述网格排版组件，根据所述网格高度和网格宽度确定所述待插入图片的图片显示位置，以将所述待插入图片插入所述聊天界面。

第二方面，本发明实施例还提供了一种在聊天界面插入图片的装置，该装置包括：

输入信息判断模块，用于判断用户的输入信息是否包括预设标识；

网格高度和宽度确定模块，用于若用户的输入信息为预设标识时，则经由图像文字组件，根据所述预设标识确定待插入图片以及所述待插入图片的网格高度和网格宽度，其中，所述图像文字组件包括继承unity引擎的text.cs组件和重新编译的网格排版组件；

图片插入模块，用于经由所述网格排版组件，根据所述网格高度和网格宽度确定所述待插入图片的图片显示位置，以将所述待插入图片插入所述聊天界面。

第三方面，本发明实施例还提供了一种在聊天界面插入图片的设备，该设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明任意实施例提供的在聊天界面插入图片的方法。

第四方面，本发明实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行本发明任意实施例提供的在聊天界面插入图片的方法。

本发明实施例的技术方案，针对基于unity引擎开发的聊天界面，通过判断用户的输入信息是否包括预设标识，若是则采用图像文字组件根据该预设标识确定待插入图片及其尺寸，并通过网格排版组件，根据图片尺寸确定待插入图片的图片显示位置，以将该待插入图片插入聊天界面，通过开发的图像文字组件和网格排版组件，实现了在应用程序的聊天界面中插入任意大小图片的方法，丰富了用户交互的内容，提高了应用程序的趣味性。

附图说明

图1是本发明实施例一中的一种在聊天界面插入图片的方法的流程图；

图2是本发明实施例二中的一种在聊天界面插入图片的方法的流程图；

图3是本发明实施例三中的一种在聊天界面插入图片的装置的结构示意图；

图4是本发明实施例四中的一种在聊天界面插入图片的设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

实施例一

图1是本发明实施例一提供的一种在聊天界面插入图片的方法的流程图，本实施例可适用于在应用程序的聊天界面中插入图片的情况，针对基于unity引擎开发的聊天界面，该方法可以由在聊天界面插入图片的装置来执行，如图1所示，该方法具体包括如下步骤：

步骤110、判断用户的输入信息是否包括预设标识。

其中，用户的输入信息指的是用户在聊天界面输入的信息，可以是文字、符号、图片或者其他内容。该聊天界面为用户终端设定应用程序的聊天界面，聊天界面可以是基于unity引擎进行开发的聊天界面。预设标识可以是预设库中的标识，或者用户自定义的标识。

具体的，用户可以通过移动终端默认的输入法或者自定义的输入法，在设定应用程序的聊天界面输入该输入信息。设定应用程序可以是游戏类应用程序、社交类应用程序、音乐类应用程序或者其他应用程序。预设标识可以是预设图片标识，或者设定符号，如“#”、“&”或者其他符号。

可选的，所述判断用户的输入信息是否包括预设标识，包括：

根据预设图片标识集合，判断用户的输入信息是否包括预设标识。

其中，预设图片标识集合可以是系统默认图片集合对应的标识集合，预设图片标识集合中的每一个预设图片标识均对应唯一一张图片。用户可以通过添加、删除或者修改等功能添加、删除或者修改标识集合中的标识或图片。

进一步地，可以通过判断该预设标识是否存在与该预设图片标识集合中，若是，则表示用户的输入信息中包括预设标识，即用户输入的信息对应为图片，可以是静态图片或者动态图片。

步骤120、若输入信息是预设标识，则经由图像文字组件，根据所述预设标识确定待插入图片以及所述待插入图片的网格高度和网格宽度。

其中，所述图像文字组件包括继承unity引擎的text.cs组件和重新编译的网格排版组件。待插入图片即为所述预设标识对应的图片，可以是静态图片或者动态图片，待插入图片的尺寸可以与文字的尺寸不同。网格高度和网格宽度指的是该待插入图片对应的尺寸信息。通常在界面渲染时，会采用像素为单位来描述渲染目标的尺寸信息，因此，网格高度和网格宽度便可以采用像素为单位进行描述。网格高度和网格宽度可以是该待插入图片的实际宽度和实际高度(以像素为单位)，也可以是根据用户终端的尺寸以及待插入图片的实际尺寸确定的显示宽度和显示高度。

其中，text.cs组件是unity引擎中用于对文字内容进行排版的组件，其仅可以针对大小相同的文字进行处理，而无法实现在聊天界面中插入与文字大小不同的图片。

具体的，当用户输入的信息中含有预设标识时，表示用户欲输入的内容为图片或者表情包等内容，而通图片或者表情包的尺寸与文字内容的尺寸可能不同，因此，不可以沿用unity引擎的text.cs实现尺寸与文字不同的图片或表情包的插入与排版，本发明实施例则通过设计的图像文字组件，根据预设标识确定待插入图片以及所述待插入图片的网格高度和网格宽度。

进一步地，预设图片标识集合中包括各个图片的预设标识，即包括预设标识和待插入图片的第一对应关系，还可以包括预设标识与网格宽度和网格高度的第二对应关系，因此，可以根据预设标识以及第一对应关系确定待插入图片，进而根据预设标识以及第二对应关系确定待插入图片的网格高度和网格宽度。

当然，预设图片集合中也可以不包括第二对应关系，当确定待插入图片之后，根据待插入图片的描述信息确定待插入图片的网格高度和网格宽度。通常一个图片元素在设计时会添加其图片设计信息，即描述信息，以描述图片的尺寸、来源、效果等，因此，在获取待插入图片或，可以根据该待插入图片的描述信息中的图片尺寸信息确定其网格高度和网格宽度。

进一步地，若该待插入图片的描述信息中不包括图片的尺寸信息，则采用系统默认尺寸信息确定该待插入图片的网格高度和网格宽度。

步骤130、经由所述网格排版组件，根据所述网格高度和网格宽度确定所述待插入图片的图片显示位置，以将所述待插入图片插入所述聊天界面。

其中，网格排版组件是用于根据聊天界面中各个待插入元素(包括待插入图片和文字内容)的网格宽度和网格高度，确定各个待插入元素的图片显示位置，以将其插入聊天界面并进行显示。图片显示位置即为该待插入图片在聊天界面的位置。

可选的，在将所述待插入图片插入所述聊天界面之后，还包括：

当监测到用户的点击操作时，根据点击操作确定用户点击的目标区域；根据所述目标区域对应的图片显示位置确定用户选中的目标信息；根据所述目标信息对应的跳转信息，跳转至指定界面。

其中，点击操作可以是单击、双击、长按等操作，主要用于对聊天界面的聊天内容进行操作。目标区域即为用户选中的区域，目标信息即为用户选中的聊天内容。跳转信息即为该目标信息携带的跳转信息，通过该跳转信息可以跳转至一个指定界面。跳转信息可以是一个链接，如外部链接或者内部链接。

本发明实施例的技术方案，针对基于unity引擎开发的聊天界面，通过判断用户的输入信息是否包括预设标识，若是则采用图像文字组件根据该预设标识确定待插入图片及其尺寸，并通过网格排版组件，根据图片尺寸确定待插入图片的图片显示位置，以将该待插入图片插入聊天界面，通过开发的图像文字组件和网格排版组件，实现了在应用程序的聊天界面中插入任意大小图片的方法，丰富了用户交互的内容，提高了应用程序的趣味性。

实施例二

图2为本发明实施例二提供的一种在聊天界面插入图片的方法的流程图，本实施例是对上一实施例的进一步细化和补充，本实施例所提供的在聊天界面插入图片的方法还包括：当所述输入信息不是预设标识时，经由unity引擎的text.cs组件，确定所述输入信息的网格高度和网格宽度；获取用户在所述聊天界面输入的历史信息；根据所述待插入图片的网格高度和网格宽度更新所述历史信息的图片显示位置。

如图2所示，该在聊天界面插入图片的方法包括如下步骤：

步骤210、判断用户的输入信息是否包括预设标识。

步骤220、若是，则判断所述预设标识是否为动态图像标识。

其中，动态图像标识指的是动态图像或动图对应的标识。动态图像是指当一组特定的静态图像以指定的频率切换而产生某种动态效果的图片，常见的表现形式是gif动画。

步骤230、若是，则经由图像文字组件，根据所述预设标识确定待插入图片集合以及所述待插入图片集合中各个待插入图片的显示顺序、显示帧率、网格高度和网格宽度。

其中，所述图像文字组件包括继承unity引擎的text.cs组件和重新编译的网格排版组件。待插入图片集合即为该预设标识(动态图像标识)对应的组成动态图像的特定的静态图像的集合，可以包括2张及以上的静态图像。

具体的，当预设标识为动态图像标识时，表示用户欲插入聊天界面的是动态图像，进而可以根据该动态图像标识，从预设图片标识集合中确定该动态图像标识对应的待插入图片集合以及各个待插入图片的显示顺序、显示帧率、网格高度和网格宽度。

进一步地，可以将各个待插入图片的显示顺序、显示帧率、网格高度和网格宽度等图片参数保存为配置文件，以根据该配置文件进行动态图像的插入。

可选的，当所述输入信息不是预设标识时，则经由unity引擎的text.cs组件，确定所述输入信息的网格高度和网格宽度。

具体的，输入信息不是预设标识，通常表示该输入信息为文字信息，则可以采用unity引擎的原有的text.cs组件，进行文字的排版和插入。

步骤240、经由所述网格排版组件，根据所述显示帧率，按照所述显示顺序依次将各个所述待插入图片插入所述聊天界面的图片显示位置。

步骤250、获取用户在所述聊天界面输入的历史信息。

其中，历史信息即该聊天界面中已经输入端的信息，可以是文字信息、图片信息或者两者的组合。

步骤260、经由所述网格排版组件，根据所述待插入图片的网格高度和网格宽度更新所述历史信息的信息显示位置。

示例性的，假设当前聊天界面中插入的均为文字信息，每个文字信息的网格高度和网格宽度均为10像素，而下一时刻用户插入的是一个包括5张静态图像的动态图像，每张静态图像的尺寸相同，网格高度和网格宽度均为100像素，且文字信息与动态图像均位于用户终端的同一行。那么，便需要根据动态图像的网格高度和网格宽度将文字信息的网格高度和网格宽度更新为100像素，从而避免在排版时出现混乱的情况，如所插入的图片跨越了多行文字。

步骤270、根据所述将所述图片显示位置，待插入图片插入所述聊天界面。

本发明实施例的技术方案，根据用户输入信息的预设标识，判断用户输入内容是文字、静态图片还是动态图片，若为文字则采用unity原有的组件进行文字插入；若为静态图片或动态图片则采用自行开发的图像文字组件和网格排版组件进行图片网格的计算和显示位置的确定；根据显示位置将图片插入聊天界面；同时，对于动态图像，还需要按照其显示顺序将其包括的镜头图像依次插入聊天界面，并按照显示帧率进行刷新。本发明实施例的技术方案，通过判断用户输入信息的标识，以及图像文字组件和网格排版组件实现了在应用程序的聊天界面中插入任意大小图片(包括静态图片和动态图片)的方法，丰富了用户交互的内容，提高了应用程序的趣味性。

实施例三

图3是本发明实施例三提供的一种在聊天界面插入图片的装置的示意图，如图3所示，该装置包括：输入信息判断模块310、网格高度和宽度确定模块320和图片插入模块330。

其中，所述聊天界面基于unity引擎进行开发。输入信息判断模块310，用于判断用户的输入信息是否包括预设标识；网格高度和宽度确定模块320，用于若用户的输入信息为预设标识时，则经由图像文字组件，根据所述预设标识确定待插入图片以及所述待插入图片的网格高度和网格宽度，其中，所述图像文字组件包括继承unity引擎的text.cs组件和重新编译的网格排版组件；图片插入模块330，用于经由所述网格排版组件，根据所述网格高度和网格宽度确定所述待插入图片的图片显示位置，以将所述待插入图片插入所述聊天界面。

本发明实施例的技术方案，针对基于unity引擎开发的聊天界面，通过判断用户的输入信息是否包括预设标识，若是则采用图像文字组件根据该预设标识确定待插入图片及其尺寸，并通过网格排版组件，根据图片尺寸确定待插入图片的图片显示位置，以将该待插入图片插入聊天界面，通过开发的图像文字组件和网格排版组件，实现了在应用程序的聊天界面中插入任意大小图片的方法，丰富了用户交互的内容，提高了应用程序的趣味性。

可选的，输入信息判断模块310，具体用于：

根据预设图片标识集合，判断用户的输入信息是否包括预设标识。

可选的，网格高度和宽度确定模块320，包括：

动态标识判断单元，用于若用户的输入信息为预设标识时，判断所述预设标识是否为动态图像标识；动态参数确定单元，用于若所述预设标识是动态图像标识，则根据所述预设标识确定待插入图片集合以及所述待插入图片集合中各个待插入图片的显示顺序、显示帧率、网格高度和网格宽度。

可选的，图片插入模块330，具体用于：

根据所述显示帧率，按照所述显示顺序依次将各个所述待插入图片插入所述聊天界面的图片显示位置处。

可选的，该在聊天界面插入图片的装置，还包括：

历史信息获取模块，用于在将所述待插入图片插入所述聊天界面之前，获取用户在所述聊天界面输入的历史信息；图片显示位置更新模块，用于根据所述待插入图片的网格高度和网格宽度更新所述历史信息的图片显示位置。

可选的，该在聊天界面插入图片的装置，还包括：

文字排版模块，用于当所述输入信息不是预设标识时，经由unity引擎的text.cs组件，确定所述输入信息的网格高度和网格宽度。

可选的，该在聊天界面插入图片的装置，还包括：

界面跳转模块，用于当监测到用户的点击操作时，根据点击操作确定用户点击的目标区域；根据所述目标区域对应的图片显示位置确定用户选中的目标信息；根据所述目标信息对应的跳转信息，跳转至指定界面。

本发明实施例所提供的在聊天界面插入图片的装置可执行本发明任意实施例所提供的在聊天界面插入图片的方法，具备执行方法相应的功能模块和有益效果。

实施例四

图4为本发明实施例四提供的一种在聊天界面插入图片的设备的结构示意图，如图4所示，该设备包括处理器410、存储器420、输入装置430和输出装置440；设备处理器410的数量可以是一个或多个，图4中以一个处理器410为例；设备中的处理器410、存储器420、输入装置430和输出装置440可以通过总线或其他方式连接，图4中以通过总线连接为例。

存储器420作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的在聊天界面插入图片的方法对应的程序指令/模块(例如，在聊天界面插入图片的装置中的输入信息判断模块310、网格高度和宽度确定模块320和图片插入模块330)。处理器410通过运行存储在存储器420中的软件程序、指令以及模块，从而执行设备的各种功能应用以及数据处理，即实现上述的在聊天界面插入图片的方法。

存储器420可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器420可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器420可进一步包括相对于处理器410远程设置的存储器，这些远程存储器可以通过网络连接至设备/终端/服务器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置430可用于接收输入的数字或字符信息，以及产生与设备的用户设置以及功能控制有关的键信号输入。输出装置440可包括显示屏等显示设备。

实施例五

发明实施例五还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种在聊天界面插入图片的方法，该方法包括：

判断用户的输入信息是否包括预设标识；

若是，则经由图像文字组件，根据所述预设标识确定待插入图片以及所述待插入图片的网格高度和网格宽度，其中，所述图像文字组件包括继承unity引擎的text.cs组件和重新编译的网格排版组件；

经由所述网格排版组件，根据所述网格高度和网格宽度确定所述待插入图片的图片显示位置，以将所述待插入图片插入所述聊天界面。

当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的方法操作，还可以执行本发明任意实施例所提供的在聊天界面插入图片的方法中的相关操作。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(read-onlymemory,rom)、随机存取存储器(randomaccessmemory,ram)、闪存(flash)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

值得注意的是，上述在聊天界面插入图片的装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。