CN116501227B - 图片显示方法、装置、电子设备及存储介质 - Google Patents
图片显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116501227B CN116501227B CN202310755198.3A CN202310755198A CN116501227B CN 116501227 B CN116501227 B CN 116501227B CN 202310755198 A CN202310755198 A CN 202310755198A CN 116501227 B CN116501227 B CN 116501227B
- Authority
- CN
- China
- Prior art keywords
- picture
- region
- area
- dynamic effect
- editing interface
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 63
- 230000000694 effects Effects 0.000 claims abstract description 150
- 230000003068 static effect Effects 0.000 claims abstract description 27
- 230000004044 response Effects 0.000 claims description 58
- 230000001960 triggered effect Effects 0.000 claims description 15
- 238000012790 confirmation Methods 0.000 claims description 13
- 230000008569 process Effects 0.000 abstract description 16
- 238000004140 cleaning Methods 0.000 description 24
- 239000011248 coating agent Substances 0.000 description 20
- 238000000576 coating method Methods 0.000 description 20
- 238000010586 diagram Methods 0.000 description 20
- 230000002093 peripheral effect Effects 0.000 description 10
- 238000012545 processing Methods 0.000 description 10
- 238000004891 communication Methods 0.000 description 7
- 238000010422 painting Methods 0.000 description 7
- 238000004590 computer program Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 241000208818 Helianthus Species 0.000 description 3
- 235000003222 Helianthus annuus Nutrition 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 2
- 239000000919 ceramic Substances 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 238000007906 compression Methods 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 238000013475 authorization Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 239000010409 thin film Substances 0.000 description 1
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/04842—Selection of displayed objects or displayed text elements
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2210/00—Indexing scheme for image generation or computer graphics
- G06T2210/44—Morphing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
Abstract
本公开提供了一种图片显示方法、装置、电子设备及存储介质,属于多媒体技术领域。终端基于在图片编辑界面中的区域选择操作,能够在图片编辑界面当前显示的静态图片中确定待添加动态效果的目标区域。然后通过对目标区域的方向设置操作,能够基于方向设置操作指示的至少一个对象的形变方向,确定至少一个对象的动态效果。相较于通过拼接多张静态图片显示的动态图片,本公开实施例无需获取多张静态图片,而是通过在静态图片的目标区域中添加至少一个对象的动态效果,将静态图片动态化。这样既能通过静态图片生成动态图片,又能简化生成动态图片的操作过程,提高用户体验。
Description
技术领域
本公开涉及多媒体技术领域,特别涉及一种图片显示方法、装置、电子设备及存储介质。
背景技术
随着多媒体技术和互联网技术的不断发展,终端上显示的多媒体资源的类型也越来越丰富。以多媒体资源为图片为例,图片可以分为静态图片和动态图片。相较于静态图片,动态图片包括更丰富的信息,具有更好的显示效果。然而,由于静态图片是生成动态图片的基础。因此,如何通过静态图片显示动态图片是一个需要解决的技术问题。
相关技术中,在通过静态图片显示动态图片的过程中,通常需要获取多张静态图片,然后按照预设的时间顺序,对多张静态图片进行拼接,得到动态图片。在这种情况下,用户在终端上观看到的动态图片是通过一系列静态图片的快速播放形成的动态效果。
然而,上述方案需要对多张静态图片进行处理,生成动态图片的操作过程较为复杂,导致动态图片的生成速度较慢,降低了用户体验。
发明内容
本公开提供一种图片显示方法、装置、电子设备及存储介质,能够通过在静态图片的目标区域中添加至少一个对象的动态效果,将静态图片动态化。既简化了生成动态图片的过程,又提高了用户体验。本公开的技术方案如下所述。
根据本公开实施例的一方面,提供一种图片显示方法,包括:
响应于在图片编辑界面中的区域选择操作,在所述图片编辑界面当前显示的第一图片中确定目标区域,所述第一图片为包括至少一个对象的静态图片,所述目标区域为待添加动态效果的区域,所述动态效果用于指示对所述至少一个对象进行形变所产生的效果;
响应于对所述目标区域的方向设置操作,确定所述至少一个对象的形变方向;
基于所述至少一个对象的形变方向,显示第二图片,所述第二图片为在所述目标区域中显示所述至少一个对象的动态效果的动态图片。
根据本公开实施例的另一方面,提供一种图片显示装置,包括:
第一确定单元,被配置为响应于在图片编辑界面中的区域选择操作,在所述图片编辑界面当前显示的第一图片中确定目标区域,所述第一图片为包括至少一个对象的静态图片,所述目标区域为待添加动态效果的区域,所述动态效果用于指示对所述至少一个对象进行形变所产生的效果;
第二确定单元,被配置为响应于对所述目标区域的方向设置操作,确定所述至少一个对象的形变方向;
第一显示单元,被配置为基于所述至少一个对象的形变方向,显示第二图片,所述第二图片为在所述目标区域中显示所述至少一个对象的动态效果的动态图片。
在一些实施例中,所述区域选择操作为对象选择操作;
所述第一确定单元,还被配置为响应于在所述图片编辑界面中的对象选择操作,在所述第一图片中确定所述对象选择操作选择的至少一个目标对象;将所述至少一个目标对象所处的区域确定为所述目标区域。
在一些实施例中,所述区域选择操作为涂抹操作;
所述第一确定单元,还被配置为响应于在所述图片编辑界面中的涂抹操作,在所述静态图片中确定所述涂抹操作的涂抹区域;在所述涂抹区域完全覆盖所述至少一个对象的情况下,将所述涂抹区域确定为所述目标区域。
在一些实施例中,所述装置还包括:
第二显示单元,被配置为在所述涂抹区域未完全覆盖所述至少一个对象的情况下,在所述图片编辑界面中显示第一提示信息,所述第一提示信息用于提示图片编辑对象是否继续在所述图片编辑界面中进行涂抹;
更新单元,被配置为响应于对所述第一提示信息的确认操作,基于在所述图片编辑界面中的涂抹操作,对所述涂抹区域进行更新。
在一些实施例中,所述图片编辑界面还显示有清除控件;
所述装置还包括:
所述第二显示单元,还被配置为在所述涂抹区域完全覆盖所述至少一个对象且还覆盖所述静态图片的背景区域的情况下,在所述图片编辑界面中显示第二提示信息,所述第二提示信息用于提示图片编辑对象是否对所述涂抹区域进行修改;
所述第二显示单元,还被配置为响应于对所述第二提示信息的确认操作,基于对所述清除控件的触发操作,显示清除道具,所述清除道具用于对所述涂抹区域进行清除;
清除单元,被配置为基于对所述清除道具的拖动操作,清除所述清除道具经过的涂抹区域。
在一些实施例中,所述第二确定单元,包括:
第一确定子单元,被配置为在所述至少一个对象的对象类型相同的情况下,响应于对所述目标区域中任一对象的方向设置操作,确定所述对象的形变方向;
第二确定子单元,被配置为将所述对象的形变方向确定为所述至少一个对象的形变方向。
在一些实施例中,所述装置还包括:
第三显示单元,被配置为响应于所述方向设置操作完成,在所述图片编辑界面中显示进度条和播放控件;
第四显示单元,被配置为响应于对所述播放控件的触发操作,显示所述第二图片的动态效果,通过所述进度条显示所述动态效果的播放进度。
在一些实施例中,所述图片编辑界面还显示有图片编辑控件;
所述装置还包括:
第五显示单元,被配置为响应于对所述图片编辑控件的触发操作,在所述图片编辑界面中显示第一区域和第二区域,所述第一区域显示有所述静态图片,所述第二区域显示有区域选择控件和动态效果添加控件;
所述第一确定单元,被配置为响应于对所述区域选择控件的触发操作,基于在所述静态图片中的区域选择操作,在所述静态图片中确定目标区域;
所述第二确定单元,被配置为响应于对所述动态效果添加控件的触发操作,基于对所述目标区域的方向设置操作,确定所述至少一个对象的形变方向。
在一些实施例中,所述第五显示单元,还被配置为在首次触发所述图片编辑控件的情况下,将所述区域选择控件显示为可触发状态,将所述动态效果添加控件显示为不可触发状态;在所述区域选择操作完成的情况下,将所述动态效果添加控件显示为可触发状态。
在一些实施例中,所述第五显示单元,还被配置为在非首次触发所述图片编辑控件的情况下,将所述区域选择控件和所述动态效果添加控件显示为可触发状态。
根据本公开实施例的另一方面,提供一种电子设备,该电子设备包括:
一个或多个处理器;
用于存储该处理器可执行程序代码的存储器;
其中,该处理器被配置为执行该程序代码,以实现上述图片显示方法。
根据本公开实施例的另一方面,提供一种计算机可读存储介质,当该计算机可读存储介质中的程序代码由电子设备的处理器执行时,使得电子设备能够执行上述图片显示方法。
根据本公开实施例的另一方面,提供了一种计算机程序产品,包括计算机程序/指令,该计算机程序/指令被处理器执行时实现上述图片显示法。
本公开实施例提供了一种图片显示方法,通过在图片编辑界面中的区域选择操作,能够在图片编辑界面当前显示的静态图片中确定待添加动态效果的目标区域。然后通过对目标区域的方向设置操作,能够基于方向设置操作指示的至少一个对象的形变方向,确定至少一个对象的动态效果。相较于通过拼接多张静态图片显示的动态图片,本公开实施例无需获取多张静态图片,而是通过在静态图片的目标区域中添加至少一个对象的动态效果,将静态图片动态化。这样既能通过静态图片生成动态图片,又能简化生成动态图片的操作过程,提高人机交互效率,从而提高用户体验。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种图片显示方法的实施环境示意图;
图2是根据一示例性实施例示出的一种图片显示方法的流程图;
图3是根据一示例性实施例示出的另一种图片显示方法的流程图;
图4是根据一示例性实施例示出的一种图片编辑界面的示意图;
图5是根据一示例性实施例示出的另一种图片编辑界面的示意图;
图6是根据一示例性实施例示出的再一种图片编辑界面的示意图;
图7是根据一示例性实施例示出的一种第一提示信息的示意图;
图8是根据一示例性实施例示出的一种第二提示信息的示意图;
图9是根据一示例性实施例示出的又一种图片编辑界面的示意图;
图10是根据一示例性实施例示出的一种播放控件和进度条的示意图;
图11是根据一示例性实施例示出的一种图片显示装置的框图;
图12是根据一示例性实施例示出的另一种图片显示装置的框图;
图13是根据一示例性实施例示出的一种终端的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
需要说明的是,本公开所涉及的信息(包括但不限于用户设备信息、用户个人信息等)、数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)以及信号,均为经用户授权或者经过各方充分授权的,且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。例如,本公开中涉及到的第一图片是在充分授权的情况下获取的。
图1是根据一示例性实施例示出的一种图片显示方法的实施环境示意图。参见图1,该实施环境具体包括:终端101和服务器102。
终端101可以为智能手机、智能手表、台式电脑、手提电脑、MP3播放器(MovingPicture Experts Group Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器和膝上型便携计算机等设备中的至少一种。终端101上可以安装并运行有进行图片编辑的应用程序,用户可以通过终端101登录该应用程序来获取该应用程序提供的服务。该应用程度与服务器102关联,由服务器102提供后台服务。终端101可以通过无线网络或有线网络与服务器102相连。
终端101可以泛指多个终端中的一个,本实施例仅以终端101来举例说明。本领域技术人员可以知晓,上述终端的数量可以更多或更少。比如上述终端可以仅为几个,或者上述终端为几十个或几百个,或者更多数量,本公开实施例对终端的数量和设备类型均不加以限定。
服务器102可以为一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。服务器102可以通过无线网络或有线网络与终端101和其他终端相连,可选地,上述服务器的数量可以更多或更少,本公开实施例对此不加以限定。当然,服务器102还可以包括其他功能服务器,以便提供更全面且多样化的服务。
图2是根据一示例性实施例示出的一种图片显示方法的流程图,如图2所示,该方法由电子设备执行,包括以下步骤。
在步骤S201中,响应于在图片编辑界面中的区域选择操作,电子设备在图片编辑界面当前显示的第一图片中确定目标区域,第一图片为包括至少一个对象的静态图片,目标区域为待添加动态效果的区域,动态效果用于指示对至少一个对象进行形变所产生的效果。
在本公开实施例中,电子设备上安装有视频客户端,图片编辑对象通过视频客户端可以发布各种多媒体资源。其中,图片编辑对象可以为用户。在发布多媒体资源之前,图片编辑对象能够通过该视频客户端对多媒体资源进行编辑。以多媒体资源为图片为例,电子设备能够显示图片编辑界面,以供图片编辑对象对图片进行编辑。其中,图片编辑界面显示有待编辑的第一图片和用于对第一图片进行编辑的编辑控件。第一图片由图片编辑对象上传,第一图片为包括至少一个对象的静态图片。静态图片可以为该电子设备本地存储的静态图片,也可以是当前拍摄的静态图片等。本公开实施例对该静态图片的格式和来源不做限定。
在一些实施例中,电子设备在获取到第一图片后,对图片编辑对象在图片编辑界面中的区域选择操作进行检测。或者,电子设备在预设条件满足的情况下,才对图片编辑对象在图片编辑界面中的区域选择操作进行检测。然后电子设备基于检测到的区域选择操作,在第一图片中确定目标区域。其中,预设条件可以为图片编辑对象对编辑控件进行触发,区域选择操作可以为点击操作、长按操作、滑动操作等。目标区域为待添加动态效果的区域。动态效果为对目标区域中显示的至少一个对象进行形变所产生的效果。
在步骤S202中,响应于对目标区域的方向设置操作,电子设备确定至少一个对象的形变方向。
在本公开实施例中,在基于区域选择操作确定目标区域之后,电子设备能够对图片编辑对象对目标区域的方向设置操作进行检测。然后电子设备基于检测到的方向设置操作,能够在目标区域中确定至少一个对象的形变方向。其中,方向设置操作可以为滑动操作、点击操作等。对象的形变方向用于指示对象的动态效果。
在一些实施例中,在基于区域选择操作确定目标区域之后,电子设备需要在预设条件满足的情况下,才能对图片编辑对象对目标区域的方向设置操作进行检测。其中,该预设条件可以为图片编辑对象对编辑控件进行触发。
在步骤S203中,电子设备基于至少一个对象的形变方向,显示第二图片,第二图片为在目标区域中显示至少一个对象的动态效果的动态图片。
在本公开实施例中,对于任一对象,电子设备基于对象的形变方向,对该对象进行形变,能够得到对象的动态效果。该动态效果即为沿着形变方向对对象进行形变所产生的效果。电子设备基于至少一个对象的动态效果,能够显示对第一图片进行编辑得到的第二图片。其中,第二图片为包括至少一个对象的动态图片。
本公开实施例提供了一种图片显示方法,通过在图片编辑界面中的区域选择操作,能够在图片编辑界面当前显示的静态图片中确定待添加动态效果的目标区域。然后通过对目标区域的方向设置操作,能够基于方向设置操作指示的至少一个对象的形变方向,确定至少一个对象的动态效果。相较于通过拼接多张静态图片显示的动态图片,本公开实施例无需获取多张静态图片,而是通过在静态图片的目标区域中添加至少一个对象的动态效果,将静态图片动态化。这样既能通过静态图片生成动态图片,又能简化生成动态图片的操作过程,提高人机交互效率,从而提高用户体验。
在一些实施例中,区域选择操作为对象选择操作;
响应于在图片编辑界面中的区域选择操作,在图片编辑界面当前显示的第一图片中确定目标区域,包括:
响应于在图片编辑界面中的对象选择操作,在第一图片中确定对象选择操作选择的至少一个目标对象;
将至少一个目标对象所处的区域确定为目标区域。
在本公开实施例中,在检测到图片编辑对象在图片编辑界面中的对象选择操作的情况下,电子设备通过确定对象选择操作在第一图片的至少一个对象中选择的至少一个目标对象,能够使得电子设备将至少一个目标对象在第一图片中所处的区域确定为待添加动态效果的目标区域。这样无需图片编辑对象手动选择目标区域,电子设备根据图片编辑对象对第一图片的对象选择操作,即可自动将目标对象所处的区域确定为目标区域,简化了操作流程,提高了第一图片的编辑效率。
在一些实施例中,区域选择操作为涂抹操作;
响应于在图片编辑界面中的区域选择操作,在图片编辑界面当前显示的第一图片中确定目标区域,包括:
响应于在图片编辑界面中的涂抹操作,在静态图片中确定涂抹操作的涂抹区域;
在涂抹区域完全覆盖至少一个对象的情况下,将涂抹区域确定为目标区域。
在本公开实施例中,该涂抹操作可以为滑动操作、点击操作等。在检测到图片编辑对象在图片编辑界面中的涂抹选择操作的情况下,电子设备通过确定涂抹操作在第一图片中的涂抹区域,能够在涂抹区域完全覆盖至少一个对象的情况下,将涂抹区域确定为待添加动态效果的目标区域。图片编辑对象通过手动涂抹的方式从第一图片中选择想要添加动态效果的目标区域,能够在确定目标区域的同时,提高用户体验。
在一些实施例中,方法还包括:
在涂抹区域未完全覆盖至少一个对象的情况下,在图片编辑界面中显示第一提示信息,第一提示信息用于提示图片编辑对象是否继续在图片编辑界面中进行涂抹;
响应于对第一提示信息的确认操作,基于在图片编辑界面中的涂抹操作,对涂抹区域进行更新。
在本公开实施例中,在涂抹区域未完全覆盖至少一个对象的情况下,表明涂抹区域只覆盖了至少一个对象的部分区域。因此,电子设备能够通过显示第一提示信息,来提示图片编辑对象是否在图片编辑界面中继续进行涂抹。在图片编辑对象对第一提示信息进行确认的情况下,电子设备能够继续根据图片编辑对象的涂抹操作,对涂抹区域进行更新。这样能够避免在对目标区域进行方向设置操作的过程中,出现第二图片只显示有对象部分区域的动态效果的情况发生,保证了第二图片动态效果的显示质量。
在一些实施例中,图片编辑界面还显示有清除控件;
方法还包括:
在涂抹区域完全覆盖至少一个对象且还覆盖静态图片的背景区域的情况下,在图片编辑界面中显示第二提示信息,第二提示信息用于提示图片编辑对象是否对涂抹区域进行修改;
响应于对第二提示信息的确认操作,基于对清除控件的触发操作,在第一区域中显示清除道具,清除道具用于对涂抹区域进行清除;
基于对清除道具的拖动操作,清除清除道具经过的涂抹区域。
在本公开实施例中,在涂抹区域完全覆盖至少一个对象且还覆盖静态图片的背景区域的情况下,表明涂抹区域除了覆盖至少一个对象所处的区域外,还覆盖了不需要添加动态效果的背景区域。因此,电子设备能够通过显示第二提示信息,来提示图片编辑对象是否对涂抹区域进行修改。由于图片编辑界面还显示有清除控件,因此在图片编辑对象对第二提示信息进行确认的情况下,电子设备能够基于图片编辑对象对清除控件的触发操作,显示用于对涂抹区域进行清除道具。电子设备通过检测图片编辑对象对清除道具的拖动操作,能够对清除道具经过的涂抹区域进行清除。这样能够避免涂抹区域覆盖有不需要添加动态效果的背景区域,在对目标区域进行方向设置操作的过程中,避免静态图片的背景区域也发生形变的情况发生,保证了静态图片动态化得到的第二图片的图片质量。
在一些实施例中,响应于对目标区域的方向设置操作,确定至少一个对象的形变方向,包括:
在至少一个对象的对象类型相同的情况下,响应于对目标区域中任一对象的方向设置操作,确定对象的形变方向;
将对象的形变方向确定为至少一个对象的形变方向。
在本公开实施例中,在至少一个对象的对象类型相同的情况下,表明目标区域中至少一个对象的对象类型都相同。因此,电子设备能够在检测到图片编辑对象对目标区域中任一对象的方向设置操作的情况下,将方向设置操作对应的对象的形变方向确定为剩余未进行方向设置操作的对象的形变方向。电子设备通过把一个对象的形变方向施加到其他对象,能够简化图片编辑对象的操作流程,提高了第一图片的编辑效率。
在一些实施例中,方法还包括:
响应于方向设置操作完成,在图片编辑界面中显示进度条和播放控件;
响应于对播放控件的触发操作,显示第二图片的动态效果,通过进度条显示动态效果的播放进度。
在本公开实施例中,图片编辑对象通过触发该播放控件,电子设备能够在图片编辑界面显示第二图片中至少一个对象的动态效果,并通过进度条显示动态效果的播放进度。这样通过触发播放控件,图片编辑对象能够对第二图片的动态效果进行预览。并且通过拖到进度条,电子设备能够控制动态效果的播放进度,方便图片编辑对象详细全面的观看该动态效果。
在一些实施例中,图片编辑界面还显示有图片编辑控件;
方法还包括:
响应于对图片编辑控件的触发操作,在图片编辑界面中显示第一区域和第二区域,第一区域显示有静态图片,第二区域显示有区域选择控件和动态效果添加控件;
响应于在图片编辑界面中的区域选择操作,在图片编辑界面当前显示的第一图片中确定目标区域,包括:
响应于对区域选择控件的触发操作,基于在静态图片中的区域选择操作,在静态图片中确定目标区域;
响应于对目标区域的方向设置操作,确定至少一个对象的形变方向,包括:
响应于对动态效果添加控件的触发操作,基于对目标区域的方向设置操作,确定至少一个对象的形变方向。
在本公开实施例中,图片编辑界面还显示有图片编辑控件。电子设备响应于对图片编辑控件的触发操作,能够显示用于对第一图片进行编辑的区域选择控件和动态效果添加控件。通过触发该区域选择控件,电子设备能够在第一图片中确定待添加动态效果的目标区域。然后通过触发动态效果添加控件,电子设备能够基于对目标区域的方向设置操作,确定目标区域中至少一个对象的动态效果。电子设备通过在目标区域中添加至少一个对象的动态效果,将静态图片动态化,能够简化生成动态图片的操作过程,提高用户体验。
在一些实施例中,方法还包括:
在首次触发图片编辑控件的情况下,将区域选择控件显示为可触发状态,将动态效果添加控件显示为不可触发状态;
在所述区域选择操作完成的情况下,将所述动态效果添加控件显示为可触发状态。
在本公开实施例中,在首次触发图片编辑控件的情况下,表明电子设备还未对第一图片进行编辑。由于图片编辑对象在对第一图片进行区域选择操作之后,才能继续对基于区域选择操作确定的目标区域进行方向设置操作。因此电子设备能够在首次触发图片编辑控件的情况下,将区域选择控件显示为可触发状态,将动态效果添加控件显示为不可触发状态。并在区域选择操作完成时,才将动态效果添加控件显示为可触发状态,供图片编辑对象触发。这样避免了图片编辑对象操作错误的情况下发生,提高了第一图片的编辑效率。
在一些实施例中,方法还包括:
在非首次触发图片编辑控件的情况下,将区域选择控件和动态效果添加控件显示为可触发状态。
在本公开实施例中,在非首次触发图片编辑控件的情况下,表明电子设备已经基于图片编辑对象在第一图片中的区域选择操作确定了目标区域,因此电子设备能够将区域选择控件和动态效果添加控件都显示为可触发状态。这样能够方便图片编辑对象基于可触发的动态效果添加控件对先前在目标区域设置的方向设置操作进行修改,无需受到区域选择操作的限制。
上述图2所示仅为本公开的基本流程,下面基于一种具体实现方式,来对本公开提供的方案进行进一步阐述,图3是根据一示例性实施例示出的另一种图片显示的方法的流程图。该方法由电子设备执行,参见图3,该方法包括以下步骤。
在步骤S301中,响应于对图片编辑界面中图片编辑控件的触发操作,电子设备在图片编辑界面中显示第一区域和第二区域,第一区域显示有第一图片,第二区域显示有区域选择控件和动态效果添加控件,第一图片为包括至少一个对象的静态图片。
在本公开实施例中,电子设备上安装有视频客户端,图片编辑对象通过视频客户端可以发布各种多媒体资源。在发布多媒体资源之前,图片编辑对象能够通过该视频客户端对多媒体资源进行编辑。以多媒体资源为图片为例,电子设备能够显示图片编辑界面,以供图片编辑对象对图片进行编辑。通过触发图片编辑界面中的图片编辑控件,电子设备能够显示第一区域和第二区域。其中,第一区域显示有待编辑的第一图片,第二区域显示有用于对第一图片进行编辑的区域选择控件和动态效果添加控件。第一图片为包括至少一个对象的静态图片。静态图片可以为电子设备本地存储的静态图片,也可以是当前拍摄的静态图片等。本公开实施例对静态图片的格式和来源不做限定。
例如,图4是根据一示例性实施例示出的一种图片编辑界面的示意图。如图4所示,图片编辑界面401显示有图片编辑控件402和待编辑的第一图片。该第一图片为包括向日葵的静态图片。除了图片编辑控件402,图片编辑界面还显示有其他编辑控件,如配乐控件“配乐”、文字添加控件“文字”以及画质增强控件“画质增强”等。图5是根据一示例性实施例示出的另一种图片编辑界面的示意图。如图5所示,电子设备响应于对该图片编辑控件402的触发操作,在图片编辑界面401显示第一区域501和第二区域502。第一区域501显示有待编辑的第一图片,第二区域502显示有区域选择控件“选择动画区域”和动态效果添加控件“设置动画方向”。
在一些实施例中,电子设备可能是首次触发该图片编辑控件,也可能是非首次触发图片编辑控件。相应的,在首次或非首次触发图片编辑控件的情况下,电子设备能够将区域选择控件刚和动态效果添加控件显示成不同的状态,具体情况请参见下述情况一和情况二。
情况一:在首次触发图片编辑控件的情况下,电子设备将区域选择控件显示为可触发状态,将动态效果添加控件显示为不可触发状态;在区域选择操作完成的情况下,将动态效果添加控件显示为可触发状态。其中,在首次触发图片编辑控件的情况下,表明电子设备还未对第一图片进行编辑。由于图片编辑对象在对第一图片进行区域选择操作之后,才能继续对基于区域选择操作确定的目标区域进行方向设置操作。因此电子设备能够在首次触发图片编辑控件的情况下,将区域选择控件显示为可触发状态,将动态效果添加控件显示为不可触发状态。并在区域选择操作完成时,才将动态效果添加控件显示为可触发状态,供图片编辑对象触发。这样避免了图片编辑对象操作错误的情况下发生,提高了第一图片的编辑效率。
情况二:在非首次触发图片编辑控件的情况下,电子设备将区域选择控件和动态效果添加控件显示为可触发状态。其中,在非首次触发图片编辑控件的情况下,表明电子设备已经基于图片编辑对象在第一图片中的区域选择操作确定了目标区域,因此电子设备能够将区域选择控件和动态效果添加控件都显示为可触发状态。这样能够方便图片编辑对象基于可触发的动态效果添加控件对先前在目标区域设置的方向设置操作进行修改,无需受到区域选择操作的限制。
在步骤S302中,响应于对区域选择控件的触发操作,电子设备基于在静态图片中的区域选择操作,在静态图片中确定目标区域,目标区域为待添加动态效果的区域,动态效果用于指示对至少一个对象进行形变所产生的效果。
在本公开实施例中,在图片编辑对象触发区域选择控件之后,电子设备能够基于图片编辑对象在静态图片中的区域选择操作,在静态图片中确定目标区域。其中,区域选择操作可以为点击操作、长按操作、滑动操作等。目标区域为待添加动态效果的区域。动态效果为对目标区域中显示的至少一个对象进行形变所产生的效果。
在一些实施例中,区域选择操作可以为对象选择操作,也可以为涂抹操作。相应的,在区域选择操作为对象选择操作的情况下,电子设备通过下述方式一来确定目标区域;在区域选择操作为涂抹操作的情况下,电子设备通过下述方式二来确定目标区域。
方式一:响应于在图片编辑界面中的对象选择操作,电子设备在第一图片中确定对象选择操作选择的至少一个目标对象;将至少一个目标对象所处的区域确定为目标区域。其中,该对象选择操作可以为长按操作、双击操作以及轮廓描绘操作等。在检测到图片编辑对象在图片编辑界面中的对象选择操作的情况下,电子设备通过确定对象选择操作在第一图片的至少一个对象中选择的至少一个目标对象,能够将至少一个目标对象在第一图片中所处的区域确定为待添加动态效果的目标区域。这样无需图片编辑对象手动选择目标区域,电子设备根据图片编辑对象对第一图片的对象选择操作,即可自动将目标对象所处的区域确定为目标区域,简化了操作流程,提高了第一图片的编辑效率。
方式二:响应于在图片编辑界面中的涂抹操作,电子设备在静态图片中确定涂抹操作的涂抹区域;在涂抹区域完全覆盖至少一个对象的情况下,将涂抹区域确定为目标区域。其中,该涂抹操作可以为滑动操作、点击操作等。在检测到图片编辑对象在图片编辑界面中的涂抹选择操作的情况下,电子设备通过确定涂抹操作在第一图片中的涂抹区域,能够在涂抹区域完全覆盖至少一个对象的情况下,将涂抹区域确定为待添加动态效果的目标区域。图片编辑对象通过手动涂抹的方式从第一图片中选择想要添加动态效果的目标区域,能够在确定目标区域的同时,提高用户体验。
在一些实施例中,在涂抹区域未完全覆盖至少一个对象的情况下,电子设备能够提示图片编辑对象对涂抹操作对应的涂抹区域进行修改。相应地,在涂抹区域未完全覆盖至少一个对象的情况下,电子设备在图片编辑界面中显示第一提示信息,第一提示信息用于提示图片编辑对象是否继续在图片编辑界面中进行涂抹;响应于对第一提示信息的确认操作,电子设备基于在图片编辑界面中的涂抹操作,对涂抹区域进行更新。其中,第一图片为包括至少一个对象的静态图片,在涂抹区域未完全覆盖至少一个对象的情况下,表明涂抹区域只覆盖了至少一个对象的部分区域。若将该涂抹区域确定为目标区域,则在对目标区域进行方向设置操作的过程中,会出现第二图片只显示有对象的部分区域的动态效果,造成对象的部分动态化。因此,电子设备能够通过显示第一提示信息,来提示图片编辑对象是否在图片编辑界面中继续进行涂抹。在图片编辑对象对第一提示信息进行确认的情况下,电子设备能够继续根据图片编辑对象的涂抹操作,对涂抹区域进行更新。这样能够避免在对目标区域进行方向设置操作的过程中,出现第二图片只显示有对象部分区域的动态效果的情况发生,保证了第二图片动态效果的显示质量。
在一些实施例中,在涂抹区域覆盖了不需要添加动态效果的背景区域的情况下,电子设备能够提示图片编辑对象对涂抹操作对应的涂抹区域进行修改。相应地,在涂抹区域完全覆盖至少一个对象且还覆盖静态图片的背景区域的情况下,电子设备在图片编辑界面中显示第二提示信息,第二提示信息用于提示图片编辑对象是否对涂抹区域进行修改;响应于对第二提示信息的确认操作,电子设备基于对清除控件的触发操作,显示清除道具,清除道具用于对涂抹区域进行清除;电子设备基于对清除道具的拖动操作,清除清除道具经过的涂抹区域。其中,第一图片为包括至少一个对象的静态图片,在涂抹区域完全覆盖至少一个对象且还覆盖静态图片的背景区域的情况下,表明涂抹区域除了覆盖至少一个对象所处的区域外,还覆盖了不需要添加动态效果的背景区域。因此,电子设备能够通过显示第二提示信息,来提示图片编辑对象是否对涂抹区域进行修改。由于图片编辑界面还显示有清除控件,因此在图片编辑对象对第二提示信息进行确认的情况下,电子设备能够基于图片编辑对象对清除控件的触发操作,显示用于对涂抹区域进行清除道具。电子设备通过检测图片编辑对象对清除道具的拖动操作,能够对清除道具经过的涂抹区域进行清除。这样能够避免涂抹区域覆盖有不需要添加动态效果的背景区域,在对目标区域进行方向设置操作的过程中,避免静态图片的背景区域也发生形变的情况发生,保证了静态图片动态化得到的第二图片的图片质量。
例如,图6是根据一示例性实施例示出的再一种图片编辑界面的示意图,如图6所示,电子设备响应于在图片编辑界面中的涂抹操作,在静态图片中确定涂抹操作的涂抹区域601。该涂抹区域覆盖有静态图片中的一个向日葵。在该涂抹区域未全部覆盖至少一个对象的情况下,如图7所示,电子设备能够在图片编辑界面显示第一提示信息701。响应于对第一提示信息701的确认操作,电子设备能够基于涂抹操作,得到更新后的涂抹区域702,也即图中阴影区域。在涂抹区域全部覆盖至少一个对象且还覆盖静态图片的背景区域的情况下,如图8所示,电子设备能够在图片编辑界面中显示第二提示信息801。响应于对第二提示信息801的确认操作,电子设备能够基于对清除控件“清除”的触发操作,显示清除道具802。该清除道具802用于对涂抹区域803中覆盖的背景区域进行清除。
在步骤S303中,响应于对动态效果添加控件的触发操作,电子设备基于对目标区域的方向设置操作,确定至少一个对象的形变方向。
在本公开实施例中,在区域选择操作完成的情况下,电子设备在图片编辑对象触发图片编辑界面中的动态效果添加控件之后,才能够响应于该方向设置操作,确定至少一个对象的形变方向。其中,方向设置操作可以为滑动操作、点击操作等。至少一个对象的形变方向用于指示至少一个对象的动态效果。
例如,图9是根据一示例性实施例示出的又一种图片编辑界面的示意图,如图9所示,响应于对动态效果添加控件“设置动画方向”的触发操作,用户的手指能够在目标区域901中从向日葵的花盘开始向花瓣所在位置逐渐移动。电子设备基于用户的手指操作,在目标区域901中显示至少一个对象的形变方向。该形变方向即为目标区域901中的黑色虚线箭头所示的方向。
在一些实施例中,在目标区域中的对象属于同一对象类型的情况下,电子设备能够将任一对象的形变方向确定为其他对象的形变方向。相应地,在至少一个对象的对象类型相同的情况下,响应于对目标区域中任一对象的方向设置操作,电子设备确定对象的形变方向;将对象的形变方向确定为至少一个对象的形变方向。其中,在至少一个对象的对象类型相同的情况下,表明目标区域中至少一个对象的对象类型都相同。因此,电子设备能够在检测到图片编辑对象对目标区域中任一对象的方向设置操作的情况下,将方向设置操作对应的对象的形变方向确定为剩余未进行方向设置操作的对象的形变方向。电子设备通过把一个对象的形变方向施加到其他对象,能够简化图片编辑对象的操作流程,提高了第一图片的编辑效率。
在步骤S304中,响应于方向设置操作完成,电子设备基于至少一个对象的形变方向,在图片编辑界面中显示第二图片、进度条以及播放控件,第二图片为在目标区域中显示至少一个对象的动态效果的动态图片。
在本公开实施例中,在对目标区域的方向设置操作完成的情况下,对于任一对象,电子设备基于对象的形变方向,对该对象进行形变,能够得到对象的动态效果。该动态效果即为沿着形变方向对对象进行形变所产生的效果。电子设备基于至少一个对象的动态效果,能够显示对第一图片进行编辑得到的第二图片。电子设备还能够在显示第二图片的同时,在图片编辑界面显示进度条和播放控件。其中,第二图片为包括至少一个对象的动态图片。进度条用于显示第二图片中至少一个对象的动态效果的播放进度。
在步骤S305中,响应于对播放控件的触发操作,电子设备显示第二图片的动态效果,通过进度条显示动态效果的播放进度。
在本公开实施例中,在未触发播放控件的情况下,电子设备通过进度条显示的第二图片的动态效果的播放进度为0。此时图片编辑对象通过触发该播放控件,电子设备能够在图片编辑界面显示第二图片中至少一个对象的动态效果,并通过进度条显示动态效果的播放进度。这样通过触发播放控件,图片编辑对象能够对第二图片的动态效果进行预览。并且通过拖到进度条,电子设备能够控制动态效果的播放进度,方便图片编辑对象详细全面的观看该动态效果。
例如,图10是根据一示例性实施例示出的一种播放控件和进度条的示意图,如图10所示,在方向设置操作完成的情况下,电子设备能够在图片编辑界面显示播放控件1001和进度条1002。响应于对该播放控件1001的触发操作,电子设备能够通过进度条1002显示动态效果的播放进度。
本公开实施例提供了一种图片显示方法,通过在图片编辑界面中的区域选择操作,能够在图片编辑界面当前显示的静态图片中确定待添加动态效果的目标区域。然后通过对目标区域的方向设置操作,能够基于方向设置操作指示的至少一个对象的形变方向,确定至少一个对象的动态效果。相较于通过拼接多张静态图片显示的动态图片,本公开实施例无需获取多张静态图片,而是通过在静态图片的目标区域中添加至少一个对象的动态效果,将静态图片动态化。这样既能通过静态图片生成动态图片,又能简化生成动态图片的操作过程,提高人机交互效率,从而提高用户体验。
上述所有可选技术方案,可以采用任意结合形成本公开的可选实施例,在此不再一一赘述。
图11是根据一示例性实施例示出的一种图片显示装置的框图。参照图11,该装置包括:第一确定单元1101、第二确定单元1102以及第一显示单元1103。
第一确定单元1101,被配置为响应于在图片编辑界面中的区域选择操作,在图片编辑界面当前显示的第一图片中确定目标区域,第一图片为包括至少一个对象的静态图片,目标区域为待添加动态效果的区域,动态效果用于指示对至少一个对象进行形变所产生的效果;
第二确定单元1102,被配置为响应于对目标区域的方向设置操作,确定至少一个对象的形变方向;
第一显示单元1103,被配置为基于至少一个对象的形变方向,显示第二图片,第二图片为在目标区域中显示至少一个对象的动态效果的动态图片。
在一些实施例中,区域选择操作为对象选择操作;
第一确定单元1101,还被配置为响应于在图片编辑界面中的对象选择操作,在第一图片中确定对象选择操作选择的至少一个目标对象;将至少一个目标对象所处的区域确定为目标区域。
在一些实施例中,区域选择操作为涂抹操作;
第一确定单元1101,还被配置为响应于在图片编辑界面中的涂抹操作,在静态图片中确定涂抹操作的涂抹区域;在涂抹区域完全覆盖至少一个对象的情况下,将涂抹区域确定为目标区域。
在一些实施例中,图12是根据一示例性实施例示出的另一种图片显示装置的框图。参加图12,装置还包括:
第二显示单元1104,被配置为在涂抹区域未完全覆盖至少一个对象的情况下,在图片编辑界面中显示第一提示信息,第一提示信息用于提示图片编辑对象是否继续在图片编辑界面中进行涂抹;
更新单元1105,被配置为响应于对第一提示信息的确认操作,基于在图片编辑界面中的涂抹操作,对涂抹区域进行更新。
在一些实施例中,图片编辑界面还显示有清除控件;
继续参见图12,装置还包括:
第二显示单元1104,还被配置为在涂抹区域完全覆盖至少一个对象且还覆盖静态图片的背景区域的情况下,在图片编辑界面中显示第二提示信息,第二提示信息用于提示图片编辑对象是否对涂抹区域进行修改;
第二显示单元1104,还被配置为响应于对第二提示信息的确认操作,基于对清除控件的触发操作,显示清除道具,清除道具用于对涂抹区域进行清除;
清除单元1106,被配置为基于对清除道具的拖动操作,清除清除道具经过的涂抹区域。
在一些实施例中,继续参见图12,第二确定单元1102,包括:
第一确定子单元1201,被配置为在至少一个对象的对象类型相同的情况下,响应于对目标区域中任一对象的方向设置操作,确定对象的形变方向;
第二确定子单元1202,被配置为将对象的形变方向确定为至少一个对象的形变方向。
在一些实施例中,继续参见图12,装置还包括:
第三显示单元1107,被配置为响应于方向设置操作完成,在图片编辑界面中显示进度条和播放控件;
第四显示单元1108,被配置为响应于对播放控件的触发操作,显示第二图片的动态效果,通过进度条显示动态效果的播放进度。
在一些实施例中,图片编辑界面还显示有图片编辑控件;
继续参见图12,装置还包括:
第五显示单元1109,被配置为响应于对图片编辑控件的触发操作,在图片编辑界面中显示第一区域和第二区域,第一区域显示有静态图片,第二区域显示有区域选择控件和动态效果添加控件;
第一确定单元1101,被配置为响应于对区域选择控件的触发操作,基于在静态图片中的区域选择操作,在静态图片中确定目标区域;
第二确定单元1102,被配置为响应于对动态效果添加控件的触发操作,基于对目标区域的方向设置操作,确定至少一个对象的形变方向。
在一些实施例中,第五显示单元1109,还被配置为在首次触发图片编辑控件的情况下,将区域选择控件显示为可触发状态,将动态效果添加控件显示为不可触发状态;在区域选择操作完成的情况下,将动态效果添加控件显示为可触发状态。
在一些实施例中,第五显示单元1109,还被配置为在非首次触发图片编辑控件的情况下,将区域选择控件和动态效果添加控件显示为可触发状态。
本公开实施例提供了一种图片显示装置,通过在图片编辑界面中的区域选择操作,能够在图片编辑界面当前显示的静态图片中确定待添加动态效果的目标区域。然后通过对目标区域的方向设置操作,能够基于方向设置操作指示的至少一个对象的形变方向,确定至少一个对象的动态效果。相较于通过拼接多张静态图片显示的动态图片,本公开实施例无需获取多张静态图片,而是通过在静态图片的目标区域中添加至少一个对象的动态效果,将静态图片动态化。这样既能通过静态图片生成动态图片,又能简化生成动态图片的操作过程,提高用户体验。
需要说明的是,上述实施例提供的图片显示装置在运行应用程序时,仅以上述各功能单元的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元完成,即将电子设备的内部结构划分成不同的功能单元,以完成以上描述的全部或者部分功能。另外,上述实施例提供的图片显示装置与图片显示方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
电子设备被提供为终端时,图13是根据一示例性实施例示出的一种终端1300的框图。该终端图13示出了本公开一个示例性实施例提供的终端1300的结构框图。该终端1300可以是:智能手机、平板电脑、MP3播放器(Moving Picture Experts Group Audio LayerIII,动态影像专家压缩标准音频层面3)、MP4(Moving Picture Experts Group AudioLayer IV,动态影像专家压缩标准音频层面4)播放器、笔记本电脑或台式电脑。终端1300还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
通常,终端1300包括有:处理器1301和存储器1302。
处理器1301可以包括一个或多个处理核心,比如4核心处理器、8核心处理器等。处理器1301可以采用DSP(Digital Signal Processing,数字信号处理)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)、PLA(Programmable Logic Array,可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1301也可以包括主处理器和协处理器,主处理器是用于对在唤醒状态下的数据进行处理的处理器,也称CPU(Central ProcessingUnit,中央处理器);协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中,处理器1301可以在集成有GPU(Graphics Processing Unit,图片处理器),GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中,处理器1301还可以包括AI(Artificial Intelligence,人工智能)处理器,该AI处理器用于处理有关机器学习的计算操作。
存储器1302可以包括一个或多个计算机可读存储介质,该计算机可读存储介质可以是非暂态的。存储器1302还可包括高速随机存取存储器,以及非易失性存储器,比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中,存储器1302中的非暂态的计算机可读存储介质用于存储至少一个程序代码,该至少一个程序代码用于被处理器1301所执行以实现本公开中方法实施例提供的图片显示方法。
在一些实施例中,终端1300还可选包括有:外围设备接口1303和至少一个外围设备。处理器1301、存储器1302和外围设备接口1303之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1303相连。具体地,外围设备包括:射频电路1304、显示屏1305、摄像头组件1306、音频电路1307、定位组件1308和电源1309中的至少一种。
外围设备接口1303可被用于将I/O(Input/Output,输入/输出)相关的至少一个外围设备连接到处理器1301和存储器1302。在一些实施例中,处理器1301、存储器1302和外围设备接口1303被集成在同一芯片或电路板上;在一些其他实施例中,处理器1301、存储器1302和外围设备接口1303中的任意一个或两个可以在单独的芯片或电路板上实现,本实施例对此不加以限定。
射频电路1304用于接收和发射RF(Radio Frequency,射频)信号,也称电磁信号。射频电路1304通过电磁信号与通信网络以及其他通信设备进行通信。射频电路1304将电信号转换为电磁信号进行发送,或者,将接收到的电磁信号转换为电信号。可选地,射频电路1304包括:天线系统、RF收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片组、用户身份模块卡等等。射频电路1304可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于:城域网、各代移动通信网络(2G、3G、4G及5G)、无线局域网和/或WiFi(Wireless Fidelity,无线保真)网络。在一些实施例中,射频电路1304还可以包括NFC(Near Field Communication,近距离无线通信)有关的电路,本公开对此不加以限定。
显示屏1305用于显示UI(User Interface,用户界面)。该UI可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏1305是触摸显示屏时,显示屏1305还具有采集在显示屏1305的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器1301进行处理。此时,显示屏1305还可以用于提供虚拟按钮和/或虚拟键盘,也称软按钮和/或软键盘。在一些实施例中,显示屏1305可以为一个,设置终端1300的前面板;在另一些实施例中,显示屏1305可以为至少两个,分别设置在终端1300的不同表面或呈折叠设计;在再一些实施例中,显示屏1305可以是柔性显示屏,设置在终端1300的弯曲表面上或折叠面上。甚至,显示屏1305还可以设置成非矩形的不规则图形,也即异形屏。显示屏1305可以采用LCD(Liquid Crystal Display,液晶显示屏)、OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制备。
摄像头组件1306用于采集图片或视频。可选地,摄像头组件1306包括前置摄像头和后置摄像头。通常,前置摄像头设置在终端的前面板,后置摄像头设置在终端的背面。在一些实施例中,后置摄像头为至少两个,分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种,以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及VR(Virtual Reality,虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中,摄像头组件1306还可以包括闪光灯。闪光灯可以是单色温闪光灯,也可以是双色温闪光灯。双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合,可以用于不同色温下的光线补偿。
音频电路1307可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波,并将声波转换为电信号输入至处理器1301进行处理,或者输入至射频电路1304以实现语音通信。出于立体声采集或降噪的目的,麦克风可以为多个,分别设置在终端1300的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器1301或射频电路1304的电信号转换为声波。扬声器可以是传统的薄膜扬声器,也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时,不仅可以将电信号转换为人类可听见的声波,也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中,音频电路1307还可以包括耳机插孔。
电源1308用于为终端1300中的各个组件进行供电。电源1308可以是交流电、直流电、一次性电池或可充电电池。当电源1308包括可充电电池时,该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
本领域技术人员可以理解,图13中示出的结构并不构成对终端1300的限定,可以包括比图示更多或更少的组件,或者组合某些组件,或者采用不同的组件布置。
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器1302,上述指令可由终端1300的处理器1301执行以完成上述方法。可选地,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种计算机程序产品,包括计算机程序/指令,该计算机程序/指令被处理器执行时实现上述图片显示方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (9)
1.一种图片显示方法,其特征在于,所述方法包括:
响应于在图片编辑界面中的区域选择操作,在所述区域选择操作为对象选择操作的情况下,在所述图片编辑界面当前显示的第一图片中确定所述对象选择操作选择的至少一个对象,将所述至少一个对象所处的区域确定为目标区域,所述第一图片为包括所述至少一个对象的静态图片,所述目标区域为待添加动态效果的区域,所述动态效果用于指示对所述至少一个对象进行形变所产生的效果;或者,
在所述区域选择操作为涂抹操作的情况下,响应于在所述图片编辑界面中的涂抹操作,在所述静态图片中确定所述涂抹操作的涂抹区域,在所述涂抹区域完全覆盖所述至少一个对象且还覆盖所述静态图片的背景区域的情况下,在所述图片编辑界面中显示第二提示信息,所述第二提示信息用于提示是否对所述涂抹区域进行修改,响应于对所述第二提示信息的确认操作,基于对所述图片编辑界面中清除控件的触发操作,显示清除道具,所述清除道具用于对所述涂抹区域进行清除,基于对所述清除道具的拖动操作,清除所述清除道具经过的涂抹区域,将清除后的所述涂抹区域确定为所述目标区域;
在所述至少一个对象的对象类型相同的情况下,响应于对所述目标区域中任一对象的方向设置操作,确定所述对象的形变方向,将所述对象的形变方向确定为所述至少一个对象中未进行方向设置操作的对象的形变方向;
对于任一对象,基于所述对象的形变方向,对所述对象进行形变,得到所述对象的动态效果,所述动态效果为沿着所述形变方向对所述对象进行形变所产生的效果;
基于所述至少一个对象的动态效果,显示第二图片,所述第二图片为在所述目标区域中显示所述至少一个对象的动态效果的动态图片。
2.根据权利要求1所述的图片显示方法,其特征在于,所述方法还包括:
在所述涂抹区域未完全覆盖所述至少一个对象的情况下,在所述图片编辑界面中显示第一提示信息,所述第一提示信息用于提示图片编辑对象是否继续在所述图片编辑界面中进行涂抹;
响应于对所述第一提示信息的确认操作,基于在所述图片编辑界面中的涂抹操作,对所述涂抹区域进行更新。
3.根据权利要求1所述的图片显示方法,其特征在于,所述方法还包括:
响应于所述方向设置操作完成,在所述图片编辑界面中显示进度条和播放控件;
响应于对所述播放控件的触发操作,显示所述第二图片的动态效果,通过所述进度条显示所述动态效果的播放进度。
4.根据权利要求1所述的图片显示方法,其特征在于,所述图片编辑界面还显示有图片编辑控件;
所述方法还包括:
响应于对所述图片编辑控件的触发操作,在所述图片编辑界面中显示第一区域和第二区域,所述第一区域显示有所述静态图片,所述第二区域显示有区域选择控件和动态效果添加控件;
所述响应于在图片编辑界面中的区域选择操作,在所述区域选择操作为对象选择操作的情况下,在所述图片编辑界面当前显示的第一图片中确定所述对象选择操作选择的至少一个对象,将所述至少一个对象所处的区域确定为目标区域,包括:
响应于对所述区域选择控件的触发操作,基于在所述静态图片中的区域选择操作,在所述区域选择操作为所述对象选择操作的情况下,在所述第一图片中确定所述对象选择操作选择的至少一个对象,将所述至少一个对象所处的区域确定为所述目标区域;
所述响应于对所述目标区域中任一对象的方向设置操作,确定所述对象的形变方向,包括:
响应于对所述动态效果添加控件的触发操作,基于对所述目标区域中任一对象的方向设置操作,确定所述对象的形变方向。
5.根据权利要求4所述的图片显示方法,其特征在于,所述方法还包括:
在首次触发所述图片编辑控件的情况下,将所述区域选择控件显示为可触发状态,将所述动态效果添加控件显示为不可触发状态;
在所述区域选择操作完成的情况下,将所述动态效果添加控件显示为可触发状态。
6.根据权利要求5所述的图片显示方法,其特征在于,所述方法还包括:
在非首次触发所述图片编辑控件的情况下,将所述区域选择控件和所述动态效果添加控件显示为可触发状态。
7.一种图片显示装置,其特征在于,所述装置包括:
第一确定单元,被配置为响应于在图片编辑界面中的区域选择操作,在所述区域选择操作为对象选择操作的情况下,在所述图片编辑界面当前显示的第一图片中确定所述对象选择操作选择的至少一个对象,将所述至少一个对象所处的区域确定为目标区域,所述第一图片为包括所述至少一个对象的静态图片,所述目标区域为待添加动态效果的区域,所述动态效果用于指示对所述至少一个对象进行形变所产生的效果;或者,
所述第一确定单元,还被配置为在所述区域选择操作为涂抹操作的情况下,响应于在所述图片编辑界面中的涂抹操作,在所述静态图片中确定所述涂抹操作的涂抹区域,在所述涂抹区域完全覆盖所述至少一个对象且还覆盖所述静态图片的背景区域的情况下,在所述图片编辑界面中显示第二提示信息,所述第二提示信息用于提示是否对所述涂抹区域进行修改,响应于对所述第二提示信息的确认操作,基于对所述图片编辑界面中清除控件的触发操作,显示清除道具,所述清除道具用于对所述涂抹区域进行清除,基于对所述清除道具的拖动操作,清除所述清除道具经过的涂抹区域,将清除后的所述涂抹区域确定为所述目标区域;
第二确定单元,被配置为在所述至少一个对象的对象类型相同的情况下,响应于对所述目标区域中任一对象的方向设置操作,确定所述对象的形变方向,将所述对象的形变方向确定为所述至少一个对象中未进行方向设置操作的对象的形变方向;
第一显示单元,被配置为对于任一对象,基于所述对象的形变方向,对所述对象进行形变,得到所述对象的动态效果,所述动态效果为沿着所述形变方向对所述对象进行形变所产生的效果;
所述第一显示单元,还被配置为基于所述至少一个对象的动态效果,显示第二图片,所述第二图片为在所述目标区域中显示所述至少一个对象的动态效果的动态图片。
8.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
用于存储所述处理器可执行程序代码的存储器;
其中,所述处理器被配置为执行所述程序代码,以实现如权利要求1至6任一项所述的图片显示方法。
9.一种计算机可读存储介质,其特征在于,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至6任一项所述的图片显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310755198.3A CN116501227B (zh) | 2023-06-26 | 2023-06-26 | 图片显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310755198.3A CN116501227B (zh) | 2023-06-26 | 2023-06-26 | 图片显示方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116501227A CN116501227A (zh) | 2023-07-28 |
CN116501227B true CN116501227B (zh) | 2023-11-07 |
Family
ID=87326974
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310755198.3A Active CN116501227B (zh) | 2023-06-26 | 2023-06-26 | 图片显示方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116501227B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101118649A (zh) * | 2007-09-24 | 2008-02-06 | 腾讯科技(深圳)有限公司 | 一种图片的处理方法及处理系统 |
CN104571887A (zh) * | 2014-12-31 | 2015-04-29 | 北京奇虎科技有限公司 | 一种基于静态图片的动态交互方法和装置 |
CN107610206A (zh) * | 2017-09-29 | 2018-01-19 | 北京金山安全软件有限公司 | 动态图片的处理方法、装置、存储介质及电子设备 |
CN111724460A (zh) * | 2019-03-18 | 2020-09-29 | 北京京东尚科信息技术有限公司 | 静态图片的动态展示方法、装置及设备 |
CN115170709A (zh) * | 2022-05-30 | 2022-10-11 | 网易(杭州)网络有限公司 | 动态图像的编辑方法、装置和电子设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20080046312A1 (en) * | 2006-08-15 | 2008-02-21 | Ehud Shany | Method and system for target marketing over the internet and interactive tv |
-
2023
- 2023-06-26 CN CN202310755198.3A patent/CN116501227B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101118649A (zh) * | 2007-09-24 | 2008-02-06 | 腾讯科技(深圳)有限公司 | 一种图片的处理方法及处理系统 |
CN104571887A (zh) * | 2014-12-31 | 2015-04-29 | 北京奇虎科技有限公司 | 一种基于静态图片的动态交互方法和装置 |
CN107610206A (zh) * | 2017-09-29 | 2018-01-19 | 北京金山安全软件有限公司 | 动态图片的处理方法、装置、存储介质及电子设备 |
CN111724460A (zh) * | 2019-03-18 | 2020-09-29 | 北京京东尚科信息技术有限公司 | 静态图片的动态展示方法、装置及设备 |
CN115170709A (zh) * | 2022-05-30 | 2022-10-11 | 网易(杭州)网络有限公司 | 动态图像的编辑方法、装置和电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN116501227A (zh) | 2023-07-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109346111B (zh) | 数据处理方法、装置、终端及存储介质 | |
CN111147660B (zh) | 一种控件的操作方法及电子设备 | |
CN112581358B (zh) | 图像处理模型的训练方法、图像处理方法及装置 | |
CN111325220B (zh) | 图像生成方法、装置、设备及存储介质 | |
CN111459363A (zh) | 信息展示方法、装置、设备及存储介质 | |
CN112363660A (zh) | 封面图像的确定方法、装置、电子设备及存储介质 | |
CN111083526B (zh) | 视频转场方法、装置、计算机设备及存储介质 | |
CN110677713B (zh) | 视频图像处理方法及装置、存储介质 | |
CN111045562A (zh) | 界面显示方法、装置、设备及可读存储介质 | |
CN114845152B (zh) | 播放控件的显示方法、装置、电子设备及存储介质 | |
CN112764600B (zh) | 资源处理方法、装置、存储介质及计算机设备 | |
CN112230910B (zh) | 嵌入型程序的页面生成方法、装置、设备及存储介质 | |
CN112309449A (zh) | 音频录制方法及装置 | |
CN116501227B (zh) | 图片显示方法、装置、电子设备及存储介质 | |
CN116016817A (zh) | 视频剪辑方法、装置、电子设备及存储介质 | |
CN111031394A (zh) | 视频制作的方法、装置、设备及存储介质 | |
CN115129211A (zh) | 生成多媒体文件的方法、装置、电子设备及存储介质 | |
CN108763908B (zh) | 行为向量生成方法、装置、终端及存储介质 | |
CN110888710A (zh) | 添加字幕的方法、装置、计算机设备以及存储介质 | |
CN110830723B (zh) | 拍摄方法、装置、存储介质及移动终端 | |
CN116320582A (zh) | 视频展示方法、装置、电子设备及存储介质 | |
CN117891384A (zh) | 页面显示方法、装置、电子设备及存储介质 | |
CN116962338A (zh) | 对象间互动的方法、装置、电子设备及存储介质 | |
CN117354599A (zh) | 弹幕显示方法、装置、电子设备及存储介质 | |
CN117939255A (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 |