CN113920224A - 素材展示方法、装置、电子设备及存储介质 - Google Patents

素材展示方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN113920224A
CN113920224A CN202111152578.5A CN202111152578A CN113920224A CN 113920224 A CN113920224 A CN 113920224A CN 202111152578 A CN202111152578 A CN 202111152578A CN 113920224 A CN113920224 A CN 113920224A
Authority
CN
China
Prior art keywords
editing
vertex
sub
control
editing control
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.)
Pending
Application number
CN202111152578.5A
Other languages
English (en)
Inventor
王星
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Dajia Internet Information Technology Co Ltd
Original Assignee
Beijing Dajia Internet Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Dajia Internet Information Technology Co Ltd filed Critical Beijing Dajia Internet Information Technology Co Ltd
Priority to CN202111152578.5A priority Critical patent/CN113920224A/zh
Publication of CN113920224A publication Critical patent/CN113920224A/zh
Priority to EP22166073.1A priority patent/EP4160374A1/en
Priority to US17/712,719 priority patent/US20230099069A1/en
Priority to MX2022005172A priority patent/MX2022005172A/es
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard
    • 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/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
    • G06F3/04817—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 using icons
    • 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
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • 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
    • 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/0485—Scrolling or panning
    • 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/0486—Drag-and-drop
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]

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)

Abstract

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

Description

素材展示方法、装置、电子设备及存储介质
技术领域
本公开涉及图像技术领域，尤其涉及一种素材展示方法、装置、电子设备及存储介质。
背景技术
随着各种图像应用的发展，越来越多的人热衷于使用图像应用来处理图像，比如在图像中加入自己喜好的素材，还可以对素材进行编辑操作。例如可以将素材移动到图像中用户喜好的位置，在对素材进行移动的过程中，可能素材的选框会被移动到画布外，相应地，素材选框上的功能按钮会被移动到画布外。相关技术中，会将移动到画布外的功能按钮隐藏，导致素材的编辑操作不够便捷。
发明内容
本公开提供一种素材展示方法、装置、电子设备及存储介质，以至少解决相关技术中如何提升素材展示的灵活性以及素材编辑便捷性和问题。本公开的技术方案如下：
根据本公开实施例的第一方面，提供一种素材展示方法，包括：
在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件；所述目标素材在所述素材选框内；
检测到对所述目标素材的拖动操作时，控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动；
响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件。
在一种可能的实现方式中，所述响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件步骤包括：
响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在第一子选框上展示所述至少一个编辑控件；
其中，所述第一子选框为所述素材选框中位于所述图像编辑区域内的部分选框。
在一种可能的实现方式中，所述在第一子选框上展示所述至少一个编辑控件步骤包括：
在第二子选框具有关联的编辑控件的情况下，在所述第一子选框上展示所述至少一个编辑控件；所述第二子选框具有关联的编辑控件是指在所述素材选框处于所述图像编辑区域内部的情况下，所述第二子选框上展示有编辑控件；
其中，所述素材选框中除所述第一子选框之外的部分选框为第二子选框。
在一种可能的实现方式中，所述素材选框为方形，所述素材选框包括四个顶点，所述至少一个编辑控件包括与所述四个顶点各自关联的编辑控件；所述在素材编辑页面的图像编辑区域中展示位于所述素材选框上的至少一个编辑控件步骤包括：
分别在所述四个顶点上展示各自关联的编辑控件。
在一种可能的实现方式中，所述图像编辑区域为方形，在所述第一子选框包括所述四个顶点中的第一顶点和第二顶点，所述第二子选框包括所述四个顶点中的第三顶点和第四顶点、且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下，所述在第一子选框上展示所述至少一个编辑控件步骤包括：
在所述第一顶点展示关联的第一编辑控件，在所述第二顶点展示关联的第二编辑控件；并在第一边与所述第一子选框重合的位置上展示第三编辑控件，以及在第二边与所述第一子选框重合的位置上展示第四编辑控件；
其中，所述第一边与所述第三顶点连接，所述第二边与所述第四顶点连接，且所述第一边与所述第二边平行，所述第三编辑控件是与所述第三顶点关联的编辑控件，所述第四编辑控件是与所述第四顶点关联的编辑控件。
在一种可能的实现方式中，所述图像编辑区域为方形，在所述第一子选框包括所述四个顶点中的第一顶点，所述第二子选框包括所述四个顶点中的第二顶点、第三顶点和第四顶点，与所述第三顶点连接的两条边均在所述图像编辑图像外部，且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下；所述在第一子选框上展示所述至少一个编辑控件步骤包括：
在所述第一顶点展示关联的第一编辑控件，在所述第三边与所述第一子选框重合的位置上展示第二编辑控件，并在所述第四边与所述第一子选框重合的位置上展示第三编辑控件和第四编辑控件；
其中，所述第三边为所述第一顶点与所述第二顶点之间的边；所述第四边为所述第一顶点与所述第四顶点之间的边；所述第二编辑控件是与所述第二顶点关联的编辑控件，所述第三编辑控件是与所述第三顶点关联的编辑控件，所述第四编辑控件是与所述第四顶点关联的编辑控件。
在一种可能的实现方式中，在所述图像编辑区域为方形，所述素材选框的四条边与所述图像编辑区域的四个边缘均不平行的情况下，所述在第一子选框上展示所述至少一个编辑控件步骤包括：
在所述第一子选框上的第一目标顶点展示与所述第一目标顶点关联的编辑控件，并在所述第一子选框上除所述第一目标顶点之外的目标位置展示第二目标顶点关联的编辑控件；
其中，所述第一目标顶点为所述四个顶点之中的至少一个顶点，所述第二目标顶点为所述第二子选框上的顶点，所述第二目标顶点沿所述素材选框至所述目标位置的方向为顺时针方向或逆时针方向。
在一种可能的实现方式中，所述方法还包括：
在相邻编辑控件之间的距离均为距离阈值的情况下，若检测到对所述目标素材向所述图像编辑区域外部的拖动操作，控制所述目标素材、所述素材选框以及所述至少一个编辑控件沿所述向所述图像编辑区域外部的拖动操作轨迹进行移动。
在一种可能的实现方式中，所述方法还包括：
检测到所述目标素材被放大、且所述素材选框的边均在所述图像编辑区域之外时，在所述图像编辑区域内的边缘位置展示所述至少一个编辑控件。
在一种可能的实现方式中，所述方法还包括：
响应于所述拖动操作，在所述素材选框位于所述图像编辑区域内的情况下，在所述素材选框上展示所述至少一个编辑控件，其中，所述至少一个编辑控件与所述素材选框的相对位置不变。
在一种可能的实现方式中，所述响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件步骤包括：
响应于所述拖动操作的结束指令，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件。
根据本公开实施例的第二方面，提供一种素材展示装置，包括：
第一展示模块，被配置为执行在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件；所述目标素材在所述素材选框内；
第一移动控制模块，被配置为执行检测到对所述目标素材的拖动操作时，控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动；
第二展示模块，被配置为执行响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件。
在一种可能的实现方式中，所述第二展示模块包括：
第二编辑控件展示单元，被配置为执行响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在第一子选框上展示所述至少一个编辑控件；
其中，所述第一子选框为所述素材选框中位于所述图像编辑区域内的部分选框。
在一种可能的实现方式中，所述第二编辑控件展示单元包括：
展示子单元，被配置为执行在第二子选框具有关联的编辑控件的情况下，在所述第一子选框上展示所述至少一个编辑控件；所述第二子选框具有关联的编辑控件是指在所述素材选框处于所述图像编辑区域内部的情况下，所述第二子选框上展示有编辑控件；
其中，所述素材选框中除所述第一子选框之外的部分选框为第二子选框。
在一种可能的实现方式中，所述素材选框为方形，所述素材选框包括四个顶点，所述至少一个编辑控件包括与所述四个顶点各自关联的编辑控件；所述第一展示模块包括：
第一编辑控件展示单元，被配置为执行分别在所述四个顶点上展示各自关联的编辑控件。
在一种可能的实现方式中，所述图像编辑区域为方形，在所述第一子选框包括所述四个顶点中的第一顶点和第二顶点，所述第二子选框包括所述四个顶点中的第三顶点和第四顶点、且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下，所述第二编辑控件展示单元包括：
第一展示子单元，被配置为执行在所述第一顶点展示关联的第一编辑控件，在所述第二顶点展示关联的第二编辑控件；并在第一边与所述第一子选框重合的位置上展示第三编辑控件，以及在第二边与所述第一子选框重合的位置上展示第四编辑控件；
其中，所述第一边与所述第三顶点连接，所述第二边与所述第四顶点连接，且所述第一边与所述第二边平行，所述第三编辑控件是与所述第三顶点关联的编辑控件，所述第四编辑控件是与所述第四顶点关联的编辑控件。
在一种可能的实现方式中，所述图像编辑区域为方形，在所述第一子选框包括所述四个顶点中的第一顶点，所述第二子选框包括所述四个顶点中的第二顶点、第三顶点和第四顶点，与所述第三顶点连接的两条边均在所述图像编辑图像外部，且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下；所述第二编辑控件展示单元包括：
第二展示子单元，被配置为执行在所述第一顶点展示关联的第一编辑控件，在所述第三边与所述第一子选框重合的位置上展示第二编辑控件，并在所述第四边与所述第一子选框重合的位置上展示第三编辑控件和第四编辑控件；
其中，所述第三边为所述第一顶点与所述第二顶点之间的边；所述第四边为所述第一顶点与所述第四顶点之间的边；所述第二编辑控件是与所述第二顶点关联的编辑控件，所述第三编辑控件是与所述第三顶点关联的编辑控件，所述第四编辑控件是与所述第四顶点关联的编辑控件。
在一种可能的实现方式中，在所述图像编辑区域为方形，所述素材选框的四条边与所述图像编辑区域的四个边缘均不平行的情况下，所述第二编辑控件展示单元包括：
第三展示子单元，被配置为执行在所述第一子选框上的第一目标顶点展示与所述第一目标顶点关联的编辑控件，并在所述第一子选框上除所述第一目标顶点之外的目标位置展示第二目标顶点关联的编辑控件；
其中，所述第一目标顶点为所述四个顶点之中的至少一个顶点，所述第二目标顶点为所述第二子选框上的顶点，所述第二目标顶点沿所述素材选框至所述目标位置的方向为顺时针方向或逆时针方向。
在一种可能的实现方式中，所述装置还包括：
第二移动控制模块，被配置为执行在相邻编辑控件之间的距离均为距离阈值的情况下，若检测到对所述目标素材向所述图像编辑区域外部的拖动操作，控制所述目标素材、所述素材选框以及所述至少一个编辑控件沿所述向所述图像编辑区域外部的拖动操作轨迹进行移动。
在一种可能的实现方式中，所述装置还包括：
第三展示模块，被配置为执行检测到所述目标素材被放大、且所述素材选框的边均在所述图像编辑区域之外时，在所述图像编辑区域内的边缘位置展示所述至少一个编辑控件。
在一种可能的实现方式中，所述装置还包括：
第四展示模块，被配置为执行响应于所述拖动操作，在所述素材选框位于所述图像编辑区域内的情况下，在所述素材选框上展示所述至少一个编辑控件，其中，所述至少一个编辑控件与所述素材选框的相对位置不变。
在一种可能的实现方式中，所述第二展示模块包括：
展示单元，被配置为执行响应于所述拖动操作的结束指令，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件。
根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如上述第一方面中任一项所述的方法。
根据本公开实施例的第四方面，提供一种计算机可读存储介质，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行本公开实施例的第一方面中任一所述的方法。
根据本公开实施例的第五方面，提供一种计算机程序产品，包括计算机指令，所述计算机指令被处理器执行时，使得计算机执行本公开实施例的第一方面中任一项所述的方法。
本公开的实施例提供的技术方案至少带来以下有益效果：
素材的移动过程中，在素材选框中的部分选框位于图像编辑区域内的情况下，通过在图像编辑区域内展示全部编辑控件。可以实现全部编辑控件始终处于图像编辑区域的内部，从而可以提升素材操作的便捷性，同时也可以提升素材关联编辑控件的展示灵活性，提升素材编辑过程中的交互效果。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种应用环境的示意图。
图2是根据一示例性实施例示出的一种素材展示方法的流程图。
图3a～3d是根据一示例性实施例示出的一种素材编辑页面的示意图。
图4是根据一示例性实施例示出的另一种素材展示方法的流程图。
图5是根据一示例性实施例示出的一种编辑控件的展示示意图一。
图6是根据一示例性实施例示出的一种编辑控件的展示示意图二。
图7是根据一示例性实施例示出的一种编辑控件的展示示意图三。
图8是根据一示例性实施例示出的一种编辑控件的展示示意图四。
图9是根据一示例性实施例示出的一种编辑控件的展示示意图五。
图10是根据一示例性实施例示出的一种素材展示装置框图。
图11是根据一示例性实施例示出的一种用于素材展示的电子设备的框图。
图12是根据一示例性实施例示出的另一种用于素材展示的电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
请参阅图1，图1是根据一示例性实施例示出的一种应用环境的示意图，如图1所示，该应用环境可以包括服务器01和终端02。
在一个可选的实施例中，服务器01可以用于提供素材的下载等。具体的，服务器01可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式***，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN(Content Delivery Network，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。
在一个可选的实施例中，终端02可以用于素材展示的处理。具体的，终端02可以包括但不限于智能手机、台式计算机、平板电脑、笔记本电脑、智能音箱、数字助理、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、智能可穿戴设备等类型的电子设备。可选的，电子设备上运行的操作***可以包括但不限于安卓***、IOS***、linux、windows等。
此外，需要说明的是，图1所示的仅仅是本公开提供的图像处理方法的一种应用环境。
本说明书实施例中，上述服务器01以及终端02可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。
需要说明的是，以下图中示出的是一种可能的步骤顺序，实际上并不限定必须严格按照此顺序。有些步骤可以在互不依赖的情况下并行执行。本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息、用户行为信息等)和数据(包括但不限于用于展示的数据、训练的数据等)，均为经用户授权或者经过各方充分授权的信息和数据。
图2是根据一示例性实施例示出的一种素材展示方法的流程图。如图2所示，可以包括以下步骤。
在步骤S201中，在素材编辑页面的图像编辑区域(画布)中展示待编辑图像、目标素材、素材选框、以及位于素材选框上的至少一个编辑控件。
在一个示例中，该目标素材可以在素材选框内，如图3a所示，目标素材可以在素材选框内部的中心。待编辑图像可以如图3a中的5，目标素材可以如图3a中的2，素材选框可以如图3a中的4，至少一个编辑控件可以如图3a中的31～34
Figure BDA0003287644500000081
如图3a所示，A1A2A3A4所构成的区域可以是图像编辑区域，待编辑图像可以占据图像编辑区域的整个区域或部分区域。需要说明的是，A1、A2、A3和A4对应的顶点标识(图3a中的黑色圆点)可以不显示；以下图中的顶点标识和虚线部分也可以不显示。
本说明书实施例中，至少一个编辑控件可以用于对目标素材进行编辑，例如可以包括删除、翻转、旋转、复制、擦除部分素材等控件。在一个示例中，如图3a和3b所示，素材选框可以是方形或圆形，本公开对此不作限定。如图3a所示，素材选框为方形，该素材选框可以包括四个顶点；上述至少一个编辑控件可以包括与该四个顶点各自关联的编辑控件，即四个编辑控件。相应地，可以分别在四个顶点展示各自关联的编辑控件。例如图3a中的3，其中与第一顶点31关联的
Figure BDA0003287644500000082
可以是翻转控件，与第二顶点32关联的
Figure BDA0003287644500000083
可以是删除控件，与第四顶点34关联的
Figure BDA0003287644500000084
可以是旋转控件。与第三顶点33关联的
Figure BDA0003287644500000085
可以是一种编辑功能的控件，比如复制控件；或者
Figure BDA0003287644500000086
也可以是多种编辑功能的控件集合，比如，可以通过点击
Figure BDA0003287644500000087
将该集合中的多个编辑控件进行铺开，即可以在
Figure BDA0003287644500000088
的相邻位置展示该集合中的多个编辑控件，例如复制控件、橡皮擦控件等。也就是说，在编辑控件的展示位置小于编辑控件的数量时，可以将至少两个编辑控件放在一起展示。通过在四个顶点展示编辑控件，可以便于对素材的编辑操作。
可选地，在步骤S201之前，该方法还可以包括：
响应于素材编辑指令，进入素材编辑页面；该素材编辑页面可以包括图像编辑区域和素材选择区域，该图像编辑区域展示有待编辑图像，素材选择区域展示有多个素材，目标素材可以为多个素材中的一个；素材选择区域可以如图3a所示的1。
相应地，步骤S201可以包括：
响应于对目标素材的选择指令，在待编辑图像上展示目标素材、素材选框以及位于素材选框上的至少一个编辑控件。也就是说，在图像编辑应用中，启动素材编辑时，进入的素材编辑页面可以包括在图像编辑区域展示的待编辑图像；进一步地，在用户对目标素材进行选择时，才在待编辑图像上展示目标素材、目标素材的素材选框、目标素材的至少一个编辑控件。
需要说明的是，上述步骤S201不限制是一个待编辑图像在启动素材编辑时的素材编辑页面，可以是该一个待编辑图像在已有素材编辑状态下进行的增量素材编辑，这种情况下，步骤S201进行的素材编辑页面中的素材选框的旋转角度、以及目标素材、素材选框和编辑控件的位置可以是以下图中的任一种，不限定为图3a的状态。
在步骤S203中，检测到对目标素材的拖动操作时，控制目标素材和素材选框沿拖动操作轨迹进行移动。
实际应用中，当用户需要对素材进行编辑时，比如拖动素材至用户喜好的位置时，可以对目标素材进行拖动。相应地，检测到对目标素材的拖动操作时，可以控制目标素材和素材选框沿拖动操作轨迹进行移动。在移动的过程中，编辑控件也可以跟随该拖动操作轨迹移动，或者可以不跟随该拖动操作轨迹移动。其中，本公开对拖动操作的具体方式不作限定，例如可以是通过触摸屏幕以实现拖动操作。可选地，目标素材和素材选框移动至图像编辑区域外部的部分会被隐藏，本公开对此不作限定。
在步骤S205中，响应于拖动操作，在素材选框中的部分选框位于图像编辑区域内的情况下，在图像编辑区域内展示至少一个编辑控件。
本说明书实施例中，响应于拖动操作，即在拖到操作过程中，可以监测素材选框与图像编辑区域的相对位置，在素材选框中的部分选框位于图像编辑区域内的情况下，即素材选框中存在部分选框移动至图像编辑区域外部或移动至与图像编辑区域的边缘重合的情况下，可以在图像编辑区域内展示至少一个编辑控件。也就是说，在素材选框中的部分选框位于图像编辑区域内的情况下，将全部编辑控件在图像编辑区域内展示，保证全部编辑控件能够持续在图像编辑区域内得到展示，处于有效编辑状态。本公开对至少一个编辑控件在图像编辑区域内展示的位置不作限定，只要是在图像编辑区域内即可。
可选地，响应于拖动操作，在素材选框位于图像编辑区域内的情况下，在素材选框上展示至少一个编辑控件，其中，该至少一个编辑控件与素材选框的相对位置不变。通过保持图像编辑区域内部素材选框、至少一个编辑控件和目标素材三者的展示保持不变，使得素材的编辑操作可以稳定执行，便于用户对编辑控件的选择，提升用户操作体验。
在一种可能的实现方式中，该步骤S205可以包括：响应于拖动操作的结束指令，在素材选框中的部分选框位于图像编辑区域内的情况下，在图像编辑区域内展示至少一个编辑控件。通过结束指令的设置，可以降低拖动操作中的处理资源，提升处理效率。
在一个示例中，用户可以选中目标素材，并可以通过触摸图像编辑区域对应的屏幕区域、且在屏幕上滑动，以实现对目标素材的拖动操作(即触摸屏幕方式以实现拖动操作)。在每次的滑动开始时间点，会启动对屏幕触摸的监测，当检测到屏幕上无触摸，则可以认为一次拖动操作结束，从而可以触发拖动操作的结束指令。相应地，响应于该拖动操作的结束指令，可以监测素材选框的停留位置。在一个示例中，在素材选框中的部分选框位于图像编辑区域内的情况下，即素材选框中存在部分选框移动至图像编辑区域外部或移动至与图像编辑区域的边缘重合。在这种情况下，可以在图像编辑区域内展示至少一个编辑控件。例如可以在图像编辑区域内的预设展示区域展示至少一个编辑控件，如图3c或3d所示，图3c对应的预设展示区域可以是仍然处于图像编辑区域中的部分选框，图3d对应的预设展示区域可以是仍然处于图像编辑区域中的部分选框的顶点以及顶点周围的位置。本公开对预设展示区域不作限定。
在另一个示例中，响应于拖动操作的结束指令，在素材选框位于图像编辑区域内的情况下，可以在素材选框上展示至少一个编辑控件，其中，至少一个编辑控件与素材选框的相对位置不变。也就是说，如果拖动操作结束时，素材选框的整***于图像编辑区域内的情况下，素材选框、至少一个编辑控件和目标素材三者之间的相对位置可以仍然如图3b所示，即素材选框位于图像编辑区域内时，素材选框、至少一个编辑控件和目标素材三者的展示关系可以不变。
素材的移动过程中，在素材选框中的部分选框位于图像编辑区域内的情况下，通过在图像编辑区域内展示全部编辑控件。可以实现全部编辑控件始终处于图像编辑区域的内部，从而可以提升素材操作的便捷性，同时也可以提升素材关联编辑控件的展示灵活性，提升素材编辑过程中的交互效果。
在一种可能的实现方式中，在素材选框中的部分选框位于所述图像编辑区域内的情况下，可以在图像编辑区域内的预设展示区域展示至少一个编辑控件。这里的预设展示区域可以是图像编辑区域的边缘区域，或者可以是如图3d所示的区域，或者预设展示区域可以为第一子选框。本公开对此不作限定。其中，该第一子选框可以为素材选框中位于图像编辑区域内的部分选框。通过保持编辑控件仍然在素材选框上展示，可以保持用户对编辑控件的操作习惯，提升用户操作体验。
在一个示例中，上述步骤S205可以包括：
在步骤S401中，在第二子选框具有关联的编辑控件的情况下，在第一子选框上展示至少一个编辑控件；这里的第二子选框具有关联的编辑控件可以是指在素材选框处于图像编辑区域内部的情况下，第二子选框上展示有编辑控件。也就是说，当素材选框位于图像编辑区域内部时，第二子选框上展示的编辑控件，可以认为是第二子选框关联的编辑控件。
其中，素材选框中除第一子选框之外的部分选框为第二子选框。
如图6所示，第一子选框为素材选框中从点A至点B的部分选框。如图3a所示，编辑控件33和34如果仍然在关联的顶点展示，则会在图像编辑区域外部，从而会被隐藏或被遮挡。基于本公开说明书的实施例，可以将编辑控件33和34在第一子选框的边上展示，如图3、图6～8所示。编辑控件31和32可以仍然在关联的顶点展示。其中，编辑控件33和34距离图像编辑区域的目标边缘为预设距离，该目标边缘将素材选框划分为第一子选框和第二子选框。如图6所示，该目标边缘可以是图像编辑区域的边缘中，点A和点B所在的边缘。
可选地，在第二子选框不具有关联的编辑控件的情况下，可以保持编辑控件与素材选框的相对位置不变。
通过将移到图像编辑区域外部的编辑控件，选择在第二子选框具有关联的编辑控件的情况下，才在图像编辑区域内部的第一子选框上展示，可以保证全部编辑控件保持在可见状态，便于操作；并且通过增加第二子选框具有关联的编辑控件的条件，能够避免不必要的展示控制，节省处理资源。
在一种可能的实现方式中，可以设置相邻编辑控件之间距离的限值，比如可以为距离阈值。基于此，在相邻编辑控件之间的距离均为距离阈值的情况下，若检测到对目标素材向图像编辑区域外部的拖动操作，可以控制目标素材、素材选框以及至少一个编辑控件沿预设方向的拖动操作轨迹进行移动。如图5所示，目标素材、素材选框以及至少一个编辑控件中的任一种，在移动到图像编辑区域的外部时，则被隐藏。通过这种距离阈值来限值相邻编辑控件之间的距离，可以保证编辑控件的有效操作。
如图6所示，在一种可能的实现方式中，图像编辑区域可以为方形，第一子选框包括四个顶点中的第一顶点C和第二顶点D，第二子选框包括四个顶点中的第三顶点E和第四顶点F，且素材选框的一边与图像编辑区域的一个边缘平行。在这种情况下，上述步骤S401可以包括：
在第一顶点展示第一编辑控件，在第二顶点展示第二编辑控件；并在第一边与第一子选框重合的位置上展示第三编辑控件，以及在第二边与第一子选框重合的位置上展示第四编辑控件；
其中，第一边DE与第三顶点E连接，第二边CF与第四顶点F连接，且第一边与第二边平行。第一边与第一子选框重合的位置可以如图6所示的线段AD，第二边与第一子选框重合的位置可以如图6所示的线段BC。
可选地，第三编辑控件和第四编辑控件距离图像编辑区域的目标边缘的距离可以为预设距离，本公开对此不作限定。其中，目标边缘可以是图像编辑区域的边缘中点A与点B所在的边缘，该目标边缘将素材选框划分为两部分：第一子选框和第二子选框。
通过在编辑控件移出图像编辑区域时，在图像编辑区域贴边展示移出的编辑控件，可以保持编辑控件的相对位置与未移出前相似，便于用户操作。
如图7所示，在一种可能的实现方式中，图像编辑区域可以为方形，第一子选框包括第一顶点C，第二子选框包括第二顶点D、第三顶点E和第四顶点F，与第三顶点E连接的两条边均在图像编辑图像外部、且素材选框的一边与图像编辑区域的一个边缘平行；即素材选框的3个顶点在图像编辑区域的外部、且素材选框为水平垂直状态，该水平垂直状态可以是指素材选框的各边与图像编辑区域中的对应边缘平行。在这种情况下，上述步骤S401可以包括：
在第一顶点展示第一编辑控件，在第三边与第一子选框重合的位置(线段CG)上展示第二编辑控件，并在第四边与第一子选框重合的位置(线段CH)上展示第三编辑控件和第四编辑控件；其中，第三边为第一顶点与第二顶点之间的边CD；第四边为第一顶点与第四顶点之间的边CF，如图7所示。
在素材选框为水平垂直状态下、且三个顶点处于图像编辑区域外部时，通过与两个顶点处于外部下的差异化展示，可以提升编辑控件的展示灵活性。
如图8所示，在一种可能的实现方式中，图像编辑区域为方形，素材选框的四条边与图像编辑区域的四个边缘均不平行的情况下，上述步骤S401可以包括：
在第一子选框上的第一目标顶点展示与第一目标顶点关联的编辑控件，并在第一子选框上除第一目标顶点之外的目标位置展示第二目标顶点关联的编辑控件；
其中，第一目标顶点为四个顶点之中的至少一个顶点，第二目标顶点为第二子选框上的顶点，该第二子选框为素材选框中除第一子选框之外的部分选框；第二目标顶点沿素材选框至目标位置的方向为顺时针方向或逆时针方向，如图8所示。
通过顺时针或逆时针的滑动方式展示编辑控件，可以提升编辑控件的展示多样性。
在一种可能的实现方式中，该方法还可以包括：检测到目标素材被放大、且素材选框的边均在图像编辑区域之外时，可以在图像编辑区域内的边缘位置展示至少一个编辑控件。如图9所示，在图像编辑区域为方形的情况下，这里的边缘位置可以为位于图像编辑区域的至少一个角、且距离图像编辑区域的边缘为预设距离的位置。
通过在目标素材放大时，对编辑控件的灵活展示，可以实现对编辑控件的便捷操作；并可以避免对目标素材视觉上的干扰。
图10是根据一示例性实施例示出的一种素材展示装置框图。参照图10，该装置可以包括：
第一展示模块1001，被配置为执行在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于素材选框上的至少一个编辑控件；目标素材在素材选框内；
第一移动控制模块1003，被配置为执行检测到对目标素材的拖动操作时，控制目标素材和素材选框沿拖动操作轨迹进行移动；
第二展示模块1005，被配置为执行响应于拖动操作，在素材选框中的部分选框位于图像编辑区域内的情况下，在图像编辑区域内展示至少一个编辑控件。
在一种可能的实现方式中，第二展示模块1005可以包括：
第二编辑控件展示单元，被配置为执行响应于拖动操作，在素材选框中的部分选框位于图像编辑区域内的情况下，在第一子选框上展示所述至少一个编辑控件；
其中，第一子选框为素材选框中位于图像编辑区域内的部分选框。
在一种可能的实现方式中，第二编辑控件展示单元可以包括：
展示子单元，被配置为执行在第二子选框具有关联的编辑控件的情况下，在第一子选框上展示至少一个编辑控件；第二子选框具有关联的编辑控件是指在素材选框处于图像编辑区域内部的情况下，第二子选框上展示有编辑控件；
其中，素材选框中除第一子选框之外的部分选框为第二子选框。
在一种可能的实现方式中，素材选框为方形，素材选框包括四个顶点，至少一个编辑控件包括与四个顶点各自关联的编辑控件；第一展示模块1001可以包括：
第一编辑控件展示单元，被配置为执行分别在四个顶点上展示各自关联的编辑控件。
在一种可能的实现方式中，图像编辑区域为方形，在第一子选框包括四个顶点中的第一顶点和第二顶点，第二子选框包括四个顶点中的第三顶点和第四顶点、且素材选框的一边与图像编辑区域的一个边缘平行的情况下，上述第二编辑控件展示单元可以包括：
第一展示子单元，被配置为执行在第一顶点展示关联的第一编辑控件，在第二顶点展示关联的第二编辑控件；并在第一边与第一子选框重合的位置上展示第三编辑控件，以及在第二边与第一子选框重合的位置上展示第四编辑控件；
其中，第一边与第三顶点连接，第二边与第四顶点连接，且第一边与第二边平行，第三编辑控件是与第三顶点关联的编辑控件，第四编辑控件是与第四顶点关联的编辑控件。
在一种可能的实现方式中，图像编辑区域为方形，在第一子选框包括四个顶点中的第一顶点，第二子选框包括四个顶点中的第二顶点、第三顶点和第四顶点，与第三顶点连接的两条边均在图像编辑图像外部，且素材选框的一边与图像编辑区域的一个边缘平行的情况下；第二编辑控件展示单元可以包括：
第二展示子单元，被配置为执行在第一顶点展示关联的第一编辑控件，在第三边与第一子选框重合的位置上展示第二编辑控件，并在第四边与第一子选框重合的位置上展示第三编辑控件和第四编辑控件；
其中，第三边为第一顶点与第二顶点之间的边；第四边为第一顶点与第四顶点之间的边；第二编辑控件是与第二顶点关联的编辑控件，第三编辑控件是与第三顶点关联的编辑控件，第四编辑控件是与第四顶点关联的编辑控件。
在一种可能的实现方式中，在图像编辑区域为方形，素材选框的四条边与图像编辑区域的四个边缘均不平行的情况下，第二编辑控件展示单元可以包括：
第三展示子单元，被配置为执行在第一子选框上的第一目标顶点展示与第一目标顶点关联的编辑控件，并在第一子选框上除第一目标顶点之外的目标位置展示第二目标顶点关联的编辑控件；
其中，第一目标顶点为四个顶点之中的至少一个顶点，第二目标顶点为第二子选框上的顶点，第二目标顶点沿素材选框至目标位置的方向为顺时针方向或逆时针方向。
在一种可能的实现方式中，该装置还可以包括：
第二移动控制模块，被配置为执行在相邻编辑控件之间的距离均为距离阈值的情况下，若检测到对目标素材向图像编辑区域外部的拖动操作，控制目标素材、素材选框以及至少一个编辑控件沿向图像编辑区域外部的拖动操作轨迹进行移动。
在一种可能的实现方式中，该装置还可以包括：
第三展示模块，被配置为执行检测到目标素材被放大、且素材选框的边均在图像编辑区域之外时，在图像编辑区域内的边缘位置展示至少一个编辑控件。
在一种可能的实现方式中，装置还可以包括：
第四展示模块，被配置为执行响应于拖动操作的结束指令，在素材选框位于图像编辑区域内的情况下，在素材选框上展示至少一个编辑控件，其中，至少一个编辑控件与素材选框的相对位置不变。
在一种可能的实现方式中，上述第二展示模块1005可以包括：
展示单元，被配置为执行响应于所述拖动操作的结束指令，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内的预设展示区域展示所述至少一个编辑控件。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
图11是根据一示例性实施例示出的一种用于素材展示的电子设备的框图，该电子设备可以是终端，其内部结构图可以如图11所示。该电子设备包括通过***总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该电子设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种素材展示的方法。该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该电子设备的输入装置可以是显示屏上覆盖的触摸层，也可以是电子设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图11中示出的结构，仅仅是与本公开方案相关的部分结构的框图，并不构成对本公开方案所应用于其上的电子设备的限定，具体的电子设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
图12是根据一示例性实施例示出的另一种用于素材展示的电子设备的框图，该电子设备可以是服务器，其内部结构图可以如图12所示。该电子设备包括通过***总线连接的处理器、存储器和网络接口。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作***和计算机程序。该内存储器为非易失性存储介质中的操作***和计算机程序的运行提供环境。该电子设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种素材展示的方法。
本领域技术人员可以理解，图12中示出的结构，仅仅是与本公开方案相关的部分结构的框图，并不构成对本公开方案所应用于其上的电子设备的限定，具体的电子设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在示例性实施例中，还提供了一种电子设备，包括：处理器；用于存储该处理器可执行指令的存储器；其中，该处理器被配置为执行该指令，以实现如本公开实施例中的素材展示方法。
在示例性实施例中，还提供了一种计算机可读存储介质，当该计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行本公开实施例中的素材展示方法。计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行本公开实施例中的素材展示的方法。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，该计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种素材展示方法，其特征在于，包括：
在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件；所述目标素材在所述素材选框内；
检测到对所述目标素材的拖动操作时，控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动；
响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件。
2.根据权利要求1所述的方法，其特征在于，所述响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件步骤包括：
响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在第一子选框上展示所述至少一个编辑控件；
其中，所述第一子选框为所述素材选框中位于所述图像编辑区域内的部分选框。
3.根据权利要求2所述的方法，其特征在于，所述在第一子选框上展示所述至少一个编辑控件步骤包括：
在第二子选框具有关联的编辑控件的情况下，在所述第一子选框上展示所述至少一个编辑控件；所述第二子选框具有关联的编辑控件是指在所述素材选框处于所述图像编辑区域内部的情况下，所述第二子选框上展示有编辑控件；
其中，所述素材选框中除所述第一子选框之外的部分选框为第二子选框。
4.根据权利要求3所述的方法，其特征在于，所述素材选框为方形，所述素材选框包括四个顶点，所述至少一个编辑控件包括与所述四个顶点各自关联的编辑控件；所述在素材编辑页面的图像编辑区域中展示位于所述素材选框上的至少一个编辑控件步骤包括：
分别在所述四个顶点上展示各自关联的编辑控件。
5.根据权利要求4所述的方法，其特征在于，所述图像编辑区域为方形，在所述第一子选框包括所述四个顶点中的第一顶点和第二顶点，所述第二子选框包括所述四个顶点中的第三顶点和第四顶点、且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下，所述在第一子选框上展示所述至少一个编辑控件步骤包括：
在所述第一顶点展示关联的第一编辑控件，在所述第二顶点展示关联的第二编辑控件；并在第一边与所述第一子选框重合的位置上展示第三编辑控件，以及在第二边与所述第一子选框重合的位置上展示第四编辑控件；
其中，所述第一边与所述第三顶点连接，所述第二边与所述第四顶点连接，且所述第一边与所述第二边平行，所述第三编辑控件是与所述第三顶点关联的编辑控件，所述第四编辑控件是与所述第四顶点关联的编辑控件。
6.根据权利要求4所述的方法，其特征在于，所述图像编辑区域为方形，在所述第一子选框包括所述四个顶点中的第一顶点，所述第二子选框包括所述四个顶点中的第二顶点、第三顶点和第四顶点，与所述第三顶点连接的两条边均在所述图像编辑图像外部，且所述素材选框的一边与所述图像编辑区域的一个边缘平行的情况下；所述在第一子选框上展示所述至少一个编辑控件步骤包括：
在所述第一顶点展示关联的第一编辑控件，在所述第三边与所述第一子选框重合的位置上展示第二编辑控件，并在所述第四边与所述第一子选框重合的位置上展示第三编辑控件和第四编辑控件；
其中，所述第三边为所述第一顶点与所述第二顶点之间的边；所述第四边为所述第一顶点与所述第四顶点之间的边；所述第二编辑控件是与所述第二顶点关联的编辑控件，所述第三编辑控件是与所述第三顶点关联的编辑控件，所述第四编辑控件是与所述第四顶点关联的编辑控件。
7.一种素材展示装置，其特征在于，包括：
第一展示模块，被配置为执行在素材编辑页面的图像编辑区域中展示待编辑图像、目标素材、素材选框、以及位于所述素材选框上的至少一个编辑控件；所述目标素材在所述素材选框内；
第一移动控制模块，被配置为执行检测到对所述目标素材的拖动操作时，控制所述目标素材和所述素材选框沿拖动操作轨迹进行移动；
第二展示模块，被配置为执行响应于所述拖动操作，在所述素材选框中的部分选框位于所述图像编辑区域内的情况下，在所述图像编辑区域内展示所述至少一个编辑控件。
8.一种电子设备，其特征在于，包括：
处理器；
用于存储所述处理器可执行指令的存储器；
其中，所述处理器被配置为执行所述指令，以实现如权利要求1至6中任一项所述的素材展示方法。
9.一种计算机可读存储介质，其特征在于，当所述计算机可读存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6中任一项所述的素材展示方法。
10.一种计算机程序产品，包括计算机指令，其特征在于，所述计算机指令被处理器执行时实现权利要求1至6中任一项所述的素材展示方法。
CN202111152578.5A 2021-09-29 2021-09-29 素材展示方法、装置、电子设备及存储介质 Pending CN113920224A (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN202111152578.5A CN113920224A (zh) 2021-09-29 2021-09-29 素材展示方法、装置、电子设备及存储介质
EP22166073.1A EP4160374A1 (en) 2021-09-29 2022-03-31 Method and device for displaying material, electronic device and storage medium
US17/712,719 US20230099069A1 (en) 2021-09-29 2022-04-04 Method and device for displaying material, electronic device and storage medium
MX2022005172A MX2022005172A (es) 2021-09-29 2022-04-28 Metodo y dispositivo para visualizar un material, dispositivo electronico y medio de almacenamiento.

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111152578.5A CN113920224A (zh) 2021-09-29 2021-09-29 素材展示方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN113920224A true CN113920224A (zh) 2022-01-11

Family

ID=79237112

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111152578.5A Pending CN113920224A (zh) 2021-09-29 2021-09-29 素材展示方法、装置、电子设备及存储介质

Country Status (4)

Country Link
US (1) US20230099069A1 (zh)
EP (1) EP4160374A1 (zh)
CN (1) CN113920224A (zh)
MX (1) MX2022005172A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114547519A (zh) * 2022-02-24 2022-05-27 京东方数字科技有限公司 页面编辑方法、装置、电子设备和可读存储介质

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5155806A (en) * 1989-03-15 1992-10-13 Sun Microsystems, Inc. Method and apparatus for displaying context sensitive help information on a display
US20050172239A1 (en) * 2004-01-30 2005-08-04 International Business Machines Corporation Modeless interaction with GUI widget applications
US20050231512A1 (en) * 2004-04-16 2005-10-20 Niles Gregory E Animation of an object using behaviors
US8416205B2 (en) * 2009-09-25 2013-04-09 Apple Inc. Device, method, and graphical user interface for manipulation of user interface objects with activation regions
US8881061B2 (en) * 2010-04-07 2014-11-04 Apple Inc. Device, method, and graphical user interface for managing folders
KR101902418B1 (ko) * 2012-02-14 2018-10-04 삼성전자주식회사 휴대단말기의 이미지 편집장치 및 방법
US10037130B2 (en) * 2013-09-13 2018-07-31 Samsung Electronics Co., Ltd. Display apparatus and method for improving visibility of the same
KR20170088229A (ko) * 2016-01-22 2017-08-01 삼성전자주식회사 사용자단말기 및 그 제어방법
CN107479784B (zh) * 2017-07-31 2022-01-25 腾讯科技（深圳）有限公司 表情展示方法、装置及计算机可读存储介质
DE102018107033A1 (de) * 2018-03-23 2019-09-26 Leica Microsystems Cms Gmbh Mikroskopsystem und Verfahren zur Steuerung eines solchen Mikroskopsystems
JP7154789B2 (ja) * 2018-03-27 2022-10-18 キヤノン株式会社 表示制御装置、その制御方法、プログラム及び記憶媒体

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114547519A (zh) * 2022-02-24 2022-05-27 京东方数字科技有限公司 页面编辑方法、装置、电子设备和可读存储介质

Also Published As

Publication number Publication date
MX2022005172A (es) 2023-03-30
US20230099069A1 (en) 2023-03-30
EP4160374A1 (en) 2023-04-05

Similar Documents

Publication Publication Date Title
US10437467B2 (en) Native overlay for rapid editing of web content
US11763067B2 (en) User interface for editing web content
US10782844B2 (en) Smart whiteboard interactions
CN111107418B (zh) 视频数据处理方法、装置、计算机设备和存储介质
US10061491B2 (en) System and method for producing edited images using embedded plug-in
US9741149B2 (en) User terminal device for providing animation effect and display method thereof
JP6010691B2 (ja) 移動端末のデスクトップシステム、インタフェースインタラクション方法、装置、プログラム、及び記録媒体
CN113240777A (zh) 特效素材处理方法、装置、电子设备及存储介质
CN103020110A (zh) 创建并维护所浏览的文档的图像
US20200219322A1 (en) Snapping, virtual inking, and accessibility in augmented reality
US10572134B2 (en) Method and system for providing prototyping tool, and non-transitory computer-readable recording medium
US20150121196A1 (en) Browser-based image processing
CN107562321A (zh) 应用安装方法、装置及终端
CN113204301B (zh) 用于处理应用程序内容的方法及装置
CN103034683A (zh) 用于浏览器的页面切换方法和装置
CN113920224A (zh) 素材展示方法、装置、电子设备及存储介质
US20150286836A1 (en) Visual and spatial controls for privacy settings in a charitable giving application
AU2019200269B2 (en) An interactive user interface and its corresponding engine for improving image completion quality
CN112825020A (zh) 图片生成方法、装置、计算机设备和存储介质
CN110334163B (zh) 大数据的地图背景优化方法、装置、设备及存储介质
CN117078888A (zh) 虚拟角色的服装生成方法、装置、介质及电子设备
CN115617225A (zh) 应用界面显示方法、装置、电子设备及存储介质
US20180253211A1 (en) Dynamic layout design
US20170017614A1 (en) Generating a visual layout tree using caching techniques
CN110168601B (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