CN111240550A - 聊天窗口的展示方法、装置、电子设备及存储介质 - Google Patents
聊天窗口的展示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111240550A CN111240550A CN202010034203.8A CN202010034203A CN111240550A CN 111240550 A CN111240550 A CN 111240550A CN 202010034203 A CN202010034203 A CN 202010034203A CN 111240550 A CN111240550 A CN 111240550A
- Authority
- CN
- China
- Prior art keywords
- chat window
- chat
- background image
- virtual keyboard
- area
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
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是本申请实施例提供的一种聊天窗口的显示方法示意图;
图2A是本申请实施例提供的另一种聊天窗口的显示方法示意图;
图2B是本申请实施例提供的一种聊天界面的示意图;
图2C是本申请实施例提供的另一种聊天界面的示意图;
图2D是本申请实施例提供的一种第二聊天窗口的示意图;
图2E是本申请实施例提供的第一背景图的裁剪区域示意图;
图2F是本申请实施例提供的第一背景图和第二聊天窗口的示意图;
图3是本申请实施例提供的一种聊天窗口的显示装置的结构示意图;
图4为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请实施例方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。
本申请的说明书实施例和权利要求书中的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元。方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
图1为本申请实施例提供的一种聊天窗口的显示方法流程图。如图1所示,该方法可包括:
101、终端设备在第一聊天窗口设置有第一背景图的情况下,在检测到虚拟键盘弹出指令之后,将第二背景图填充到第二聊天窗口。
第二背景图通过裁剪第一背景图得到,虚拟键盘弹出指令用于在聊天界面弹出虚拟键盘,第一聊天窗口为聊天界面在未弹出虚拟键盘情况下的聊天窗口,第二聊天窗口的尺寸与第一聊天窗口尺寸不同。第二聊天窗口可以是通过改变第一聊天窗口得到的聊天窗口,也可以是另设的聊天窗口。
需要说明的是,第一背景图的尺寸与第一聊天窗口的尺寸的比例为第一尺寸比例。第二背景图的尺寸与第二聊天窗口的尺寸的比例为第二尺寸比例。第一尺寸比例与第二尺寸比例相同。
在一个可选的实现方式中,终端设备通过位图工厂(BitmapFactory)工具对第一背景图进行裁剪,生成位图(bitmap)格式的第二背景图,并将位图格式的第二背景图填充到第二聊天窗口。
102、终端设备在聊天界面显示第二聊天窗口和虚拟键盘。
终端设备在聊天界面显示第二聊天窗口和虚拟键盘。聊天界面是指终端设备用于显示聊天窗口的设备界面。
图2A为本申请实施例提供的一种聊天窗口的显示方法流程图。如图2A所示,该方法可包括:
201、终端设备确定聊天界面在显示虚拟键盘的情况下的可视区域。
聊天界面是指终端设备用于显示聊天窗口的设备界面。可视区域为在聊天界面中不被虚拟键盘、系统状态栏或系统导航栏遮挡的区域。
图2B为一种示例性的聊天界面示意图,表示在聊天界面不显示虚拟键盘的情况下的聊天界面。如图2B所示,在终端设备不显示虚拟键盘的情况下,聊天界面包括第一聊天窗口207,系统状态栏208和系统导航栏209。系统状态栏用于显示系统信息,系统信息包括终端设备的信号强度、系统时间信息和电池信息。系统导航栏209显示系统导航按键,系统导航按键包括返回按键、主页按键和任务按键。第一聊天窗口207包括标题栏210、聊天信息区域211和输入框 212。标题栏210用于显示聊天对象的信息,例如在聊天对象为第一聊天对象时,标题栏显示“第一聊天对象”。聊天信息区域211用于显示聊天信息和背景图。在一些实施例中,在终端不显示虚拟按键的情况下,聊天界面包括第一聊天窗口207和系统状态栏208。
图2C为另一种示例性的聊天界面示意图,用于表示在聊天界面显示虚拟键盘的情况下,聊天界面的可视区域。如图2C所示,在终端设备显示虚拟键盘214 的情况下,聊天界面的可视区域如213所示。
202、终端设获取可视区域的尺寸,作为第二聊天窗口的尺寸。
终端设备在确定聊天界面在显示虚拟键盘情况下的可视区域之后,获取可视区域的尺寸,作为第二聊天窗口的尺寸。该可视区域用于在聊天界面显示虚拟键盘的情况下显示第二聊天窗口。如图2D所示,第二聊天窗口为在聊天界面显示虚拟键盘情况下的聊天窗口,第二聊天窗口也包括标题栏、聊天信息区域和输入框。
203、终端设备根据第一聊天窗口的尺寸信息和第二聊天窗口的尺寸信息,以及在第一聊天窗口和第二聊天窗口在聊天界面的位置关系,裁剪第一背景图,得到第二背景图。
终端设备根据第一聊天窗口的尺寸信息和第二聊天窗口的尺寸信息,以及第一聊天窗口和第二聊天窗口在聊天界面的位置信息,裁剪第一背景图,得到第二背景图,具体为:终端设备通过第一聊天窗口的尺寸信息和第二聊天窗口的尺寸信息,确定第一背景图的裁剪区域的尺寸;终端设备通过第一聊天窗口和第二聊天窗口在聊天界面上的位置信息,确定裁剪区域在第一背景图上的位置;终端设备按照裁剪区域对第一背景图进行裁剪,得到第二背景图。
第一聊天窗口的尺寸信息包括第一聊天窗口的尺寸和第一聊天窗口的聊天信息区域的尺寸。第二聊天窗口的尺寸信息包括第二聊天窗口的尺寸和第二聊天窗口的聊天信息区域的尺寸。第一聊天窗口的第一背景图区域为第一聊天窗口或第一聊天窗口的聊天信息区域。第二聊天窗口的第二背景图区域为第二聊天窗口或第二聊天窗口的聊天信息区域。第一背景图区域的尺寸包括高度H1和宽度W1。第二背景图区域的尺寸包括高度H2和宽度W2。第一背景图的高度为H3,宽度为W3。其中,终端设备通过第一聊天窗口的尺寸信息和第二聊天窗口的尺寸信息,确定第一背景图的裁剪区域的尺寸,具体为:终端设备从第一聊天窗口的尺寸信息中确定第一聊天窗口的第一背景图区域的尺寸H1和W1,从第二聊天窗口的尺寸信息中获取第二聊天窗口的第二背景图区域的尺寸H2和W2;终端设备根据第一背景图区域的尺寸和第二背景图区域的尺寸,计算第一背景图区域和第二背景图区域的高度比例H1/H2和宽度比例W1/W2;终端设备将第一背景图的高度与高度比例相除,将满足公式H3*H2/H1的值作为裁剪区域的高度H4,以及将第一背景图宽度与宽度比例相除,将满足公式W3*W2/W1的值作为裁剪区域的宽度W4。裁剪区域的尺寸包括裁剪区域的高度H4和宽度W4。
需要说明的是,第一背景图的高度H3与宽度W3之比,与第一背景图区域的高度H1与宽度W2之比相同。第一背景图可以是用户选择的本地图片,也可以是聊天软件提供的图片。可以理解的是,若上述本地图片的高度与宽度之比不为 H1/W1,则第一背景图为该本地图片通过裁剪之后得到的图片。
在一种可选的实现方式中,终端设备通过第一聊天窗口和第二聊天窗口在聊天界面上的位置信息,确定裁剪区域在第一背景图上的位置,具体为:终端设备根据第一聊天窗口和第二聊天窗口在聊天界面上的位置信息,在第一背景图区域中,确定第二背景图区域端点的坐标位置。可以理解的是,第一背景图区域和第二背景图区域为矩形。终端设备再将第二背景图区域端点的坐标位置映射到第一背景图中,作为裁剪区域的端点。以确定裁剪区域在第一背景图中的位置。需要说明的是,第一背景图区域和第一背景图以相同位置的端点为原点,第二背景图区域在第一背景图区域中的第一端点(a,b)与第二背景图在第一背景图中的第二端点(c,d),第一端点(a,b)和第二端点(c,d)的映射关系满足a*H3/H1=c,b*W3/W1=d。
如图2E所示,第一背景图区域为第一聊天窗口的聊天信息区域,第二背景图区域为第二聊天窗口的聊天信息区域。图2E示意了第二背景图区域在第一背景图区域的位置,和裁剪区域在第一背景图中的位置。可以理解的是,通过确定裁剪区域在第一背景图中至少一个端点的位置,可以确定裁剪区域在第一背景图中的位置,按照裁剪区域对第一背景图进行裁剪,得到第二背景图。
204、终端设备在第一聊天窗口设置有第一背景图的情况下,在检测到虚拟键盘弹出指令之后,将第二背景图填充到第二聊天窗口。
如图2F所示,在第一聊天窗口设置有第一背景图的情况下,将裁剪得到的第二背景图填充到第二聊天窗口中,以使背景图的图像在聊天窗口中的显示位置不改变。
205、终端设备在聊天界面显示第二聊天窗口和虚拟键盘。
终端设备按照预设位置在聊天界面显示第二聊天窗口和虚拟键盘。第二聊天窗口的预设位置为可视区域。
206、终端设备在检测到虚拟键盘弹出指令之后,在第一聊天窗口未设置背景图的情况下,显示未填充背景图的第二聊天窗口。
可以理解的是,在第一聊天窗口未设置背景图的情况下,终端设备在检测到虚拟键盘弹出指令之后,在聊天界面显示未设置背景图的第二聊天窗口和虚拟键盘。未设置背景图是指第一聊天窗口的第一背景图区域为纯色。
在一种可选的实现方式中,终端设备在检测到虚拟键盘关闭指令之后,且在第二聊天窗口设置有第二背景图的情况下,在聊天界面显示填充第一背景图的第一聊天窗口,虚拟键盘关闭指令用于指示在聊天界面关闭虚拟键盘。
本申请实施例提供了一种聊天窗口的展示方法、装置、电子设备及存储介质,通过在聊天界面显示虚拟键盘的情况下,显示填充第二背景图的第二聊天窗口,以使背景图在聊天界面中的图像位置不改变,无需频繁移动第一聊天窗口中的元素,减少占用的系统资源。
基于上述聊天窗口的显示方法实施例的描述,本申请实施例还公开了一种聊天窗口的显示装置,聊天窗口的显示装置可以运行有一个计算机程序(包括程序代码)。该服务器可以执行图1或图2终端设备执行的方法。请参见图3,聊天窗口的显示装置可以运行如下模块:
填充单元301,用于在检测到虚拟键盘弹出指令之后,且在第一聊天窗口设置有第一背景图的情况下,将第二背景图填充到第二聊天窗口,第二背景图通过裁剪第一背景图得到,虚拟键盘弹出指令用于在聊天界面显示虚拟键盘,第一聊天窗口为聊天界面在未显示虚拟键盘情况下的聊天窗口,第二聊天窗口的尺寸与第一聊天窗口不同;
显示单元302,用于在聊天界面显示第二聊天窗口和虚拟键盘。
在一个可选的实现方式中,该装置还包括:确定单元303,用于确定聊天界面在显示虚拟键盘的情况下的可视区域,可视区域为在聊天界面中不被虚拟键盘、系统状态栏或系统导航栏遮挡的区域;获取单元304,用于获取可视区域的尺寸,作为第二聊天窗口的尺寸。
在一个可选的实现方式中,该装置还包括:裁剪单元305,用于根据第一聊天窗口的尺寸信息和第二聊天窗口的尺寸信息,以及在第一聊天窗口和第二聊天窗口在聊天界面的位置关系,裁剪第一背景图,得到第二背景图。
在一个可选的实现方式中,裁剪单元包括:第一确定模块3051,用于通过第一聊天窗口的尺寸信息和第二聊天窗口的尺寸信息,确定第一背景图的裁剪区域的尺寸;第二确定模块3052,用于通过第一聊天窗口和第二聊天窗口在聊天界面上的位置信息,确定裁剪区域在第一背景图上的位置;裁剪模块3053,用于按照裁剪区域对第一背景图进行裁剪,得到第二背景图。
在一个可选的实现方式中,裁剪区域的尺寸包括裁剪区域的高度和宽度;第二确定模块3053,具体用于:从第一聊天窗口的尺寸信息中确定第一聊天窗口的第一背景图区域的尺寸,从第二聊天窗口的尺寸信息中获取第二聊天窗口的第二背景图区域的尺寸;根据第一背景图区域的尺寸和第二背景图区域的尺寸,计算第一背景图区域和第二背景图区域的高度比例和宽度比例;将第一背景图的高度与高度比例相除,得到裁剪区域的高度,以及将第一背景图宽度与宽度比例相除,得到裁剪区域的宽度。
在一个可选的实现方式中,显示单元302,还用于在检测到虚拟键盘弹出指令之后,在第一聊天窗口未设置背景图的情况下,显示未填充背景图的第二聊天窗口。
在一个可选的实现方式中,显示单元302,还用于在检测到虚拟键盘关闭指令之后,且在第二聊天窗口设置有第二背景图的情况下,在聊天界面显示填充第一背景图的第一聊天窗口,虚拟键盘关闭指令用于指示在聊天界面关闭虚拟键盘。
根据本申请实施例,图1图2A中终端设备执行的方法所涉及的各个步骤均可以是由图3所示的显示窗口的显示装置中的各个单元来执行的。
上面图3从模块化功能实体的角度对本申请实施例中的显示窗口的显示装置进行详细描述,下面从硬件处理的角度对本申请实施例中电子设备进行详细描述。
图4是本申请实施例提供的一种电子设备的结构示意图,该电子设备400 可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上处理器 (centralprocessing units,CPU)401(例如,一个或一个以上处理器)和存储器409,一个或一个以上存储应用程序407或数据406的存储介质408(例如一个或一个以上海量存储设备)。其中,存储器409和存储介质408可以是短暂存储或持久存储。存储在存储介质408的程序可以包括一个或一个以上模块(图示没标出),每个模块可以包括对电子设备中的一系列指令操作。更进一步地,处理器401可以设置为与存储介质408通信,在电子设备400上执行存储介质408中的一系列指令操作。
电子设备400还可以包括一个或一个以上电源402,一个或一个以上有线或无线网络接口403,一个或一个以上输入输出接口404,和/或,一个或一个以上操作系统405,例如Windows Serve,Mac OS X,Unix,Linux,FreeBSD等等。本领域技术人员可以理解,图4中示出的电子设备结构并不构成对电子设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。处理器401可以执行上述实施例中填充单元301、显示单元302、确定单元303、获取单元304、和裁剪单元305的功能。
下面结合图4对电子设备的各个构成部件进行具体的介绍:
处理器401是电子设备的控制中心,可以按照设置的聊天窗口的显示方法进行处理。处理器401利用各种接口和线路连接整个电子设备的各个部分,通过运行或执行存储在存储器409内的软件程序和/或模块,以及调用存储在存储器409内的数据,执行电子设备的各种功能和处理数据,从而实现聊天窗口的显示。存储介质408和存储器409都是存储数据的载体,存储介质408可以是指储存容量较小,但速度快的内存储器,而存储器409可以是储存容量大,但储存速度慢的外存储器。
存储器409可用于存储软件程序以及模块,处理器401通过运行存储在存储器409的软件程序以及模块,从而执行电子设备400的各种功能应用以及数据处理。存储器409可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(将第二背景图填充到第二聊天窗口)等;存储数据区可存储根据电子设备的使用所创建的数据(比如第一聊天背景图和第二聊天背景图)等。此外,存储器409可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。在本申请实施例中提供的聊天窗口的显示方法程序和接收到的数据流存储在存储器中,当需要使用时,处理器401从存储器409 中调用。
在计算机上加载和执行计算机程序指令时,全部或部分地产生按照本申请实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一计算机可读存储介质传输,例如,计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、双绞线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,光盘)、或者半导体介质(例如固态硬盘(solid state disk, SSD))等。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品生产、销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read-only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所揭露的仅为本申请较佳实施例而已,当然不能以此来限定本申请之权利范围,因此依本申请权利要求所作的等同变化,仍属本申请所涵盖的范围。
Claims (10)
1.一种聊天窗口的展示方法,其特征在于,包括:
在第一聊天窗口设置有第一背景图的情况下,在检测到虚拟键盘弹出指令之后,将第二背景图填充到第二聊天窗口,所述第二背景图通过裁剪所述第一背景图得到,所述虚拟键盘弹出指令用于在所述聊天界面弹出所述虚拟键盘,所述第一聊天窗口为所述聊天界面在未弹出所述虚拟键盘情况下的聊天窗口,所述第二聊天窗口的尺寸与所述第一聊天窗口尺寸不同;
在所述聊天界面显示所述第二聊天窗口和所述虚拟键盘。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
确定所述聊天界面在显示所述虚拟键盘的情况下的可视区域,所述可视区域为在所述聊天界面中不被虚拟键盘、系统状态栏或系统导航栏遮挡的区域;
获取所述可视区域的尺寸,作为所述第二聊天窗口的尺寸。
3.根据权利要求2所述的方法,其特征在于,在将所述第二背景图填充到第二聊天窗口之前,所述方法还包括:
根据所述第一聊天窗口的尺寸信息和所述第二聊天窗口的尺寸信息,以及在所述第一聊天窗口和所述第二聊天窗口在所述聊天界面的位置关系,裁剪所述第一背景图,得到所述第二背景图。
4.根据权利要求3所述的方法,其特征在于,所述根据所述第一聊天窗口和所述第二聊天窗口的尺寸信息和在所述聊天界面的位置关系,裁剪所述第一背景图,得到所述第二背景图包括:
通过所述第一聊天窗口的尺寸信息和所述第二聊天窗口的尺寸信息,确定所述第一背景图的裁剪区域的尺寸;
通过所述第一聊天窗口和所述第二聊天窗口在所述聊天界面上的位置信息,确定所述裁剪区域在所述第一背景图上的位置;
按照所述裁剪区域对所述第一背景图进行裁剪,得到所述第二背景图。
5.根据权利要求4所述的方法,其特征在于,所述裁剪区域的尺寸包括裁剪区域的高度和宽度;
所述通过所述第一聊天窗口和所述第二聊天窗口的尺寸信息,确定所述第一背景图的裁剪区域的尺寸,包括:
从第一聊天窗口的尺寸信息中确定第一聊天窗口的第一背景图区域的尺寸,从第二聊天窗口的尺寸信息中获取第二聊天窗口的第二背景图区域的尺寸;
根据所述第一背景图区域的尺寸和所述第二背景图区域的尺寸,计算所述第一背景图区域和所述第二背景图区域的高度比例和宽度比例;
将所述第一背景图的高度与所述高度比例相除,得到所述裁剪区域的高度,以及将所述第一背景图宽度与所述宽度比例相除,得到所述裁剪区域的宽度。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在检测到虚拟键盘弹出指令之后,在所述第一聊天窗口未设置背景图的情况下,显示未填充背景图的所述第二聊天窗口。
7.根据权利要求1-6中任一项所述的方法,其特征在于,所述方法还包括:
在检测到虚拟键盘关闭指令之后,且在第二聊天窗口设置有所述第二背景图的情况下,在所述聊天界面显示填充所述第一背景图的第一聊天窗口,所述虚拟键盘关闭指令用于指示在所述聊天界面关闭所述虚拟键盘。
8.一种聊天窗口的展示装置,其特征在于,包括:
填充单元,用于在检测到虚拟键盘弹出指令之后,且在第一聊天窗口设置有第一背景图的情况下,将第二背景图填充到第二聊天窗口,所述第二背景图通过裁剪所述第一背景图得到,所述虚拟键盘弹出指令用于在所述聊天界面显示所述虚拟键盘,所述第一聊天窗口为所述聊天界面在未显示所述虚拟键盘情况下的聊天窗口,所述第二聊天窗口的尺寸与所述第一聊天窗口不同;
显示单元,用于在所述聊天界面显示所述第二聊天窗口和所述虚拟键盘。
9.一种电子设备,包括接收器和发送器,其特征在于,还包括:
处理器,适于实现一条或多条指令;以及,
计算机存储介质,所述计算机存储介质存储有一条或多条指令,所述一条或多条指令适于由所述处理器加载并执行如权利要求1至7任一项所述的聊天窗口的展示方法。
10.一种计算机存储介质,其特征在于,所述计算机存储介质存储有一条或多条指令,所述一条或多条指令适于由处理器加载并执行如权利要求1至7任一项所述的聊天窗口的展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010034203.8A CN111240550B (zh) | 2020-01-13 | 2020-01-13 | 聊天窗口的展示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010034203.8A CN111240550B (zh) | 2020-01-13 | 2020-01-13 | 聊天窗口的展示方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111240550A true CN111240550A (zh) | 2020-06-05 |
CN111240550B CN111240550B (zh) | 2021-07-06 |
Family
ID=70876493
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010034203.8A Active CN111240550B (zh) | 2020-01-13 | 2020-01-13 | 聊天窗口的展示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111240550B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113835812A (zh) * | 2021-09-24 | 2021-12-24 | 深圳集智数字科技有限公司 | 聊天界面展示方法、装置、电子设备及存储介质 |
WO2022127728A1 (zh) * | 2020-12-16 | 2022-06-23 | 华为技术有限公司 | 一种应用界面的裁剪方法及电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2383638A2 (en) * | 2010-04-09 | 2011-11-02 | Sony Computer Entertainment Inc. | Information processing apparatus |
CN102446082A (zh) * | 2011-08-29 | 2012-05-09 | 广东威创视讯科技股份有限公司 | 窗口刷新方法与装置 |
CN104049843A (zh) * | 2014-06-03 | 2014-09-17 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN105607816A (zh) * | 2015-09-23 | 2016-05-25 | 宇龙计算机通信科技(深圳)有限公司 | 聊天列表的显示方法及装置 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
-
2020
- 2020-01-13 CN CN202010034203.8A patent/CN111240550B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2383638A2 (en) * | 2010-04-09 | 2011-11-02 | Sony Computer Entertainment Inc. | Information processing apparatus |
CN102446082A (zh) * | 2011-08-29 | 2012-05-09 | 广东威创视讯科技股份有限公司 | 窗口刷新方法与装置 |
CN104049843A (zh) * | 2014-06-03 | 2014-09-17 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN105607816A (zh) * | 2015-09-23 | 2016-05-25 | 宇龙计算机通信科技(深圳)有限公司 | 聊天列表的显示方法及装置 |
CN108196755A (zh) * | 2018-01-30 | 2018-06-22 | 腾讯科技(深圳)有限公司 | 背景图片显示方法及装置 |
Non-Patent Citations (1)
Title |
---|
1503849: "解决键盘弹出时,webview被挤压导致背景图片被挤压出空白", 《51CTO博客,HTTPS://BLOG.51CTO.COM/8432499/1836384》 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2022127728A1 (zh) * | 2020-12-16 | 2022-06-23 | 华为技术有限公司 | 一种应用界面的裁剪方法及电子设备 |
CN113835812A (zh) * | 2021-09-24 | 2021-12-24 | 深圳集智数字科技有限公司 | 聊天界面展示方法、装置、电子设备及存储介质 |
CN113835812B (zh) * | 2021-09-24 | 2024-04-30 | 深圳集智数字科技有限公司 | 聊天界面展示方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111240550B (zh) | 2021-07-06 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109461199B (zh) | 画面渲染方法和装置、存储介质及电子装置 | |
CN107368410B (zh) | 游戏引擎的性能测试方法和装置、存储介质及电子装置 | |
CN111240550B (zh) | 聊天窗口的展示方法、装置、电子设备及存储介质 | |
CN114779987B (zh) | 显示内容的方法、装置、终端及存储介质 | |
CN106327540B (zh) | 基于OpenGL View的控制方法、装置及终端 | |
CN111722885B (zh) | 程序运行方法、装置以及电子设备 | |
CN106062693B (zh) | 桌面分享方法和移动终端 | |
CN111124567B (zh) | 目标应用的操作录制方法和装置 | |
EP2849060A1 (en) | Mobile terminal and application program management method thereof | |
CN111737618A (zh) | 用于Web端的矢量图显示方法、装置和计算机设备 | |
CN108234489B (zh) | 直播推荐信息处理方法、装置及终端设备 | |
CN112200861B (zh) | 柱类型的确定方法和装置、存储介质及电子设备 | |
CN111881230A (zh) | 一种地图区域的渲染方法、装置及电子设备 | |
CN108647069B (zh) | 界面显示方法和装置、存储介质及电子装置 | |
CN113852763B (zh) | 音视频处理方法、装置、电子设备和存储介质 | |
CN115994011A (zh) | 信息展示方法、装置、存储介质及电子设备 | |
CN114356264B (zh) | 一种信号生成方法、装置、设备及可读存储介质 | |
CN112988810B (zh) | 信息查找方法、装置及设备 | |
CN112118474B (zh) | 视频弹幕的显示方法、系统、计算机设备及可读存储介质 | |
CN113082699B (zh) | 游戏的显示控制方法、装置以及电子终端 | |
CN114155334A (zh) | 一种场景渲染方法、装置、计算机设备及存储介质 | |
CN114020396A (zh) | 应用程序的显示方法和应用程序的数据生成方法 | |
CN113360692A (zh) | 轮播视图的展示方法与系统 | |
CN106055231A (zh) | 终端的操作方法及装置 | |
CN106406506B (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 |