素材展示方法、装置、电子设备及存储介质制造方法及图纸

技术编号:31826815 阅读:12 留言:0更新日期:2022-01-12 12:55
本公开关于一种素材展示方法、装置、电子设备及存储介质。该方法包括:在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件;所述目标素材在所述素材选框内;检测到对所述目标素材的拖动操作时,控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动;响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在所述图像编辑区域内展示所述至少一个编辑控件。根据本公开提供的技术方案,可以提升素材展示的灵活多样性以及提升素材操作的便捷性。展示的灵活多样性以及提升素材操作的便捷性。展示的灵活多样性以及提升素材操作的便捷性。

【技术实现步骤摘要】
素材展示方法、装置、电子设备及存储介质


[0001]本公开涉及图像
,尤其涉及一种素材展示方法、装置、电子设备及存储介质。

技术介绍

[0002]随着各种图像应用的发展,越来越多的人热衷于使用图像应用来处理图像,比如在图像中加入自己喜好的素材,还可以对素材进行编辑操作。例如可以将素材移动到图像中用户喜好的位置,在对素材进行移动的过程中,可能素材的选框会被移动到画布外,相应地,素材选框上的功能按钮会被移动到画布外。相关技术中,会将移动到画布外的功能按钮隐藏,导致素材的编辑操作不够便捷。

技术实现思路

[0003]本公开提供一种素材展示方法、装置、电子设备及存储介质,以至少解决相关技术中如何提升素材展示的灵活性以及素材编辑便捷性和问题。本公开的技术方案如下:
[0004]根据本公开实施例的第一方面,提供一种素材展示方法,包括:
[0005]在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件;所述目标素材在所述素材选框内;
[0006]检测到对所述目标素材的拖动操作时,控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动;
[0007]响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在所述图像编辑区域内展示所述至少一个编辑控件。
[0008]在一种可能的实现方式中,所述响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在所述图像编辑区域内展示所述至少一个编辑控件步骤包括:
[0009]响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在第一子选框上展示所述至少一个编辑控件;
[0010]其中,所述第一子选框为所述素材选框中位于所述图像编辑区域内的部分选框。
[0011]在一种可能的实现方式中,所述在第一子选框上展示所述至少一个编辑控件步骤包括:
[0012]在第二子选框具有关联的编辑控件的情况下,在所述第一子选框上展示所述至少一个编辑控件;所述第二子选框具有关联的编辑控件是指在所述素材选框处于所述图像编辑区域内部的情况下,所述第二子选框上展示有编辑控件;
[0013]其中,所述素材选框中除所述第一子选框之外的部分选框为第二子选框。
[0014]在一种可能的实现方式中,所述素材选框为方形,所述素材选框包括四个顶点,所述至少一个编辑控件包括与所述四个顶点各自关联的编辑控件;所述在素材编辑页面的图像编辑区域中展示位于所述素材选框上的至少一个编辑控件步骤包括:
[0015]分别在所述四个顶点上展示各自关联的编辑控件。
[0016]在一种可能的实现方式中,所述图像编辑区域为方形,在所述第一子选框包括所述四个顶点中的第一顶点和第二顶点,所述第二子选框包括所述四个顶点中的第三顶点和第四顶点、且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下,所述在第一子选框上展示所述至少一个编辑控件步骤包括:
[0017]在所述第一顶点展示关联的第一编辑控件,在所述第二顶点展示关联的第二编辑控件;并在第一边与所述第一子选框重合的位置上展示第三编辑控件,以及在第二边与所述第一子选框重合的位置上展示第四编辑控件;
[0018]其中,所述第一边与所述第三顶点连接,所述第二边与所述第四顶点连接,且所述第一边与所述第二边平行,所述第三编辑控件是与所述第三顶点关联的编辑控件,所述第四编辑控件是与所述第四顶点关联的编辑控件。
[0019]在一种可能的实现方式中,所述图像编辑区域为方形,在所述第一子选框包括所述四个顶点中的第一顶点,所述第二子选框包括所述四个顶点中的第二顶点、第三顶点和第四顶点,与所述第三顶点连接的两条边均在所述图像编辑图像外部,且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下;所述在第一子选框上展示所述至少一个编辑控件步骤包括:
[0020]在所述第一顶点展示关联的第一编辑控件,在所述第三边与所述第一子选框重合的位置上展示第二编辑控件,并在所述第四边与所述第一子选框重合的位置上展示第三编辑控件和第四编辑控件;
[0021]其中,所述第三边为所述第一顶点与所述第二顶点之间的边;所述第四边为所述第一顶点与所述第四顶点之间的边;所述第二编辑控件是与所述第二顶点关联的编辑控件,所述第三编辑控件是与所述第三顶点关联的编辑控件,所述第四编辑控件是与所述第四顶点关联的编辑控件。
[0022]在一种可能的实现方式中,在所述图像编辑区域为方形,所述素材选框的四条边与所述图像编辑区域的四个边缘均不平行的情况下,所述在第一子选框上展示所述至少一个编辑控件步骤包括:
[0023]在所述第一子选框上的第一目标顶点展示与所述第一目标顶点关联的编辑控件,并在所述第一子选框上除所述第一目标顶点之外的目标位置展示第二目标顶点关联的编辑控件;
[0024]其中,所述第一目标顶点为所述四个顶点之中的至少一个顶点,所述第二目标顶点为所述第二子选框上的顶点,所述第二目标顶点沿所述素材选框至所述目标位置的方向为顺时针方向或逆时针方向。
[0025]在一种可能的实现方式中,所述方法还包括:
[0026]在相邻编辑控件之间的距离均为距离阈值的情况下,若检测到对所述目标素材向所述图像编辑区域外部的拖动操作,控制所述目标素材、所述素材选框以及所述至少一个编辑控件沿所述向所述图像编辑区域外部的拖动操作轨迹进行移动。
[0027]在一种可能的实现方式中,所述方法还包括:
[0028]检测到所述目标素材被放大、且所述素材选框的边均在所述图像编辑区域之外时,在所述图像编辑区域内的边缘位置展示所述至少一个编辑控件。
[0029]在一种可能的实现方式中,所述方法还包括:
[0030]响应于所述拖动操作,在所述素材选框位于所述图像编辑区域内的情况下,在所述素材选框上展示所述至少一个编辑控件,其中,所述至少一个编辑控件与所述素材选框的相对位置不变。
[0031]在一种可能的实现方式中,所述响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在所述图像编辑区域内展示所述至少一个编辑控件步骤包括:
[0032]响应于所述拖动操作的结束指令,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在所述图像编辑区域内展示所述至少一个编辑控件。
[0033]根据本公开实施例的第二方面,提供一种素材展示装置,包括:
[0034]第一展示模块,被配置为执行在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件;所述目标素材在所述素材选框内;
[0035]第一移动控制模块,被配置为执行检测到对所述目标素材的拖动操作时,控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动;
[0036]第二展示模块,被配置为执行响应于所述拖动操作,在所述素材选本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种素材展示方法,其特征在于,包括:在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件;所述目标素材在所述素材选框内;检测到对所述目标素材的拖动操作时,控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动;响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在所述图像编辑区域内展示所述至少一个编辑控件。2.根据权利要求1所述的方法,其特征在于,所述响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在所述图像编辑区域内展示所述至少一个编辑控件步骤包括:响应于所述拖动操作,在所述素材选框中的部分选框位于所述图像编辑区域内的情况下,在第一子选框上展示所述至少一个编辑控件;其中,所述第一子选框为所述素材选框中位于所述图像编辑区域内的部分选框。3.根据权利要求2所述的方法,其特征在于,所述在第一子选框上展示所述至少一个编辑控件步骤包括:在第二子选框具有关联的编辑控件的情况下,在所述第一子选框上展示所述至少一个编辑控件;所述第二子选框具有关联的编辑控件是指在所述素材选框处于所述图像编辑区域内部的情况下,所述第二子选框上展示有编辑控件;其中,所述素材选框中除所述第一子选框之外的部分选框为第二子选框。4.根据权利要求3所述的方法,其特征在于,所述素材选框为方形,所述素材选框包括四个顶点,所述至少一个编辑控件包括与所述四个顶点各自关联的编辑控件;所述在素材编辑页面的图像编辑区域中展示位于所述素材选框上的至少一个编辑控件步骤包括:分别在所述四个顶点上展示各自关联的编辑控件。5.根据权利要求4所述的方法,其特征在于,所述图像编辑区域为方形,在所述第一子选框包括所述四个顶点中的第一顶点和第二顶点,所述第二子选框包括所述四个顶点中的第三顶点和第四顶点、且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下,所述在第一子选框上展示所述至少一个编辑控件步骤包括:在所述第一顶点展示关联的第一编辑控件,在所述第二顶点展示关联的第二编辑控件;并在第一边与所述第一子选框重合的位置上展示第三编辑控件,以及在第二边与所述第一子选框重合的位置上展示第四编辑控件;其中,所述第一边与所述...

【专利技术属性】
技术研发人员:王星
申请(专利权)人:北京达佳互联信息技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1