CN114546228A - 表情图像发送方法、装置、设备及介质 - Google Patents
表情图像发送方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN114546228A CN114546228A CN202011262474.5A CN202011262474A CN114546228A CN 114546228 A CN114546228 A CN 114546228A CN 202011262474 A CN202011262474 A CN 202011262474A CN 114546228 A CN114546228 A CN 114546228A
- Authority
- CN
- China
- Prior art keywords
- size
- message
- expression
- target
- expression image
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种表情图像发送方法、装置、设备及介质,涉及互联网通信领域。该方法包括:显示消息发送窗口,所述消息发送窗口包括消息显示区域、目标表情和尺寸调整控件,所述消息显示区域用于显示已发送的消息,所述尺寸调整控件用于调整所述目标表情图像的大小;响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸;响应于发送操作,在所述消息显示区域显示目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。该方法可以实现用户自主编辑表情图像的大小。
Description
技术领域
本申请实施例涉及互联网通信领域,特别涉及一种表情图像发送方法、装置、设备及介质。
背景技术
随着互联网技术的发展,基于互联网的社交应用得到了广泛地使用。用户可以使用社交应用与好友发送即时消息,例如,即时消息可以包括文字、图片、表情等。而表情作为一种情绪表达方式,可以生动形象的传达用户的情感。
相关技术中,用户可以通过下载表情包来使用表情包中的表情,表情包中的表情是由表情包的作者设计并开发的固定表情,用户无法对表情进行更改。而表情的大小通常可以加重表情所表达的情绪,例如,对于两个相同表情,尺寸较大的相比于尺寸较小的可以表达出更强烈的情感。用户如果想要发送一个更大尺寸的表情,只能通过下载其他尺寸更大的表情包。
相关技术中的方法,用户想要发送不同尺寸的表情,只能通过下载新的表情包,表情的编辑灵活性差,且浪费终端的网络资源。
发明内容
本申请实施例提供了一种表情图像发送方法、装置、设备及介质,可以实现用户自主编辑表情图像的大小。所述技术方案如下:
一方面,提供了一种表情图像发送方法,所述方法包括:
显示消息发送窗口,所述消息发送窗口包括消息显示区域、目标表情和尺寸调整控件,所述消息显示区域用于显示已发送的消息,所述尺寸调整控件用于调整所述目标表情图像的大小;
响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸;
响应于发送操作,在所述消息显示区域显示目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。
另一方面,提供了一种表情图像发送装置,所述装置包括:
显示模块,用于显示消息发送窗口,所述消息发送窗口包括消息显示区域、目标表情和尺寸调整控件,所述消息显示区域用于显示已发送的消息,所述尺寸调整控件用于调整所述目标表情图像的大小;
所述交互模块,用于接收触发所述尺寸调整控件的大小调整操作;
所述显示模块,用于响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸;
所述交互模块,用于接收发送操作;
所述显示模块,用于响应于发送操作,在所述消息显示区域显示目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。
另一方面,提供了一种计算机设备,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上方面所述的表情图像发送方法。
另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上方面所述的表情图像发送方法。
另一方面,本申请实施例提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述可选实现方式中提供的表情图像发送方法。
本申请实施例提供的技术方案带来的有益效果至少包括:
通过在用户选中想要发送的表情后,显示用于调整表情大小的尺寸调整控件,用户可以使用尺寸调整控件调整表情的大小,将表情调整到第二尺寸后,将表情发送出去。该方法使用户可以自主编辑表情的尺寸,用户不需要再花费时间寻找和下载其他合适大小的表情包,就可以自由调整表情的大小,提高用户发送表情的效率,节省了下载表情包对终端网络资源的占用,使用户在消息编辑过程中的用户体验简捷连贯。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1是本申请一个示例性实施例提供的计算机系统的结构框图;
图2是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图3是本申请另一个示例性实施例提供的表情图像发送方法的方法流程图;
图4是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图5是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图6是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图7是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图8是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图9是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图10是本申请另一个示例性实施例提供的表情图像发送方法的方法流程图;
图11是本申请另一个示例性实施例提供的表情图像发送方法的尺寸调整控件的示意图;
图12是本申请另一个示例性实施例提供的表情图像发送方法的方法流程图;
图13是本申请另一个示例性实施例提供的表情图像发送方法的尺寸调整控件的示意图;
图14是本申请另一个示例性实施例提供的表情图像发送方法的尺寸调整控件的示意图;
图15是本申请另一个示例性实施例提供的表情图像发送方法的尺寸调整控件的示意图;
图16是本申请另一个示例性实施例提供的表情图像发送方法的方法流程图;
图17是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图18是本申请另一个示例性实施例提供的表情图像发送方法的方法流程图;
图19是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图20是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图21是本申请另一个示例性实施例提供的表情图像发送方法的方法流程图;
图22是本申请另一个示例性实施例提供的表情图像发送方法的方法流程图;
图23是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图24是本申请另一个示例性实施例提供的表情图像发送方法的多表情缩放区域的示意图;
图25是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图26是本申请另一个示例性实施例提供的表情图像发送方法的用户界面示意图;
图27是本申请另一个示例性实施例提供的表情图像发送装置的装置框图;
图28是本申请另一个示例性实施例提供的终端的框图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
首先,对本申请实施例中涉及的名词进行简单介绍:
表情(表情图像):是在社交应用活跃之后,形成的一种流行文化,用以表达特定的情感,主要针对在面部或姿态上的思想情感。其中,表情一般可分为符号表情(颜文字)、静态图片表情、动态图片表情、动画表情等。比如,表情可以以表达人类各种情绪的人脸为素材,或者以时下流行的明星、动物、语录、动漫、影视截图等为素材,再配上一系列相匹配的文字等。
用户界面(User Interface,UI)控件,是在应用程序的用户界面上可见或不可见的控件或元素,比如,图片、输入框、文本框、按钮、标签等。示例性的,当UI控件是不可见的控件时,用户可以通过触发用户界面上的指定区域,来触发这些不可见的控件。其中一些UI控件响应用户的操作,比如,发送控件,用于发送信息输入区域内的信息。本申请实施例中涉及的UI控件,包括但不限于:发送控件、尺寸调整控件。
图1给出了本申请一个示例性实施例提供的计算机系统的结构框图。该计算机系统100包括:第一终端110、服务器120、第二终端130。
第一终端110安装和运行有支持消息发送的客户端111,该客户端111可以是社交应用程序。当第一终端运行客户端111时,第一终端110的屏幕上显示客户端111的用户界面。该客户端可以是带有消息发送功能的应用程序,例如,即时通信应用程序、实时通信应用程序、带有评论功能的应用程序中的任意一种,例如,社交程序、论坛程序、邮件程序、本地生活程序、购物程序、游戏程序、视频程序中的任意一种。
第二终端130安装和运行有支持消息发送的客户端131,该客户端131可以是社交应用程序。当第二终端130运行客户端131时,第二终端130的屏幕上显示客户端131的用户界面。该客户端可以是带有消息发送功能的应用程序,例如,即时通信应用程序、实时通信应用程序、带有评论功能的应用程序中的任意一种,例如,社交程序、论坛程序、邮件程序、本地生活程序、购物程序、游戏程序、视频程序中的任意一种。
可选地,第一终端110和第二终端130上安装的客户端是相同的,或两个终端上安装的客户端是不同操作系统平台(安卓或IOS)上的同一类型客户端。第一终端110可以泛指多个终端中的一个,第二终端130可以泛指多个终端中的另一个,本实施例仅以第一终端110和第二终端130来举例说明。第一终端110和第二终端130的设备类型相同或不同,该设备类型包括:智能手机、平板电脑、电子书阅读器、MP3播放器、MP4播放器、膝上型便携计算机和台式计算机中的至少一种。
图1中仅示出了两个终端,但在不同实施例中存在多个其它终端140可以接入服务器120。可选地,还存在一个或多个终端140是开发者对应的终端,在终端140上安装有支持消息发送的客户端的开发和编辑平台,开发者可在终端140上对客户端进行编辑和更新,并将更新后的客户端安装包通过有线或无线网络传输至服务器120,第一终端110和第二终端130可从服务器120下载客户端安装包实现对客户端的更新。
第一终端110、第二终端130以及其它终端140通过无线网络或有线网络与服务器120相连。
服务器120包括一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。服务器120用于为支持三维消息发送的客户端提供后台服务。可选地,服务器120承担主要计算工作,终端承担次要计算工作;或者,服务器120承担次要计算工作,终端承担主要计算工作;或者,服务器120和终端之间采用分布式计算架构进行协同计算。
在一个示意性的例子中,服务器120包括处理器122、用户账号数据库123、对战服务模块124、面向用户的输入/输出接口(Input/Output Interface,I/O接口)125。其中,处理器122用于加载服务器120中存储的指令,处理用户账号数据库123和消息发送服务模块124中的数据;用户账号数据库123用于存储第一终端110、第二终端130以及其它终端140所使用的用户账号的数据,比如用户账号的头像、用户账号的昵称、用户账号所在的服务区;消息发送服务模块124用于提供消息发送服务;面向用户的I/O接口125用于通过无线网络或有线网络和第一终端110和/或第二终端130建立通信交换数据。
结合上述对消息发送的介绍以及实施环境说明,对本申请实施例提供的表情图像发送方法进行说明,以该方法的执行主体为图1所示出的终端上运行的客户端来举例说明。该终端运行的客户端为应用程序的客户端,该应用程序支持消息发送的程序。
示例性的,给出一种将本申请提供的表情图像发送方法应用在社交程序中进行即时消息发送的示例性实施例。
如图2中的(1)所示,显示聊天窗口201,聊天窗口201包括消息输入区域202、聊天区域203和表情选择区域204,消息输入区域202用于显示用户输入的消息内容(聊天内容),聊天区域203用于显示已发送的聊天内容,表情选择区域204显示有一个表情包里的多个表情的第一缩略图。
响应于选中表情包里的目标表情205(目标表情的第一缩略图),如图2中的(2)所示,显示尺寸调整控件206和目标表情的预览图207,尺寸调整控件用于调整目标表情的预览图207的大小。
示例性的,尺寸调整控件是如图2中的(2)所示的滑动控件,用户通过拖动指示器来调整预览图的大小。
如图2中的(3)所示,响应于触发尺寸调整控件的尺寸调整操作(拖动指示器沿滑动条移动),将目标表情的预览图调整至第二尺寸208。
如图2中的(3)所示,响应于接收到预览图上的选中操作(点击预览图),如图2中的(4)所示,根据第二尺寸在消息输入区域202显示目标表情的第二缩略图209。
示例性的,第二缩略图的209的大小与预览图的大小相同,都为第二尺寸208。示例性的,第一缩略图的尺寸是目标表情的默认尺寸,第二缩略图的尺寸为第二尺寸,图2的(3)中所示第二尺寸大于默认尺寸。
如图2中的(4)所示,响应于发送操作(点击发送控件),如图2中的(5)所示,在聊天区域203显示包含目标表情的目标消息210,目标表情显示为第二尺寸。
图3示出了本申请一个示例性实施例提供的表情图像发送方法的流程图。该方法可以由上述图1中的任一终端上运行的客户端来执行,该客户端是支持消息发送的客户端。该方法包括:
步骤301,显示消息发送窗口,消息发送窗口包括消息显示区域、目标表情和尺寸调整控件,消息显示区域用于显示已发送的消息,尺寸调整控件用于调整目标表情图像的大小。
示例性的,消息发送窗口是支持表情输入和表情发送的信息编辑及发送窗口。例如,消息发送窗口包括:用于聊天的聊天窗口、用于发表评论的评论窗口、用于发送视频弹幕的弹幕窗口、用于发布信息(论坛、帖子、买卖信息、租售信息、日记、个人生活分享)的信息编辑窗口中的至少一种。
示例性的,消息显示区域用于显示已发送的消息。已发送的消息包括本终端的客户端上登录的用户帐号已发送的消息,以及其他用户帐号发送的消息。示例性的,当消息发送窗口是聊天窗口时,消息显示区域会显示已发送的消息内容、发送该消息的用户帐号的头像或昵称、发送该消息的时间中的至少一种。
示例性的,对于步骤301本实施例提供了三种可选的实现方式:
步骤301的一种实现方式为:显示消息发送窗口,消息发送窗口包括消息显示区域和表情选择区域,消息显示区域用于显示已发送的消息,表情选择区域显示有至少一个表情图像。响应于对至少一个表情图像中的目标表情图像的触发操作,显示尺寸调整控件,尺寸调整控件用于调整目标表情图像的大小。
示例性的,表情选择区域用于显示表情图像的缩略图(第一缩略图),用户通过查看表情图像的缩略图来选择想要发送的表情图像。示例性的,当表情图像是动态表情时,表情选择区域上显示的缩略图可以是静态缩略图或动态缩略图。在一种示例中,用户长按缩略图可以显示表情图像的放大图(原图)。
示例性的,消息发送窗口还包括消息输入框,消息输入框用于显示用户输入的消息内容,消息内容包括表情图像、图片、文字、视频、语音中的至少一种。示例性的,用户在消息输入框内输入想要发送的消息后,进行发送操作,就可以把消息输入框内的消息发送出去。
例如,如图4所示,提供了一种消息发送窗口401,在消息发送窗口401的中部显示有消息显示区域402,消息显示区域402中显示有用户帐号A已经发送的两条消息。在消息发送窗口401的下部显示有表情选择区域204,表情选择区域显示有表情图像404的缩略图。示例性的,在表情选择区域204还包括表情包选择控件405,表情包选择控件405用于切换表情选择区域204当前显示的表情包,表情包是由至少一个表情图像组成的集合,不同的表情包包括不同的表情图像。在消息显示区域402与表情选择区域204之间显示有消息输入框406,用户输入的表情图像或文字会显示在消息输入框406中,当用户触发发送控件407时,发送消息输入框406中显示的消息。
示例性的,目标表情图像是用户从表情选择区域中显示的诸多表情图像中任意选择的一个表情图像。示例性的,用户选中的是目标表情图像的第一缩略图。
示例性的,对目标表情图像的触发操作不同,触发的效果也不同。在一种实现方式中,点击目标表情图像可以发送目标表情图像,或,点击目标表情图像可以将目标表情图像输入值消息输入框内。为了与点击操作相区分,唤出目标表情图像的尺寸调整控件的触发操作可以不同于点击操作,例如,可以是长按操作、双击操作、拖动操作、滑动操作中的至少一种。
示例性的,在用户选中目标表情图像后,在消息发送窗口上显示目标表情图像的尺寸调整控件。示例性的,尺寸调整控件可以显示在消息发送窗口上的任意位置。示例性的,尺寸调整控件显示在消息发送窗口的最上层,不被其他内容遮挡。
示例性的,尺寸调整控件用于调整目标表情图像的长度或宽度中的至少一个。示例性的,尺寸调整控件用于等比放大或等比缩小目标表情图像。
在一种可选的实现方式中,响应于选中至少一个表情图像中的目标表情图像,显示尺寸调整控件和目标表情图像的预览图。
示例性的,预览图用于根据尺寸调整控件对目标表情图像尺寸的调整,实时展示当前尺寸的目标表情图像。
示例性的,当用户选中目标表情图像,消息发送窗口上刚显示出的目标表情图像的预览图呈现第一尺寸。示例性的,第一尺寸可以是目标表情图像的默认尺寸,也可以是用户上一次使用目标表情图像时选择的尺寸,也可以是根据用户使用目标表情图像时选择次数最多的尺寸,还可以是用户上一次使用任意一个表情图像时选择的尺寸,还可以是根据用户使用任意表情图像时选择次数最多的尺寸。
示例性的,如图5所示,响应于选中目标表情图像的操作,在表情选择区域上方悬浮显示目标表情图像的尺寸调整控件206和目标表情图像的预览图207。
示例性的,如图5所示,目标表情图像的预览图可以与尺寸调整控件一起显示在消息发送窗口的上方,覆盖消息发送窗口的部分内容(例如,如图5所示覆盖了表情包选择控件)。
示例性的,预览图也可以单独显示在消息发送窗口中的消息输入框内。响应于选中至少一个表情图像中的目标表情图像的操作,显示尺寸调整控件,在消息输入框内显示目标表情图像的预览图。即,用户从表情选择区域选中目标表情图像后,就在消息输入框内显示目标表情图像的预览图,相当于用户将目标表情图像输入了消息输入框,然后,用户可以通过使用尺寸调整控件调整消息输入框内目标表情图像的预览图的尺寸。
例如,如图6所示,当用户点击位于表情选择区域的目标表情图像的缩略图501后,在消息输入框406内显示目标表情图像的预览图207,在表情选择区域显示尺寸调整控件206,预览图207随着尺寸调整控件206对目标表情图像尺寸的调整而显示对应大小。即,响应于接收到选中位于表情选择区域的目标表情图像的操作,在消息输入框内显示目标表情图像的预览图,显示尺寸调整控件,尺寸调整控件用于调整位于表情选择区域的目标表情图像的大小。
步骤301的另一种实现方式为:显示消息发送窗口,消息发送窗口包括消息显示区域和表情选择区域,在表情选择区域显示有尺寸调整控件,消息显示区域用于显示已发送的消息,表情选择区域显示有至少一个表情图像,尺寸调整控件用于同步调整表情选择区域内全部表情图像的大小。在这种实现方式中,步骤301中的目标表情图像可以指代表情选择区域中全部的表情图像。
示例性的,在表情选择区域内固定显示有尺寸调整控件,用户使用尺寸调整控件可以同步调整表情选择区域内的全部表情图像。示例性的,表情选择区域包括多个表情包对应的多个表情页,表情选择区域在同一时间只显示一个表情包对应的一个表情页,表情页上显示有属于该表情包的至少一个表情图像。示例性的,尺寸调整控件用于同步调整表情选择区域内当前显示的表情页中的全部表情图像。示例性的,尺寸调整控件还可以用于同步调整表情选择区域内全部表情页中的全部表情图像,即,即使表情选择区域内当前没有显示出来的表情页上的表情图像也会根据尺寸调整控件同步调整表情图像的大小,当用户跳转到其他表情页上时,其他表情页上的表情图像的尺寸即为用户调整后的尺寸。
步骤301的另一种实现方式为:显示消息发送窗口,消息发送窗口包括消息显示区域、消息输入框和表情选择区域,在消息输入框附近显示有尺寸调整控件,消息显示区域用于显示已发送的消息,消息输入框用于显示待发送的消息,表情选择区域显示有至少一个表情图像,尺寸调整控件用于同步调整消息输入框内已输入的表情图像的大小。示例性的,在消息输入框内显示有已输入的目标表情图像,响应于触发尺寸调整控件的大小调整操作,控制目标表情图像从第一尺寸调整至第二尺寸。示例性的,在这种实现方式中,步骤301中的目标表情图像包括已经输入消息输入框内的全部表情图像。
示例性的,尺寸调整控件还可以显示在消息输入框的附近,用于同步调整消息输入框中已输入的表情图像的大小。示例性的,尺寸调整控件还可以用于同步调整消息输入框中已输入的表情图像和文字消息的大小。
示例性的,响应于触发尺寸调整控件将位于消息输入框中的目标表情图像从第一尺寸调整至第二尺寸,根据第二尺寸的高度将消息输入框显示为对应高度。示例性的,消息输入框的高度可以随着消息输入框内目标表情图像的尺寸改变,例如,当第二尺寸的高度大于消息输入框默认尺寸的高度时,将消息输入框的高度调整为第二尺寸的高度加上固定高度。
步骤302,响应于触发尺寸调整控件的大小调整操作,控制目标表情图像从第一尺寸调整至第二尺寸。
示例性的,尺寸调整控件可以调整目标表情图像的尺寸。尺寸调整控件可以是多种类型的用于调整图像大小的控件,本申请将在下一个实施例列举两种尺寸调整控件的类型。
示例性的,为了让用户直观观察到尺寸调整控件对目标表情图像尺寸的调整,会在消息发送窗口上显示目标表情图像的预览图,用户通过观察预览图来对应地操作调整控件以使目标表情图像显示到预期的第二尺寸。
示例性的,也可以将表情选择区域显示的目标表情图像的缩略图作为预览图,使表情选择区域显示的目标表情图像的缩略图随着尺寸调整控件的尺寸调整改变显示尺寸。例如,如图7所示,响应于触发尺寸调整控件206的大小调整操作,控制表情选择区域204内目标表情图像的缩略图501从第一尺寸调整至第二尺寸。
示例性的,在将目标表情图像的预览图或缩略图调整到第二尺寸后,可以直接通过点击预览图/缩略图,或,通过点击第一发送控件,来将包含目标表情图像的目标消息发送出去,使目标表情图像以第二尺寸显示在消息显示区域里。第一发送控件用于直接发送目标表情图像。即,响应于触发第二尺寸的目标表情图像的预览图,发送目标表情图像。
示例性的,也可以在将目标表情图像的预览图或缩略图调整到第二尺寸后,通过点击预览图/缩略图,将目标表情图像输入到消息输入框中,在消息输入框中显示第二尺寸的目标表情图像的缩略图。然后点击第二发送控件,来发送消息输入框内的目标消息,目标消息包括第二尺寸的目标表情图像。第二发送控件用于发送消息输入框内的目标消息。
示例性的,如上文所述,第一尺寸可以是目标表情图像的默认尺寸,也可以是根据用户的历史操作确定的尺寸。示例性的,当第一尺寸是默认尺寸时,第一尺寸可以是目标表情图像在表情选择区域显示的缩略图的尺寸。
示例性的,用户通过调整尺寸调整控件使目标表情图像的预览图显示出的第二尺寸;与将目标表情图像发送出去后,目标表情图像在消息显示区域显示的第二尺寸,其大小相同,或,大小略有差异。示例性的,预览图所显示的第二尺寸,与实际发送出去在消息显示区域显示的目标表情图像的第二尺寸可能稍有偏差。
示例性的,当尺寸调整控件对目标表情图像尺寸的调整是等比例(放大或缩小)时,尺寸调整控件对目标表情图像的调整可以是无级调整或有级调整。
无极调整是指用户可以任意调整目标表情图像从最小尺寸到最大尺寸中的任意一个尺寸。示例性的,无极调整的实现方式是:目标表情图像为矢量图,当用户选好一个尺寸(第二尺寸)后获取该尺寸对应的缩放比例,将目标表情图像按照该缩放比例显示到消息显示区域中。示例性的,由于矢量图放大不失真的特性,用户可以任意调整目标表情图像的大小。示例性的,为了在保证用户操作体验的同时,降低数据传输的负载,也可以将用户可选择的缩放比例限制在一定数量内,例如,提供1-100共100个缩放比例让用户选择。
有级调整是指用户只可以在指定的几个尺寸中进行选择。有级调整和无级调整的区别在于,用户是否可以感知到相邻两个级别尺寸的大小差异。示例性的,有级调整也可以采用上述的矢量图和缩放比例的方式来实现,例如,提供20%、40%、60%、80%、100%五个级别的缩放比例让用户选择。示例性的,有机调整还可以采用位图图像来实现,即,对于一个表情图像,客户端或服务器预存有该表情图像在多个级别的级别图像(位图图像),当用户选择发送该表情图像的其中一个级别时,在消息显示区域显示表情图像在该级别对应的级别图像(位图图像)。
示例性的,如图5所示,响应于触发尺寸调整控件206的大小调整操作,控制目标表情图像的预览图207从如图5所示的第一尺寸调整至如图8所示的第二尺寸。
步骤303,响应于发送操作,在消息显示区域显示目标消息,目标消息包含第二尺寸的目标表情图像。
示例性的,响应于发送操作,客户端向服务器发送消息发送请求,消息发送请求包括目标表情图像的表情编号和第二尺寸;响应于接收到服务器发送的发送成功指令,在消息显示区域显示目标消息,目标消息包含第二尺寸的目标表情图像。
示例性的,以采用有级调整的方式为例,当用户选择目标表情图像的第二尺寸后,客户端会获取目标表情图像的表情编号,以及第二尺寸对应的缩放比例(缩放数值),例如,目标表情图像的表情编号为001、缩放数值为50,则当客户端向服务器发送消息发送请求时,消息发送请求中附带有表情编号(001)以及第二尺寸的缩放数值50。服务器将表情编号以及第二尺寸的缩放数值转发给其他客户端,以使其他客户端上显示出第二尺寸的目标表情图像。
示例性的,发送操作可以是将第二尺寸的目标表情图像输入消息输入框后,点击发送控件的操作;也可以是直接点击第二尺寸的目标表情图像的预览图的操作。
示例性的,目标消息可以只包含目标表情图像,也可以包含目标表情图像和文字消息。示例性的,目标消息可以是即时通信发送的即时消息,也可以是实时通信发送的实时消息。
示例性的,如图9所示,响应于发送操作,在消息显示区域402显示包含第二尺寸的目标表情图像的目标消息210。
示例性的,本实施例中所提到的操作(大小调整操作、发送操作、选中操作等),当终端具有触摸屏幕时,这些操作可以是对触摸屏幕的触发操作(点击、双击、长按、按压、滑动、拖动等);当终端具有外接输入设备时,这些操作可以使用外接的驶入设备来完成,例如,使用鼠标进行点击、双击、长按、拖动操作,或者,使用键盘进行按键按压、长按、按键组合按压操作等;当终端具有摄像头时,这些操作可以是通过摄像头采集动作图像进行动作识别完成的操作;当终端具有麦克风时,这些操作可以是通过麦克风采集语音信号进行语音识别完成的操作。
示例性的,本申请提供的方法不局限于对表情图像的发送,还可以应用于对图片消息的发送,即,使用本申请提供的方法,将目标表情图像替换为目标图像,使用户可以调整发送的图片的大小。
综上所述,本实施例提供的方法,通过在用户选中想要发送的表情后,显示用于调整表情大小的尺寸调整控件,用户可以使用尺寸调整控件调整表情的大小,将表情调整到目标大小后,将表情发送出去。该方法使用户可以自主编辑表情的尺寸,用户不需要再花费时间寻找和下载其他合适大小的表情包,就可以自由调整表情的大小,提高用户发送表情的效率,节省了下载表情包对终端网络资源的占用,使用户在消息编辑过程中的用户体验简捷连贯。
示例性的,给出两种示例性的尺寸调整控件。
图10示出了本申请一个示例性实施例提供的表情图像发送方法的流程图。该方法可以由上述图1中的任一终端上运行的客户端来执行,该客户端是支持消息发送的客户端。基于图3所示的方法,步骤303还包括步骤3031。
步骤3031,响应于拖动指示器改变指示器在滑动条上的位置的操作,根据指示器在滑动条上的位置,控制目标表情图像从第一尺寸调整至第二尺寸。
示例性的,尺寸调整控件包括滑动条和位于滑动条上的指示器。
示例性的,响应于拖动指示器在滑动条上向右移动的操作,从第一尺寸放大显示目标表情图像至第二尺寸;响应于拖动指示器在滑动条上向左移动的操作,从第一尺寸缩小显示目标表情图像至第二尺寸。
示例性的,如图11中的(1)所示,尺寸调整控件包括滑动条601和位于滑动条上的指示器602,指示器602可以沿着滑动条601进行横向移动,指示器602在滑动条601上的位置对应了目标表情图像的尺寸,例如,从滑动条601的左端到右端尺寸逐渐变大,左端位置对应最小尺寸,右端位置对应最大尺寸。当指示器向右移动时,目标表情图像的尺寸变大,当指示器向左移动时,目标表情图像的尺寸变小。
例如,如图11中的(1)所示,将指示器602从第一位置603移动至如图11中的(2)所示的第二位置604,第一位置603对应了第一尺寸,第二位置604对应了第二尺寸。
图12示出了本申请一个示例性实施例提供的表情图像发送方法的流程图。该方法可以由上述图1中的任一终端上运行的客户端来执行,该客户端是支持消息发送的客户端。基于图3所示的方法,步骤303还包括步骤3032。
步骤3032,响应于在对角线缩放控件上的拖动操作,控制目标表情图像从第一尺寸调整至第二尺寸。
示例性的,尺寸调整控件包括位于目标表情图像上的对角线缩放控件。
示例性的,响应于在对角线缩放控件上的沿第一方向的第一拖动操作,从第一尺寸放大显示目标表情图像至第二尺寸,第一方向是从目标表情图像的中心区域指向边缘区域的方向;响应于在对角线缩放控件上的沿第二方向的第二拖动操作,从第一尺寸缩小显示目标表情图像至第二尺寸,第二方向是从目标表情图像的边缘区域指向中心区域的方向。
示例性的,对角线缩放控件可以是可见的UI控件,也可以是不可见的UI控件。
当对角线缩放控件是可见的UI控件时,如图13所示,提供了一种对角线缩放控件的样式,在目标表情图像的左上角、右上角、左下角、右下角显示有四个角标605。如图14所示,用户可以通过向第一方向606、第二方向607、第三方向608、第四方向609中的至少一个方向拖动角标来放大目标表情图像。如图15所示,用户可以通过向第五方向610、第六方向611、第七方向612、第八方向613中的至少一个方向拖动角标来缩小目标表情图像。
示例性的,本实施例对对角线缩放控件的样式不加以限定,对角线缩放控件的缩放方式即为,沿图像由内向外的方向拖动则放大图像,沿图像由外向内的方向拖动则缩小图像。
示例性的,对角线缩放控件可以为不可见的UI控件,此时,第一拖动操作的第一方向包括两个方向,两个方向皆为从目标表情图像的中心区域指向边缘区域的方向,且两个方向位于同一个直线上(可以稍有偏差);第二拖动操作的第二方向包括两个方向,两个方向皆为从目标表情图像的边缘区域指向中心区域的方向,且两个方向位于同一个直线上(可以稍有偏差)。例如,如图14所示,沿第二方向607和第三方向608同时进行拖动操作,放大目标表情图像。例如,如图15所示,沿第六方向611和第七方向612同时进行拖动操作,缩小目标表情图像。
综上所述,本实施例提供的方法,提供了两种尺寸调整控件,使用任意一种尺寸调整控件都可以实现对目标表情图像尺寸的调整,使用户可以自由编辑表情图像的大小,丰富用户表达情绪的方式。
本实施例提供的方法,通过使用由滑动条和指示器组成的尺寸调整控件,用户可以拖动指示器在滑动条上横向移动,根据指示器在滑动条上的位置确定目标表情图像的缩放比例,使用户调整目标表情图像的操作更加简便。
本实施例提供的方法,通过使用对角线缩放控件,用户可以延至少一个方向拖动对角线缩放控件来缩放目标表情图像,使用户的操作能够更直观地与目标表情图像的尺寸相对应,用户想要放大多少就可以将对角线缩放控件向外拖动多少距离,想要缩小多少就可以将对角线缩放控件箱内拖动多少距离。增强用户操作与目标表情图像缩放的交互感。
示例性的,目标表情图像在默认尺寸下是支持与文字消息混合排版发送的表情图像,示例性的,默认尺寸与文字消息的默认字号的大小相匹配。示例性的,混合排版是指目标表情图像与文字消息可以在消息显示区域显示在同一个消息框中。当目标表情的尺寸发生改变时,本申请还提供了几种改变表情图像与文字消息排版方式的示例性实施例。
图16示出了本申请一个示例性实施例提供的表情图像发送方法的流程图。该方法可以由上述图1中的任一终端上运行的客户端来执行,该客户端是支持消息发送的客户端。基于图3所示的方法,步骤304还包括步骤3041。
步骤3041,响应于发送操作,在消息显示区域显示第一消息框和第二消息框,第一消息框用于显示第二尺寸的目标表情图像,第二目标消息框用于显示文字消息。
示例性的,目标消息包括目标表情图像和文字消息。
示例性的,目标消息中的文字消息可以是在目标表情图像输入到消息输入框之前,消息输入框内已经存在的文字消息,也可以是在目标表情图像输入到消息输入框之后,再向消息输入框内输入的文字消息。示例性的,用户可以使用键盘或虚拟键盘在消息输入框内输入文字消息。示例性的,响应于发送操作,客户端将消息输入框内的文字消息和目标表情图像作为目标消息进行发送,在消息显示区域显示已发送的目标消息。
示例性的,在一种排版方式中,当目标消息包含目标表情图像和文字消息时,用户发送的目标消息在消息显示区域中会分别显示在两个消息框里,一个消息框用于显示表情图像,另一个消息框用于显示文字消息。示例性的,当目标消息中包含多个表情图像时,每个表情消息都会单独占用一个消息框。当目标消息中的文字消息被表情图像分割为多个部分时,每部分的文字消息单独占用一个消息框。
例如,如图17中的(1)所示,用户在消息输入框内406输入的待发送的目标消息包括:第二尺寸的目标表情图像和文字消息“你好”。当用户发送目标消息后,如图17中的(2)所示,在消息显示区域402将目标消息分为两个消息框进行显示,第一消息框701用于显示第二尺寸的目标表情图像,第二消息框702用于显示文字消息“你好”。示例性的,两个消息框的顺序,按照目标表情图像和文字消息在目标消息中的排列顺序进行显示。
在一种可选的实现方式中,响应于发送操作,且响应于第二尺寸不等于默认尺寸,在消息显示区域显示第一消息框和第二消息框,第一消息框用于显示第二尺寸的目标表情图像,第二消息框用于显示文字消息,默认尺寸包括目标表情图像在初始状态下的尺寸;响应于发送操作,且响应于第二尺寸等于默认尺寸,在消息显示区域显示第三消息框,第三消息框用于显示第二尺寸的目标表情图像和文字消息。
示例性的,目标表情图像是默认尺寸较小的小表情,默认尺寸的目标表情图像大小与默认字号的文字消息大小相匹配。示例性的,目标表情图像的默认尺寸与文字消息的默认字号的高度差小于高度阈值。例如,高度阈值可以取0-20个像素中的任意一个像素值。
示例性的,默认尺寸是目标表情图像在初始状态下的尺寸,初始状态是指目标表情图像在从服务器上刚下载下来,且用户不对目标表情图像的尺寸做任何更改时,目标表情图像发送到消息显示区域时显示出的尺寸。
示例性的,由于目标表情图像(小表情)的默认尺寸与默认字号大小相匹配,默认尺寸的目标表情图像可以与文字消息显示在同一个消息框内。示例性的,当第二尺寸不是默认尺寸时,为了保证消息显示上的美观,将目标表情图像和消息文字分开使用两个消息框分别显示。
示例性的,当目标表情图像(大表情)的默认尺寸与默认字号大小不匹配的时候,还可以包括以下方法:响应于发送操作,且响应于第二尺寸与默认字号不匹配,在消息显示区域显示第一消息框和第二消息框,第一消息框用于显示第二尺寸的目标表情图像,第二消息框用于显示文字消息,默认字号为预设的文字消息的字号;响应于发送操作,且响应于第二尺寸与默认字号相匹配,在消息显示区域显示第三消息框,第三消息框用于显示第二尺寸的目标表情图像和文字消息。
示例性的,第二尺寸与默认字号的匹配与不匹配,是根据第二尺寸与默认字号的高度差确定的,当第二尺寸与默认字号的高度差小于高度阈值时,第二尺寸与默认字号相匹配,当第二尺寸与默认字号的高度差大于高度阈值时,第二尺寸与默认字号不匹配。示例性的,使用这种方法,当目标表情图像是尺寸较大的大表情时,用户可以通过将目标表情图像的尺寸改小,使目标表情图像可以与文字消息显示在一个消息框内。
在另一种可选的实现方式中,还可以通过更改文字消息字体的版式来使文字消息与目标表情图像相统一。
图18示出了本申请一个示例性实施例提供的表情图像发送方法的流程图。该方法可以由上述图1中的任一终端上运行的客户端来执行,该客户端是支持消息发送的客户端。基于图3所示的方法,步骤304还包括步骤3042。
步骤3042,响应于发送操作,且响应于第二尺寸不等于默认尺寸,在消息显示区域显示第四消息框。
其中,第四消息框用于显示第二尺寸的目标表情图像和目标版式的文字消息,默认尺寸包括目标表情图像在初始状态下的尺寸,目标版式是根据第二尺寸确定的,目标版式包括字体样式和段落样式中的至少一种。
示例性的,字体样式包括目标字号,目标字号与第二尺寸的大小相匹配;段落样式包括目标行高,目标行高与第二尺寸的高度相匹配。
示例性的,当目标表情图像的第二尺寸与文字消息的默认版式(默认字体样式和默认段落样式)大小不匹配是,可以根据第二尺寸来更改文字消息的默认版式。示例性的,本实施例提供三种更改文字消息的默认版式的方式:修改字体样式、修改段落样式、修改字体样式和段落样式。
示例性的,可以根据第二尺寸的高度,来修改文字消息得到目标版式。示例性的,目标版式的文字消息的整体高度与第二尺寸的高度相匹配(相等或高度差小于阈值)。
示例性的,字体样式包括文字消息显示的字体、字号、加粗、倾斜、下划线、删除线、上标、下标、字体颜色、字体背景颜色、字间距、艺术字中的至少一种。
示例性的,可以根据第二尺寸的大小来更改文字消息的字号,将文字消息的字号改为目标字号。示例性的,目标字号的大小与第二尺寸相匹配。示例性的,目标字号的高度与第二尺寸的高度之差小于高度阈值。
例如,如图19中的(1)所示,用户在消息输入框内406输入的待发送的目标消息包括:第二尺寸的目标表情图像和文字消息“你好”。当用户发送目标消息后,如图19中的(2)所示,在消息显示区域402将目标消息显示第四消息框703,第四消息框703显示有第二尺寸的目标表情图像和目标字号的文字消息“你好”,目标字号的高度与第二尺寸的高度较为接近。
示例性的,当目标表情图像中包含文字内容时,客户端还可以获取目标表情图像中文字内容的字体,将文字消息的字体设置为与目标表情图像中文字内容相同的字体,使文字消息与目标表情图像在同一个消息框内可以显示得更加统一。
示例性的,段落样式包括对齐方式、缩进方式、段落间距、行间距、行高中的至少一种。示例性的,行间距是指两行文字之间空白区域的高度(一行文字的顶部到上一行文字的底部),行高是指从一行文字的底部到上一行文字的底部的高度。
示例性的,还可以根据第二尺寸大小来改变文字消息的行高。示例性的,可以将行高改为第二尺寸高度的1/n,n为正整数,例如1/2、1/3、1/4。
例如,如图20中的(1)所示,用户在消息输入框内406输入的待发送的目标消息包括:第二尺寸的目标表情图像和文字消息“你好你好”。当用户发送目标消息后,如图19中的(2)所示,在消息显示区域402将目标消息显示第四消息框703,第四消息框703显示有第二尺寸的目标表情图像和目标行高的文字消息“你好你好”,目标行高为第二尺寸高度的1/2。
例如,第二尺寸的目标表情图像的高度为100像素,默认版式下的文字消息的默认行高为60像素,则可以将文本消息改为目标行高:100/2=50像素,使两行文字的高度正好与第二尺寸的高度相同,则可以在一侧显示目标表情图像,另一侧显示两行文字消息。
示例性的,还可以对消息框中表情消息和文本消息的排布进行重新排版。例如,将消息框分为左右两个板块,一个板块用于显示表情消息另一个板块用于显示文字消息。示例性的,消息框的左右宽度固定、上下高度可调节为例,客户端可以现根据目标表情图像的第二尺寸确定表情板块的第一宽度和第一高度,然后根据消息框的固定宽度求出文字板块的第二宽度,根据文字消息的默认版式(字号、行高等)将文字消息放入第二宽度的文字板块中,根据文字内容的多少确定文字板块的第二高度,将第一高度和第二高度中较大的一个数值确定为消息矿的目标高度,则可以得到消息框的大小为固定宽度、目标高度,其中的表情板块大小为第一宽度和第一高度,文字板块的大小为第二宽度和第二高度。示例性的,板块仅仅是为了排版方便,在消息框中不会显示出板块的边线。
综上所述,本实施例提供的方法,当目标消息中既包含表情图片又包含文字消息时,提供了多种排版方式来使表情图片与文字消息相统一,解决表情图片的尺寸更改后与文字消息的大小不匹配的问题。
本实施例提供的方法,通过将表情图片与文字消息分别显示在两个消息框中,来错开显示文字消息和表情图像,从而降低表情图像与文字消息的大小反差,使排版给用户带来舒适的体验。
本实施例提供的方法,通过根据表情图像的尺寸更改文字消息的尺寸,从而使文字消息的显示样式与表情图像的大小相统一,使表情图像和文字消息即使放在同一个消息框中进行显示也不会显得突兀,增强消息排版的美化效果。
示例性的,本申请还提供了一种将本申请提供的表情图像的发送方法应用在聊天程序中的示例性实施例。
图21示出了本申请一个示例性实施例提供的表情图像发送方法的流程图。该方法可以由上述图1中的任一终端上运行的客户端来执行,该客户端是支持消息发送的客户端。该方法包括以下步骤。
步骤801,调起聊天对话框。
示例性的,客户端接收用户选择联系人或群组的操作,显示聊天的聊天对话框。示例性的,聊天对话框上包括消息输入框和消息显示区域。
步骤802,切换到表情选择区域。
示例性的,客户端接收用户打开表情选择区域的操作,在聊天对话框内显示表情选择区域。
步骤803,选中要发送的表情。
示例性的,客户端接收用户在表情选择区域选择表情的操作,确定用户要发送的目标表情。
步骤804,通过滑动条控制表情大小。
示例性的,客户端接收到用户选择目标表情的操作后,显示滑动条,接收用户在滑动条上的滑动操作,根据滑动操作调整目标表情的大小。
步骤805,选中大小后,在客户端上产生两个值来控制要发送的表情和尺寸,通过输入框发送后,把这两个值通过接口同步数据给对方的聊天对话框。
示例性的,客户端获取用户选中的目标表情的表情编号和目标表情的尺寸,向服务器发送表情编号和尺寸,服务器将表情编号和尺寸通过接口同步给其他客户端,使其他客户端的聊天对话框上显示出该尺寸的目标表情。
步骤806,在聊天对话框中展示对应大小的图标。
示例性的,客户端在接收到服务器消息发送成功的指令后,在聊天对话框的消息显示区域显示对应大小的目标表情的图标。
综上所述,本实施例提供的方法,通过在用户选中想要发送的表情后,显示用于调整表情大小的尺寸调整控件,用户可以使用尺寸调整控件调整表情的大小,将表情调整到目标大小后,将表情发送出去。该方法使用户可以自主编辑表情的尺寸,用户不需要再花费时间寻找和下载其他合适大小的表情包,就可以自由调整表情的大小,提高用户发送表情的效率,节省了下载表情包对终端网络资源的占用,使用户在消息编辑过程中的用户体验简捷连贯。
示例性的,本申请还提供了一种同时对多个表情图像的尺寸进行同步缩放的示例性实施例。
图22示出了本申请一个示例性实施例提供的表情图像发送方法的流程图。该方法可以由上述图1中的任一终端上运行的客户端来执行,该客户端是支持消息发送的客户端。基于图3所示的方法,步骤301之后还包括步骤305至步骤307。示例性的,步骤302至步骤304,与,步骤305至步骤307,的时序可以是任意排列的,应当理解的是,这两组步骤是本申请提供的两种功能,两种功能可以同时实现,两种功能的实现步骤互不影响可以任意穿插。
步骤305,响应于拖动表情选择区域中的第一组表情图像至多表情缩放区域的操作,显示多表情缩放区域对应的多表情尺寸调整控件,多表情尺寸调整控件用于同步调整位于多表情缩放区域内的全部表情图像的大小。
示例性的,在消息发送窗口中还提供有多表情缩放区域,多表情缩放区域用于存放多个表情图像,并且,当多表情缩放区域中存在表情图像时,就会显示表情缩放区域对应的多表情尺寸调整控件,用户可以使用多表情尺寸调整控件来统一调整多表情缩放区域内存放的表情图像。
示例性的,多表情缩放区域可以是消息发送窗口中的指定位置,当多表情缩放区域中没有表情图像时,多表情缩放区域可以隐藏(不显示在消息发送窗口中),当用户拖动表情图像到多表情缩放区域所在位置时,显示多表情缩放区域并在多表情缩放区域显示用户拖入的表情,同时显示出多表情尺寸调整控件。
例如,如图23中的(1)所示,用户将一个表情图像拖入多表情缩放区域所在的位置1001,如图23中的(2)所示,在1001位置显示出多表情缩放区域1002,并在多表情缩放区域上显示出拖入的表情图像,同时,显示出多表情尺寸调整控件1003。
示例性的,第一组表情图像包括n个表情图像,n为正整数。响应于从表情选择区域中拖动第1个表情图像至多表情缩放区域的操作,显示多表情尺寸调整控件,多表情尺寸调整控件用于同步调整位于多表情缩放区域内的全部表情图像的大小;响应于从表情选择区域中拖动第i个表情图像至多表情缩放区域的操作,在多表情选择区域显示第1至i个表情图像,i为小于或等于n的正整数;重复上一步骤,直至响应于从表情选择区域中拖动第n个表情图像至多表情缩放区域的操作,在多表情选择区域显示第一组表情图像。其中,第一组表情图像包括至少两个相同表情图像,或,第一组表情图像包括至少两个不相同表情图像。
示例性的,多表情缩放区域可以是消息输入框。当多表情缩放区域是消息输入框时,拖动操作可以替换为点击操作或双击操作,即,当消息输入框内存在表情图像时,显示消息输入框对应的多表情尺寸调整控件,该多表情尺寸调整控件用于对消息输入框内的全部表情图像统一调整尺寸。
示例性的,多表情尺寸调整控件的类型和使用方法可以与尺寸调整控件相同。
示例性的,第一组表情图像可以是多个相同的表情图像,也可以是多个不同的表情图像。例如,第一组表情图像包括三个第一表情图像和两个第二表情图像,再如,第一组表情图像包括一个第一表情图像、一个第二表情图像和一个第三表情图像。
步骤306,响应于触发多表情尺寸调整控件的尺寸调整操作,控制第一组表情图像从第三尺寸调整至第四尺寸。
示例性的,第三尺寸是指第一组表情图像的整体尺寸。示例性的,将排列在多表情缩放区域内的第一组表情图像作为一个整体,该整体的长度和宽度即为第三尺寸。示例性的,当多表情缩放区域的区域面积随着存放表情图像的数量的多少实时变化时,第三尺寸也可以是指多表情缩放区域的尺寸。即,根据尺寸调整操作对第一组表情图像进行整体的放大和缩小,将整体从第三尺寸调整为第四尺寸。
例如,如图24中的(1)至(2)所示,当多表情尺寸调整控件的指示器从(1)所示的位置移动至(2)所示的位置时,将位于多表情缩放区域的第一组表情图像(三个表情图像)同步等比地从第三尺寸放大到第四尺寸。
示例性的,表情图像放入多表情缩放区域时的尺寸可以是表情图像的默认尺寸。
示例性的,由于不同表情图像的默认尺寸可能不同,为了保证多表情缩放区域内多个表情图像的大小整体视觉上统一,在将表情图像放入多表情缩放区域内进行显示前,可以根据指定高度来对每一个表情图像进行尺寸调整,将尺寸调整的表情图像放入多表情缩放区域内进行显示,则多表情缩放区域内显示的表情图像都为相同高度。
示例性的,指定高度可以是预设的任意高度。示例性的,指定高度还可以是放入多表情缩放区域的第一个表情图像的默认尺寸的高度,即,以第一个表情图像的高度为准,将后续加入的表情图像的尺寸等比缩放到与第一个表情图像相同高度。
步骤307,响应于发送操作,在消息显示区域显示多表情消息,多表情消息包含第四尺寸的第一组表情图像。
综上所述,本申请提供的方法,通过使用多表情缩放区域和多表情尺寸调整控件,来统一调整多个表情图像的尺寸,当用户想要发送多个表情图像时,可以将多个表情图像都拖入多表情缩放区域,对多个表情图像进行同时放大或缩小,简化用户缩放多个表情图像的操作步骤,并且使多个表情图像的缩放尺寸可以完全一致,解决了由于使用无极调整,使用户无法将多个表情图像调整到统一大小的问题。
示例性的,给出本申请提供的表情图像发送方法的两种实现方式。下面两种实现方式不分优劣,第一、第二的描述仅为了区分两种实现方式。
如图25所示,给出了第一种实现方式的界面切换示意图。
如图25中的(1),在一种消息发送窗口1101中,包括消息展示区域1102、消息输入框1103和表情选择区域1104,在表情选择区域1104显示有目标表情图像的缩略图1105。响应于点击第一缩略图1105的操作,客户端将默认尺寸的目标表情图像输入到消息输入框1103中。响应于长按第一缩略图1105的操作,客户端显示目标表情图像的尺寸调整控件和预览图。
如图25中的(2),用户长按第一缩略图1105唤出目标表情图像的尺寸调整控件1106和目标表情图像的预览图1107,尺寸调整控件1106和预览图1107显示在李消息发送窗口1101的上层,位于表情输入区域和消息输入框的交接位置,可能覆盖表情输入区域和消息输入框的部分区域。示例性的,尺寸调整控件1106是滑动条,在滑动条的最左端为目标表情图像的默认尺寸,向右滑动滑动条可以将目标表情图像放大,预览图1107实时展示滑动条位置对应的目标表情图像的大小。示例性的,随着预览图1107变大,预览图1107和尺寸调整控件1106所在的悬浮窗会随着预览图尺寸的变大而变大。
如图25中的(3),响应于拖动滑动条上的指示器向右滑动,放大显示目标表情图像的预览图1107。预览图1107可以接收用户的触发操作,响应于接收到触发预览图1107的触发操作(点击操作),将预览图当前展示尺寸(第二尺寸)的目标表情图像输入到消息输入框内。
如图25中的(4),在消息输入框1103内显示第二尺寸的目标表情图像的第二缩略图1108。示例性的,消息输入框1103的高度根据第二尺寸的高度进行调高。响应于接收到触发发送控件1109的发送操作,发送消息输入框1103内的目标消息(第二尺寸的目标表情图像)。
如图25中的(5),在消息显示区域显示目标消息1110,目标显示包括第二尺寸的目标表情图像。
如图26所示,给出了第二种实现方式的界面切换示意图。
如图26中的(1),在一种消息发送窗口1101中,包括消息展示区域1102、消息输入框1103、表情选择区域1104和尺寸调整控件1106,在表情选择区域1104显示有若干个目标表情图像的第一缩略图1105,尺寸调整控件用于同步调整表情选择区域1104内全部目标表情图像的第一缩略图1105。示例性的,尺寸调整控件1106为滑动条,响应于接收到拖动滑动条上的指示器向右滑动的操作,同步调大表情选择区域1104内全部目标表情的第一缩略图1105至第二尺寸。
如图26中的(2),表情选择区域1104内的目标表情图像的第一缩略图显示为第二尺寸。示例性的,可以以两种实现方式来发送第二尺寸的目标表情图像。第一种方式:响应于接收到一个目标表情图像的第一缩略图上的点击操作,发送第二尺寸的该目标表情图像,如图26中的(4)在消息显示区域1102显示发送的第二尺寸的目标表情图像。第二种方式:响应于接收到一个目标表情图像的第一缩略图上的点击操作,如图26中的(3)在消息输入框内显示第二尺寸的目标表情图像的第二缩略图1108,响应于接收到触发发送控件1109的发送操作,发送消息输入框内的目标消息(第二尺寸的目标表情图像),如图26中的(4)在消息显示区域1102显示发送的第二尺寸的目标表情图像。
以下为本申请的装置实施例,对于装置实施例中未详细描述的细节,可参考上述方法实施例。
图27是本申请一个示例性实施例提供的表情图像发送装置的框图。所述装置包括:
显示模块902,用于显示消息发送窗口,所述消息发送窗口包括消息显示区域、目标表情和尺寸调整控件,所述消息显示区域用于显示已发送的消息,所述尺寸调整控件用于调整所述目标表情图像的大小;
所述交互模块901,用于接收触发所述尺寸调整控件的大小调整操作;
所述显示模块902,用于响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸;
所述交互模块901,用于接收发送操作;
所述显示模块902,用于响应于发送操作,在所述消息显示区域显示目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。
在一个可选的实施例中,所述尺寸调整控件包括滑动条和位于所述滑动条上的指示器;
所述交互模块901,用于接收拖动所述指示器改变所述指示器在所述滑动条上的位置的操作;
所述显示模块902,用于响应于拖动所述指示器改变所述指示器在所述滑动条上的位置的操作,根据所述指示器在所述滑动条上的位置,控制所述目标表情图像从所述第一尺寸调整至所述第二尺寸。
在一个可选的实施例中,所述交互模块901,用于接收拖动所述指示器在所述滑动条上向右移动的操作;
所述显示模块902,用于响应于拖动所述指示器在所述滑动条上向右移动的操作,从所述第一尺寸放大显示所述目标表情图像至所述第二尺寸;
所述交互模块901,用于接收拖动所述指示器在所述滑动条上向左移动的操作;
所述显示模块902,用于响应于拖动所述指示器在所述滑动条上向左移动的操作,从所述第一尺寸缩小显示所述目标表情图像至所述第二尺寸。
在一个可选的实施例中,所述尺寸调整控件包括位于所述目标表情图像上的对角线缩放控件;
所述交互模块901,用于接收在所述缩放控件上的拖动操作;
所述显示模块902,用于响应于在所述缩放控件上的拖动操作,控制所述目标表情图像从所述第一尺寸调整至所述第二尺寸。
在一个可选的实施例中,所述交互模块901,用于接收在所述对角线缩放控件上的沿第一方向的第一拖动操作;
所述显示模块902,用于响应于在所述对角线缩放控件上的沿第一方向的第一拖动操作,从所述第一尺寸放大显示所述目标表情图像至所述第二尺寸,所述第一方向是从所述目标表情图像的中心区域指向边缘区域的方向;
所述交互模块901,用于接收在所述对角线缩放控件上的沿第二方向的第二拖动操作;
所述显示模块902,用于响应于在所述对角线缩放控件上的沿第二方向的第二拖动操作,从所述第一尺寸缩小显示所述目标表情图像至所述第二尺寸,所述第二方向是从所述目标表情图像的所述边缘区域指向所述中心区域的方向。
在一个可选的实施例中,所述目标消息包括所述目标表情图像和文字消息;
所述显示模块902,用于响应于发送操作,在所述消息显示区域显示第一消息框和第二消息框,所述第一消息框用于显示所述第二尺寸的所述目标表情图像,所述第二消息框用于显示所述文字消息。
在一个可选的实施例中,所述显示模块902,用于响应于所述发送操作,且响应于所述第二尺寸不等于默认尺寸,在所述消息显示区域显示所述第一消息框和所述第二消息框,所述第一消息框用于显示所述第二尺寸的所述目标表情图像,所述第二息框用于显示所述文字消息,所述默认尺寸包括所述目标表情图像在初始状态下的尺寸;
所述显示模块902,用于响应于所述发送操作,且响应于所述第二尺寸等于所述默认尺寸,在所述消息显示区域显示第三消息框,所述第三消息框用于显示所述第二尺寸的所述目标表情图像和所述文字消息。
在一个可选的实施例中,所述目标消息包括所述目标表情图像和文字消息;
所述显示模块902,用于响应于所述发送操作,且响应于所述第二尺寸不等于默认尺寸,在所述消息显示区域显示第四消息框;
其中,所述第四消息框用于显示所述第二尺寸的所述目标表情图像和目标版式的所述文字消息,所述默认尺寸包括所述目标表情图像在初始状态下的尺寸,所述目标版式是根据所述第二尺寸确定的,所述目标版式包括字体样式和段落样式中的至少一种。
在一个可选的实施例中,所述字体样式包括目标字号,所述目标字号与所述第二尺寸的大小相匹配;
所述段落样式包括目标行高,所述目标行高与所述第二尺寸的高度相匹配。
在一个可选的实施例中,所述显示模块902,用于显示所述消息发送窗口,所述消息发送窗口包括所述消息显示区域和表情选择区域,所述消息显示区域用于显示已发送的消息,所述表情选择区域显示有至少一个表情图像;
所述交互模块901,用于接收对所述至少一个表情图像中的目标表情图像的触发操作;
所述显示模块902,用于响应于对所述至少一个表情图像中的目标表情图像的触发操作,显示所述尺寸调整控件,所述尺寸调整控件用于调整所述目标表情图像的大小。
在一个可选的实施例中,所述装置还包括:
发送模块903,用于响应于所述发送操作,向服务器发送消息发送请求,所述消息发送请求包括所述目标表情图像的表情编号和所述第二尺寸;
接收模块904,用于接收所述服务器发送的发送成功指令;
所述显示模块902,用于响应于接收到所述服务器发送的发送成功指令,在所述消息显示区域显示所述目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。
在一个可选的实施例中,所述消息发送窗口还包括多表情缩放区域;
所述显示模块902,用于显示所述消息发送窗口,所述消息发送窗口包括所述消息显示区域、表情选择区域和多表情缩放区域,所述消息显示区域用于显示已发送的消息,所述表情选择区域显示有至少一个表情图像;
所述交互模块901,用于接收拖动所述表情选择区域中的第一组表情图像至所述多表情缩放区域的操作;
所述显示模块902,用于响应于拖动所述表情选择区域中的第一组表情图像至所述多表情缩放区域的操作,显示所述多表情缩放区域对应的多表情尺寸调整控件,所述多表情尺寸调整控件用于同步调整位于所述多表情缩放区域内的全部表情图像的大小;
所述交互模块901,用于接收触发所述多表情尺寸调整控件的尺寸调整操作;
所述显示模块902,用于响应于触发所述多表情尺寸调整控件的尺寸调整操作,控制所述第一组表情图像从第三尺寸调整至第四尺寸;
所述交互模块901,用于接收发送操作;
所述显示模块902,用于响应于发送操作,在所述消息显示区域显示多表情消息,所述多表情消息包含所述第四尺寸的所述第一组表情图像;
其中,所述第一组表情图像包括至少两个相同表情图像,或,所述第一组表情图像包括至少两个不相同表情图像。
在一个可选的实施例中,所述第一组表情图像包括n个表情图像,n为正整数;
所述交互模块901,用于接收从所述表情选择区域中拖动第1个表情图像至所述多表情缩放区域的操作;
所述显示模块902,用于响应于从所述表情选择区域中拖动第1个表情图像至所述多表情缩放区域的操作,显示所述多表情尺寸调整控件,所述多表情尺寸调整控件用于同步调整位于所述多表情缩放区域内的全部表情图像的大小;
所述交互模块901,用于接收从所述表情选择区域中拖动第i个表情图像至所述多表情缩放区域的操作;
所述显示模块902,用于响应于从所述表情选择区域中拖动第i个表情图像至所述多表情缩放区域的操作,在所述多表情选择区域显示第1至i个表情图像,i为小于或等于n的正整数;
所述交互模块901和所述显示模块902,用于重复上一步骤,直至响应于从所述表情选择区域中拖动第n个表情图像至所述多表情缩放区域的操作,在所述多表情选择区域显示所述第一组表情图像。
在一个可选的实施例中,所述多表情缩放区域位于所述消息发送窗口的所述消息显示区域;
或,
所述多表情缩放区域位于所述消息发送窗口的消息输入框,所述消息输入框用于显示待发送的消息;
或,
所述多表情缩放区域位于所述消息发送窗口的表情选择区域,所述表情选择区域显示有至少一个表情图像。
需要说明的是:上述实施例提供的表情图像发送装置,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的表情图像发送装置与表情图像发送方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
本申请还提供了一种终端,该终端包括处理器和存储器,存储器中存储有至少一条指令,至少一条指令由处理器加载并执行以实现上述各个方法实施例提供的表情图像发送方法。需要说明的是,该终端可以是如下图28所提供的终端。
图28出了本申请一个示例性实施例提供的终端1700的结构框图。该终端1700可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio LayerIV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1700还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端1700包括有:处理器1701和存储器1702。
处理器1701可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1701可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1701也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU;协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1701可以在集成GPU(Graphics Processing Unit,图像处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1701还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1702可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1702还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1702中的非暂态的计算机可读存储介质用于存储至少一个指令,该至少一个指令用于被处理器1701所执行以实现本申请中方法实施例提供的表情图像发送方法。
在一些实施例中,终端1700还可选包括有:外围设备接口1703和至少一个外围设备。处理器1701、存储器1702和外围设备接口1703之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1703相连。具体地,外围设备包括:射频电路1704、显示屏1705、摄像头组件1706、音频电路1707、定位组件1708和电源1709中的至少一种。
外围设备接口1703可被用于将I/O(Input/Output,输入/输出)相关的至少一个外围设备连接到处理器1701和存储器1702。在一些实施例中,处理器1701、存储器1702和外围设备接口1703被集成在同一芯片或电路板上;在一些其他实施例中,处理器1701、存储器1702和外围设备接口1703中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路1704用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路1704通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1704将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1704包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1704可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:万维网、城域网、内联网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路1704还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本申请对此不加以限定。
显示屏1705用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1705是触摸显示屏时,显示屏1705还具有采集在显示屏1705的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1701进行处理。此时,显示屏1705还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1705可以为一个,设置终端1700的前面板;在另一些实施例中,显示屏1705可以为至少两个,分别设置在终端1700的不同表面或呈折叠设计;在再一些实施例中,显示屏1705可以是柔性显示屏,设置在终端1700的弯曲表面上或折叠面上。甚至,显示屏1705还可以设置成非矩形的不规则图形,也即异形屏。显示屏1705可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1706用于采集图像或视频。可选地,摄像头组件1706包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1706还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路1707可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1701进行处理,或者输入至射频电路1704以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1700的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1701或射频电路1704的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1707还可以包括耳机插孔。
定位组件1708用于定位终端1700的当前地理位置,以实现导航或LBS(LocationBased Service,基于位置的服务)。定位组件1708可以是基于美国的GPS(GlobalPositioning System,全球定位系统)、中国的北斗系统或俄罗斯的伽利略系统的定位组件。
电源1709用于为终端1700中的各个组件进行供电。电源1709可以是交流电、直流电、一次性电池或可充电电池。当电源1709包括可充电电池时,该可充电电池可以是有线充电电池或无线充电电池。有线充电电池是通过有线线路充电的电池,无线充电电池是通过无线线圈充电的电池。该可充电电池还可以用于支持快充技术。
在一些实施例中,终端1700还包括有一个或多个传感器1710。该一个或多个传感器1710包括但不限于:加速度传感器1711、陀螺仪传感器1712、压力传感器1713、指纹传感器1714、光学传感器1715以及接近传感器1716。
加速度传感器1711可以检测以终端1700建立的坐标系的三个坐标轴上的加速度大小。比如,加速度传感器1711可以用于检测重力加速度在三个坐标轴上的分量。处理器1701可以根据加速度传感器1711采集的重力加速度信号,控制显示屏1705以横向视图或纵向视图进行用户界面的显示。加速度传感器1711还可以用于游戏或者用户的运动数据的采集。
陀螺仪传感器1712可以检测终端1700的机体方向及转动角度,陀螺仪传感器1712可以与加速度传感器1711协同采集用户对终端1700的3D动作。处理器1701根据陀螺仪传感器1712采集的数据,可以实现如下功能:动作感应(比如根据用户的倾斜操作来改变UI)、拍摄时的图像稳定、游戏控制以及惯性导航。
压力传感器1713可以设置在终端1700的侧边框和/或显示屏1705的下层。当压力传感器1713设置在终端1700的侧边框时,可以检测用户对终端1700的握持信号,由处理器1701根据压力传感器1713采集的握持信号进行左右手识别或快捷操作。当压力传感器1713设置在显示屏1705的下层时,由处理器1701根据用户对显示屏1705的压力操作,实现对UI界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
指纹传感器1714用于采集用户的指纹,由处理器1701根据指纹传感器1714采集到的指纹识别用户的身份,或者,由指纹传感器1714根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时,由处理器1701授权该用户执行相关的敏感操作,该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器1714可以被设置终端1700的正面、背面或侧面。当终端1700上设置有物理按键或厂商Logo时,指纹传感器1714可以与物理按键或厂商Logo集成在一起。
光学传感器1715用于采集环境光强度。在一个实施例中,处理器1701可以根据光学传感器1715采集的环境光强度,控制、显示屏1705的显示亮度。具体地,当环境光强度较高时,调高、显示屏1705的显示亮度;当环境光强度较低时,调低、显示屏1705的显示亮度。在另一个实施例中,处理器1701还可以根据光学传感器1715采集的环境光强度,动态调整摄像头组件1706的拍摄参数。
接近传感器1716,也称距离传感器,通常设置在终端1700的前面板。接近传感器1716用于采集用户与终端1700的正面之间的距离。在一个实施例中,当接近传感器1716检测到用户与终端1700的正面之间的距离逐渐变小时,由处理器1701控制、显示屏1705从亮屏状态切换为息屏状态;当接近传感器1716检测到用户与终端1700的正面之间的距离逐渐变大时,由处理器1701控制、显示屏1705从息屏状态切换为亮屏状态。
本领域技术人员可以理解,图28中示出的结构并不构成对终端1700的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
所述存储器还包括一个或者一个以上的程序,所述一个或者一个以上程序存储于存储器中,所述一个或者一个以上程序包含用于进行本申请实施例提供的表情图像发送方法。
本申请提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令,所述至少一条指令由处理器加载并执行以实现上述各个方法实施例提供的表情图像发送方法。
本申请还提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述可选实现方式中提供的表情图像发送方法。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本申请的可选实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (17)
1.一种表情图像发送方法,其特征在于,所述方法包括:
显示消息发送窗口,所述消息发送窗口包括消息显示区域、目标表情和尺寸调整控件,所述消息显示区域用于显示已发送的消息,所述尺寸调整控件用于调整所述目标表情图像的大小;
响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸;
响应于发送操作,在所述消息显示区域显示目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。
2.根据权利要求1所述的方法,其特征在于,所述尺寸调整控件包括滑动条和位于所述滑动条上的指示器;
所述响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸,包括:
响应于在所述滑动条上拖动所述指示器的操作,根据所述指示器在所述滑动条上的位置,控制所述目标表情图像从所述第一尺寸调整至所述第二尺寸。
3.根据权利要求2所述的方法,其特征在于,所述响应于在所述滑动条上拖动所述指示器的操作,根据所述指示器在所述滑动条上的位置,控制所述目标表情图像从所述第一尺寸调整至所述第二尺寸,包括:
响应于拖动所述指示器在所述滑动条上向右移动的操作,将所述目标表情图像从所述第一尺寸放大显示至所述第二尺寸;
响应于拖动所述指示器在所述滑动条上向左移动的操作,将所述目标表情图像从所述第一尺寸缩小显示至所述第二尺寸。
4.根据权利要求1所述的方法,其特征在于,所述尺寸调整控件包括位于所述目标表情图像上的对角线缩放控件;
所述响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸,包括:
响应于在所述对角线缩放控件上的拖动操作,控制所述目标表情图像从所述第一尺寸调整至所述第二尺寸。
5.根据权利要求4所述的方法,其特征在于,所述响应于在所述对角线缩放控件上的拖动操作,控制所述目标表情图像从所述第一尺寸调整至所述第二尺寸,包括:
响应于在所述对角线缩放控件上的沿第一方向的第一拖动操作,将所述目标表情图像从所述第一尺寸放大显示至所述第二尺寸,所述第一方向是从所述目标表情图像的中心区域指向边缘区域的方向;
响应于在所述对角线缩放控件上的沿第二方向的第二拖动操作,将所述目标表情图像从所述第一尺寸缩小显示至所述第二尺寸,所述第二方向是从所述目标表情图像的所述边缘区域指向所述中心区域的方向。
6.根据权利要求1至5任一所述的方法,其特征在于,所述目标消息包括所述目标表情图像和文字消息;
所述响应于发送操作,在所述消息显示区域显示目标消息,包括:
响应于所述发送操作,在所述消息显示区域显示第一消息框和第二消息框,所述第一消息框用于显示所述第二尺寸的所述目标表情图像,所述第二目标消息框用于显示所述文字消息。
7.根据权利要求6所述的方法,其特征在于,所述响应于发送操作,在所述消息显示区域显示第一消息框和第二消息框,包括:
响应于所述发送操作,且响应于所述第二尺寸不等于默认尺寸,在所述消息显示区域显示所述第一消息框和所述第二消息框,所述第一消息框用于显示所述第二尺寸的所述目标表情图像,所述第二消息框用于显示所述文字消息,所述默认尺寸包括所述目标表情图像在初始状态下的尺寸;
所述方法还包括:
响应于所述发送操作,且响应于所述第二尺寸等于所述默认尺寸,在所述消息显示区域显示第三消息框,所述第三消息框用于显示所述第二尺寸的所述目标表情图像和所述文字消息。
8.根据权利要求1至5任一所述的方法,其特征在于,所述目标消息包括所述目标表情图像和文字消息;
所述响应于发送操作,在所述消息显示区域显示目标消息,包括:
响应于所述发送操作,且响应于所述第二尺寸不等于默认尺寸,在所述消息显示区域显示第四消息框;
其中,所述第四消息框用于显示所述第二尺寸的所述目标表情图像和目标版式的所述文字消息,所述默认尺寸包括所述目标表情图像在初始状态下的尺寸,所述目标版式是根据所述第二尺寸确定的,所述目标版式包括字体样式和段落样式中的至少一种。
9.根据权利要求8所述的方法,其特征在于,
所述字体样式包括目标字号,所述目标字号与所述第二尺寸的大小相匹配;
所述段落样式包括目标行高,所述目标行高与所述第二尺寸的高度相匹配。
10.根据权利要求1至5任一所述的方法,其特征在于,所述显示消息发送窗口,包括:
显示所述消息发送窗口,所述消息发送窗口包括所述消息显示区域和表情选择区域,所述消息显示区域用于显示已发送的消息,所述表情选择区域显示有至少一个表情图像;
响应于对所述至少一个表情图像中的目标表情图像的触发操作,显示所述尺寸调整控件,所述尺寸调整控件用于调整所述目标表情图像的大小。
11.根据权利要求1至5任一所述的方法,其特征在于,所述响应于发送操作,在所述消息显示区域显示目标消息,包括:
响应于所述发送操作,向服务器发送消息发送请求,所述消息发送请求包括所述目标表情图像的表情编号和所述第二尺寸;
响应于接收到所述服务器发送的发送成功指令,在所述消息显示区域显示所述目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。
12.根据权利要求1至5任一所述的方法,其特征在于,所述方法还包括:
显示所述消息发送窗口,所述消息发送窗口包括所述消息显示区域、表情选择区域和多表情缩放区域,所述消息显示区域用于显示已发送的消息,所述表情选择区域显示有至少一个表情图像;
响应于拖动所述表情选择区域中的第一组表情图像至所述多表情缩放区域的操作,显示所述多表情缩放区域对应的多表情尺寸调整控件,所述多表情尺寸调整控件用于同步调整位于所述多表情缩放区域内的全部表情图像的大小;
响应于触发所述多表情尺寸调整控件的尺寸调整操作,控制所述第一组表情图像从第三尺寸调整至第四尺寸;
响应于所述发送操作,在所述消息显示区域显示多表情消息,所述多表情消息包含所述第四尺寸的所述第一组表情图像;
其中,所述第一组表情图像包括至少两个相同表情图像,或,所述第一组表情图像包括至少两个不相同表情图像。
13.根据权利要求12所述的方法,其特征在于,所述第一组表情图像包括n个表情图像,n为正整数;
所述响应于拖动所述表情选择区域中的第一组表情图像至所述多表情缩放区域,显示所述多表情缩放区域对应的多表情尺寸调整控件,包括:
响应于从所述表情选择区域中拖动第1个表情图像至所述多表情缩放区域的操作,显示所述多表情尺寸调整控件,所述多表情尺寸调整控件用于同步调整位于所述多表情缩放区域内的全部表情图像的大小;
响应于从所述表情选择区域中拖动第i个表情图像至所述多表情缩放区域的操作,在所述多表情选择区域显示第1至i个表情图像,i为小于或等于n的正整数;
重复上一步骤,直至响应于从所述表情选择区域中拖动第n个表情图像至所述多表情缩放区域的操作,在所述多表情选择区域显示所述第一组表情图像。
14.根据权利要求13所述的方法,其特征在于,所述多表情缩放区域位于所述消息发送窗口的所述消息显示区域;
或,
所述多表情缩放区域位于所述消息发送窗口的消息输入框,所述消息输入框用于显示待发送的消息;
或,
所述多表情缩放区域位于所述消息发送窗口的表情选择区域,所述表情选择区域显示有至少一个表情图像。
15.一种表情图像发送装置,其特征在于,所述装置包括:
显示模块,用于显示消息发送窗口,所述消息发送窗口包括消息显示区域、目标表情和尺寸调整控件,所述消息显示区域用于显示已发送的消息,所述尺寸调整控件用于调整所述目标表情图像的大小;
所述交互模块,用于接收触发所述尺寸调整控件的大小调整操作;
所述显示模块,用于响应于触发所述尺寸调整控件的大小调整操作,控制所述目标表情图像从第一尺寸调整至第二尺寸;
所述交互模块,用于接收发送操作;
所述显示模块,用于响应于所述发送操作,在所述消息显示区域显示目标消息,所述目标消息包含所述第二尺寸的所述目标表情图像。
16.一种计算机设备,其特征在于,所述计算机设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至14任一所述的表情图像发送方法。
17.一种计算机可读存储介质,其特征在于,所述可读存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至14任一所述的表情图像发送方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011262474.5A CN114546228B (zh) | 2020-11-12 | 2020-11-12 | 表情图像发送方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011262474.5A CN114546228B (zh) | 2020-11-12 | 2020-11-12 | 表情图像发送方法、装置、设备及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114546228A true CN114546228A (zh) | 2022-05-27 |
CN114546228B CN114546228B (zh) | 2023-08-25 |
Family
ID=81660660
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011262474.5A Active CN114546228B (zh) | 2020-11-12 | 2020-11-12 | 表情图像发送方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114546228B (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20040046272A (ko) * | 2002-11-26 | 2004-06-05 | 엔에이치엔(주) | 사용자 정의 이모티콘 이미지를 이용한 컴퓨터 네트워크상에서의 데이터 전송 서비스 제공방법 및 그를 구현하기위한 응용 프로그램을 기록한 컴퓨터가 읽을 수 있는기록매체 |
US9451427B1 (en) * | 2014-07-11 | 2016-09-20 | Sprint Communications Company L.P. | Delivery notification enhancement for data messages |
US20160291822A1 (en) * | 2015-04-03 | 2016-10-06 | Glu Mobile, Inc. | Systems and methods for message communication |
CN107153496A (zh) * | 2017-07-04 | 2017-09-12 | 北京百度网讯科技有限公司 | 用于输入表情图标的方法和装置 |
CN107479784A (zh) * | 2017-07-31 | 2017-12-15 | 腾讯科技(深圳)有限公司 | 表情展示方法、装置及计算机可读存储介质 |
CN109787890A (zh) * | 2019-03-01 | 2019-05-21 | 北京达佳互联信息技术有限公司 | 即时通信方法、装置及存储介质 |
CN110061900A (zh) * | 2018-01-18 | 2019-07-26 | 腾讯科技(深圳)有限公司 | 消息显示方法、装置、终端及计算机可读存储介质 |
US20200272309A1 (en) * | 2018-01-18 | 2020-08-27 | Tencent Technology (Shenzhen) Company Limited | Additional object display method and apparatus, computer device, and storage medium |
-
2020
- 2020-11-12 CN CN202011262474.5A patent/CN114546228B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20040046272A (ko) * | 2002-11-26 | 2004-06-05 | 엔에이치엔(주) | 사용자 정의 이모티콘 이미지를 이용한 컴퓨터 네트워크상에서의 데이터 전송 서비스 제공방법 및 그를 구현하기위한 응용 프로그램을 기록한 컴퓨터가 읽을 수 있는기록매체 |
US9451427B1 (en) * | 2014-07-11 | 2016-09-20 | Sprint Communications Company L.P. | Delivery notification enhancement for data messages |
US20160291822A1 (en) * | 2015-04-03 | 2016-10-06 | Glu Mobile, Inc. | Systems and methods for message communication |
CN107153496A (zh) * | 2017-07-04 | 2017-09-12 | 北京百度网讯科技有限公司 | 用于输入表情图标的方法和装置 |
CN107479784A (zh) * | 2017-07-31 | 2017-12-15 | 腾讯科技(深圳)有限公司 | 表情展示方法、装置及计算机可读存储介质 |
CN110061900A (zh) * | 2018-01-18 | 2019-07-26 | 腾讯科技(深圳)有限公司 | 消息显示方法、装置、终端及计算机可读存储介质 |
US20200272309A1 (en) * | 2018-01-18 | 2020-08-27 | Tencent Technology (Shenzhen) Company Limited | Additional object display method and apparatus, computer device, and storage medium |
CN109787890A (zh) * | 2019-03-01 | 2019-05-21 | 北京达佳互联信息技术有限公司 | 即时通信方法、装置及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN114546228B (zh) | 2023-08-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11538501B2 (en) | Method for generating video, and electronic device and readable storage medium thereof | |
US20240053879A1 (en) | Object Drag Method and Device | |
US11231845B2 (en) | Display adaptation method and apparatus for application, and storage medium | |
CN111701238A (zh) | 虚拟画卷的显示方法、装置、设备及存储介质 | |
WO2019024700A1 (zh) | 表情展示方法、装置及计算机可读存储介质 | |
CN112230914B (zh) | 小程序的制作方法、装置、终端及存储介质 | |
CN111541907A (zh) | 物品显示方法、装置、设备及存储介质 | |
CN109948581B (zh) | 图文渲染方法、装置、设备及可读存储介质 | |
CN111221457A (zh) | 多媒体内容的调整方法、装置、设备及可读存储介质 | |
CN112565911B (zh) | 弹幕显示方法、弹幕生成方法、装置、设备及存储介质 | |
CN112905280B (zh) | 页面显示方法、装置、设备及存储介质 | |
WO2022062808A1 (zh) | 头像生成方法及设备 | |
CN113709022A (zh) | 消息交互方法、装置、设备及存储介质 | |
CN111459363B (zh) | 信息展示方法、装置、设备及存储介质 | |
CN112131422A (zh) | 表情图片生成方法、装置、设备及介质 | |
CN113609358B (zh) | 内容分享方法、装置、电子设备以及存储介质 | |
CN110992268B (zh) | 背景设置方法、装置、终端及存储介质 | |
WO2020083178A1 (zh) | 数字图像展示方法、装置、电子设备及存储介质 | |
CN114327197B (zh) | 消息发送方法、装置、设备及介质 | |
CN114546228B (zh) | 表情图像发送方法、装置、设备及介质 | |
CA2873555A1 (en) | Device and method for processing user input | |
CN115002549A (zh) | 视频画面的显示方法、装置、设备及介质 | |
CN112230906B (zh) | 列表控件的创建方法、装置、设备及可读存储介质 | |
CN113220203B (zh) | 活动入口展示方法、装置、终端及存储介质 | |
CN115412518B (zh) | 表情发送方法、装置、存储介质及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |