CN113342247B - Material processing method and device, electronic equipment and storage medium - Google Patents
Material processing method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN113342247B CN113342247B CN202110889070.7A CN202110889070A CN113342247B CN 113342247 B CN113342247 B CN 113342247B CN 202110889070 A CN202110889070 A CN 202110889070A CN 113342247 B CN113342247 B CN 113342247B
- Authority
- CN
- China
- Prior art keywords
- area
- copied
- editing page
- original
- target
- 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
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/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
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)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present disclosure relates to a material processing method, apparatus, electronic device, and storage medium, the method comprising: displaying an editing page comprising a functional object and at least one original material, displaying material position adjustment information in the editing page under the condition that any one of the at least one original material is moved to an edge area of the editing page, and displaying respective corresponding copied materials of the at least one original material in a target area in response to a preset operation instruction triggered based on the target area in the editing page; and in response to a selection instruction triggered based on any copied material in the target area, updating the copied material displayed in the target area into the target copied material corresponding to the selection instruction. By adopting the scheme, the material at the edge of the page can be moved, the material moving flexibility is improved, and the editing time of the video or the picture and the consumption of the system resources in the editing process are reduced.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and an apparatus for processing a material, an electronic device, and a storage medium.
Background
In the process of editing a video or a picture, a material (such as a character, a sticker, and the like) may be moved to an edge area of a screen in response to a movement instruction of the material (such as the character, the sticker, and the like). Fig. 1 is a schematic diagram of moving a material to an edge area of a screen. As shown in fig. 1, there may be other functions (e.g., a clipping function, a special effect function, etc.) in the border area of the screen, and when the click priority of the other functions is higher than the click priority of the material, it is not possible to continue to move the material in the border area in response to the move instruction.
In the related art, in order to be able to move the material that has moved to the edge area again, it is usually necessary to exit the current editing page, respond to the material adding instruction again, add the material to the editing page, and then respond to the moving instruction again, move the material, the flexibility of the material movement is poor, and the process also increases the editing time of the video or picture and the consumption of system resources by the editing process.
Disclosure of Invention
The present disclosure provides a material processing method, an apparatus, an electronic device, and a storage medium, to at least solve the problems of poor material movement flexibility, long editing time, and large system resource consumption caused by the fact that a material in an edge area cannot be moved in response to a movement instruction in the related art. The technical scheme of the disclosure is as follows:
according to a first aspect of the embodiments of the present disclosure, there is provided a material processing method, including:
displaying an editing page, wherein the editing page comprises a functional object and at least one original material, and the functional object represents a preset editing function in the editing page;
displaying material position adjustment information in the editing page under the condition that any one of the at least one original material is moved to an edge area of the editing page, wherein the material position adjustment information is used for prompting to adjust the position of the at least one original material;
responding to a preset operation instruction triggered based on a target area in the editing page, and displaying a copied material corresponding to the at least one original material in the target area, wherein the target area is an area except for an area where the functional object is located and an area where the at least one original material is located in the editing page;
and in response to a selection instruction triggered based on any copied material in the target area, updating the copied material displayed in the target area into the target copied material corresponding to the selection instruction.
In an exemplary embodiment, the edge area is a rectangle, the height of the edge area is equal to the height of the editing page, and a distance between a center point of the edge area and a boundary corresponding to the height of the editing page is smaller than a preset distance threshold, or the edge area is a rectangle, the width of the edge area is equal to the width of the editing page, and a distance between the center point of the edge area and a boundary corresponding to the width of the editing page is smaller than the preset distance threshold, the method further includes:
determining that the any source material is moved to the edge region with an overlap between the any source material and the edge region.
In an exemplary embodiment, the method further comprises:
determining that the any original material is moved to the edge region if the center point of the any original material is outside the edit page.
In an exemplary embodiment, the presenting, in response to a preset operation instruction triggered based on a target area in the editing page, a copied material corresponding to each of the at least one original material in the target area includes:
and responding to the preset operation instruction, displaying a material selection area with a preset style in the target area, wherein the material selection area comprises the copied material corresponding to the at least one original material and material configuration prompt information, and the material configuration prompt information is used for prompting selection of the copied material corresponding to the at least one original material.
In an exemplary embodiment, the updating, in response to a selection instruction triggered based on any copied material in the target area, the copied material to be presented in the target area to the target copied material corresponding to the selection instruction includes:
concealing the material selection area and material in the material selection area other than the target copied material in response to the selection instruction triggered based on any copied material in the material selection area.
In an exemplary embodiment, the method further comprises:
and hiding the material position adjusting information in response to the preset operation instruction.
In an exemplary embodiment, the method further comprises:
and hiding the original material corresponding to the target copied material in response to the selection instruction.
According to a second aspect of the embodiments of the present disclosure, there is provided a material processing apparatus including:
the editing page display module is configured to execute displaying of an editing page, the editing page comprises a functional object and at least one original material, and the functional object represents a preset editing function in the editing page;
a position adjustment information display module configured to display material position adjustment information in the editing page when any of the at least one original material is moved to an edge region of the editing page, the material position adjustment information being used to prompt adjustment of a position of the at least one original material;
a copied material display module configured to execute a preset operation instruction triggered based on a target area in the editing page, and display copied materials corresponding to the at least one original material in the target area, where the target area is an area of the editing page other than an area where the functional object is located and an area where the at least one original material is located;
and the updating module is configured to execute a selection instruction triggered based on any copied material in the target area, and update the copied material displayed in the target area to the target copied material corresponding to the selection instruction.
In an exemplary embodiment, the edge region is a rectangle, the height of the edge region is equal to the height of the editing page, and a distance between a center point of the edge region and a boundary corresponding to the height of the editing page is smaller than a preset distance threshold, or the edge region is a rectangle, the width of the edge region is equal to the width of the editing page, and a distance between the center point of the edge region and a boundary corresponding to the width of the editing page is smaller than the preset distance threshold, the apparatus further includes:
a first determination module configured to perform determining that the any source material is moved to the edge region with an overlap portion between the any source material and the edge region.
In an exemplary embodiment, the apparatus further comprises:
a second determination module configured to perform determining that the any original material is moved to the edge region if a center point of the any original material is located outside the edit page.
In an exemplary embodiment, the copied material displaying module is configured to perform, in response to the preset operation instruction, displaying a material selecting area in a preset style in the target area, where the material selecting area includes copied materials corresponding to the at least one original material and material configuration prompt information, and the material configuration prompt information is used to prompt selection of the copied materials corresponding to the at least one original material.
In an exemplary embodiment, the update module is configured to execute the selection instruction triggered in response to any copied material in the material selection area, and hide the material selection area and material in the material selection area other than the target copied material.
In an exemplary embodiment, the apparatus further comprises:
and the position adjustment information hiding module is configured to execute hiding of the material position adjustment information in response to the preset operation instruction.
In an exemplary embodiment, the apparatus further comprises:
and the original material hiding module is configured to execute hiding of the original material corresponding to the target copied material in response to the selection instruction.
According to a third aspect of embodiments of the present disclosure, there is provided an electronic device comprising;
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the instructions to implement the material processing method according to any of the above embodiments.
According to a fourth aspect of the embodiments of the present disclosure, there is provided a computer-readable storage medium, wherein instructions of the computer-readable storage medium, when executed by a processor of the electronic device, cause the electronic device to execute the material processing method according to any one of the above embodiments.
According to a fifth aspect of the embodiments of the present disclosure, there is provided a computer program product comprising a computer program which, when executed by a processor, implements the material processing method of any of the above embodiments.
The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:
in the embodiment of the disclosure, when at least one original material displayed in an editing page is moved to an edge area of the editing page, material position adjustment information for prompting adjustment of a position of the at least one original material is displayed in the editing page, then, in response to a preset operation instruction triggered based on a target area in the editing page, a copied material corresponding to each of the at least one original material is displayed in the target area, and finally, in response to a selection instruction triggered based on any copied material in the target area, the copied material displayed in the target area is updated to a target copied material corresponding to the selection instruction. The target copied material can be the copied material corresponding to the original material in the edge area, so that the original material in the edge area of the editing page can be moved, the flexibility and the convenience of material movement are improved, and the consumption of editing time and the consumption of system resources in the editing process are reduced.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.
Fig. 1 is a schematic diagram of moving a material to an edge area of a screen.
FIG. 2 is a diagram illustrating an application environment for material processing in accordance with an exemplary embodiment.
FIG. 3 is a flow diagram illustrating a method of material processing according to an exemplary embodiment.
Fig. 4 is a diagram illustrating a position adjustment information presentation area in an edit page presenting material position adjustment information according to an exemplary embodiment.
Fig. 5 is a diagram illustrating another position adjustment information presentation area in an editing page showing material position adjustment information according to an exemplary embodiment.
Fig. 6 is a diagram illustrating another position adjustment information presentation area in an editing page showing material position adjustment information according to an exemplary embodiment.
Fig. 7 is a diagram illustrating a presentation of at least one copied material according to an example embodiment.
Fig. 8 is a block diagram illustrating a material processing apparatus according to an exemplary embodiment.
Fig. 9 is a block diagram illustrating an electronic device for material processing in accordance with an exemplary embodiment.
Detailed Description
In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.
It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
Referring to fig. 2, fig. 2 is a diagram illustrating an application environment for material processing according to an exemplary embodiment, where the application environment may include a client 01 and a server 02.
The client 01 can be used for displaying an editing page comprising a functional object and at least one original material; and is used for and under the situation that any original material in the above-mentioned at least one original material is moved to the marginal zone of the above-mentioned edition page, show the material position adjustment information in the above-mentioned edition page; the system comprises an editing page and a display unit, wherein the editing page is used for displaying at least one original material in a target area; and the target copy material displayed in the target area is updated to the target copy material corresponding to the selection instruction in response to the selection instruction triggered based on any copy material in the target area. Optionally, the client 01 may include terminal devices such as a smart phone, a desktop computer, a tablet computer, a notebook computer, a digital assistant, an Augmented Reality (AR)/Virtual Reality (VR) device, and a smart wearable device, and may also include an independently operating server, or a distributed server, or a server cluster including a plurality of servers.
In addition, it should be noted that fig. 2 is only an application environment diagram of material processing provided by the present disclosure, and in practical applications, other application environments may also be included.
Fig. 3 is a flowchart illustrating a material processing method according to an exemplary embodiment, which is used in the system including the client and the server in fig. 2, as shown in fig. 3, and includes the following steps.
In step S11, an editing page is displayed, where the editing page includes at least one original material and a function object, and the function object represents a preset editing function in the editing page.
In the embodiment of the present disclosure, the editing page may be a video editing page for editing a video, a picture editing page for editing a picture, or the like.
Specifically, when the editing page is a video editing page, the video may be short video data. For example, any video with a transmission time of less than 5 minutes; as another example, it may be any video album composed of at least two photographs; for another example, the video collection can be any video collection composed of a plurality of videos and having a total propagation time within 5 minutes; also for example, it may be any video file consisting of at least one photograph and at least one video.
It should be noted that when attempting to acquire a video, a video stored in advance in a local or remote storage area may be acquired, or a video may be directly captured. Optionally, the stored video may be called from at least one of a local or remote video library and an image library to serve as a video to be edited, a video editing page is called, and a preview picture of the video to be edited is displayed in a preview area; optionally, the video may also be directly recorded, the recorded video is used as a video to be edited, a video editing page is called, and a preview picture of the video to be edited is displayed in the preview area. The method for acquiring the source short video is not limited, and can be selected according to actual conditions.
Specifically, the original material may be any image material, for example, the original material may be a text material, a sticker picture, a cover picture, and the like. It should be understood that the text material may be a picture with characters on the border of the text box, or an effect picture with characters made into artistic words.
It should be noted that the material may be stacked on a video picture or a picture as a layer, and after the modification and/or storage operation is confirmed, the material and the original video picture or picture become an inseparable picture, where a plurality of layers may be stacked on the same video picture or picture, that is, at least one material may be placed on the same video picture. It will be appreciated that the order in which the layers of material are stacked may be adjusted and/or changed, i.e. when multiple layers of material are used, the later applied material may be caused to obscure at least a portion of the earlier applied material. Of course, the plurality of materials may be applied at a distance from each other. The display mode among the materials is not limited in the embodiment of the disclosure, and can be selected according to actual conditions.
It should be understood that the image material may be displayed in association with the edit page, that is, a trigger button for entering material selection may be provided in the edit page, the image material may be displayed in the material area when the trigger button is triggered by the user, or a part of the commonly used image material may be selected, and the commonly used image material may be displayed in the material area when entering the edit page.
Specifically, the function object may be a preset editing function in an editing page. Illustratively, the function objects may include, but are not limited to, special effects functions, sticker functions, clipping functions, text functions, and the like.
In step S13, when any of the at least one source material is moved to an edge area of the edit page, material position adjustment information for prompting adjustment of the position of the at least one source material is displayed on the edit page.
Specifically, when editing a video or a picture on an editing page, the system can respond to a movement instruction triggered by a user based on any original material, and move the original material corresponding to the movement instruction to any position in the editing page. When the system detects that any original material is moved to the edge area of the editing page, material position adjustment information can be displayed in the editing page, and the material position adjustment information can be used for prompting a user to adjust the position of the at least one original material (including the original material moved to the edge area).
Illustratively, the material position adjustment information includes, but is not limited to, text information, picture information, and the like. Taking the text information as an example, the material position adjustment information may be "if the material is more biased, the blank can be reset if the material is pressed for a long time", and the like.
Specifically, the blank space may be an area of the editing page other than the area where the function object is located and the area where the at least one original material is located.
In an optional embodiment, the edge area is a rectangle, the height of the edge area is equal to the height of the editing page, and a distance between a center point of the edge area and a boundary corresponding to the height of the editing page is smaller than a preset distance threshold, or the edge area is a rectangle, the width of the edge area is equal to the width of the editing page, and a distance between the center point of the edge area and a boundary corresponding to the width of the editing page is smaller than the preset distance threshold, then the method may further include:
in a case where there is an overlapping portion between the above-mentioned any of the source materials and the edge area, it is determined that the above-mentioned any of the source materials is moved to the above-mentioned edge area.
Specifically, when the height of the edge region is equal to the height of the edit page, "a boundary corresponding to the height of the edit page" is a vertical boundary of the edit page.
Specifically, when the width of the edge area is equal to the width of the edit page, the "boundary corresponding to the width of the edit page" is a horizontal boundary of the edit page.
Specifically, the phrase "any source material has an overlapping portion with the edge region" means that part or all of the region in any source material falls into the edge region.
In the embodiment of the present disclosure, the shape and size of the edge area may be defined in advance, and when it is detected that part or all of any original material falls into the edge area, the edge area is considered to be moved by the any original material, and the material position adjustment information is displayed in the edit page, so as to accurately and efficiently determine whether any original material is moved to the edge area, thereby improving the efficiency and accuracy of displaying the material position adjustment information.
In an optional embodiment, the method may further include:
and determining that any original material is moved to the edge area under the condition that the center point of any original material is positioned outside the editing page.
In the embodiment of the present disclosure, a center point of any original material may also be directly detected, and when it is detected that the center point of any original material is located outside the editing page, the material position adjustment information is displayed in the editing page if it is considered that any original material is moved to the edge area, so as to accurately and simply determine whether any original material is moved to the edge area, thereby improving efficiency of displaying the material position adjustment information, and reducing complexity of displaying the material position adjustment information.
In an optional embodiment, in the step S13, in the case that any one of the at least one original material is moved to an edge area of the edit page, the displaying of the material position adjustment information in the edit page may include:
and when any one of the at least one original material is moved to the edge area of the editing page, displaying the material position adjustment information in the area except the edge area in the boundary page.
In another optional embodiment, when the functional object is located in the edge region, and in a case where any one of the at least one original material is moved to the edge region of the edit page, the presenting of the material position adjustment information in the edit page may include:
when any original material is moved to the edge area and the center point of any original material is located outside the editing page, the material position adjustment information is displayed in a position adjustment information display area in the editing page, wherein the position adjustment information display area is an area except the edge area in the editing page.
Optionally, since the functional object is located in the edge region, in order to avoid the blocking of the material position adjustment information, the position adjustment information display region may be a region other than the edge region.
Specifically, when the edge area includes a functional object, since the click priority of the functional object is higher than that of the material, if the center point of any of the above-described source materials is located outside the editing page, the source material may not be moved again. At this time, material position adjustment information for prompting to adjust the position of the at least one original material (including the original material which has moved into the edge region) may be displayed in a position adjustment information display region of the editing page, and on one hand, the material position adjustment information is displayed in a position adjustment information display region other than the edge region, so that the functional object and the material in the edge region can be prevented from shielding the material position adjustment information, and the display effect of the material position adjustment information is improved; on the other hand, the material position adjusting information prompts a user that the original material is shielded by the functional area, has a more biased position and needs to be adjusted so as to respond to an instruction triggered by the user based on the material position adjusting information in time, realize the removability of the original material shielded by the functional object in the edge area, improve the flexibility and the convenience of the material removability, and reduce the editing time of the video or the picture and the consumption of the system resources in the editing process.
Fig. 4 is a diagram illustrating a position adjustment information presentation area in an edit page presenting material position adjustment information according to an exemplary embodiment. As shown in fig. 4, the edge area is the right side of the editing page, the functional object is located in the edge area, and the center point of the original material is located outside the editing page, and at this time, the material position adjustment information may be displayed in a position adjustment information display area other than the edge area. Alternatively, the position adjustment information presentation area may be an area other than the edge area, for example, the bottom of the editing page, the top of the editing page, the left side of the editing page, the middle position of the editing page, and the like.
In another optional embodiment, when the functional object is not located in the edge region, the displaying the material position adjustment information in the edit page in the case that any one of the at least one original material is moved to the edge region of the edit page may include:
when any original material is moved to the edge area and the touch area of any original material is located outside the editing page, displaying the material position adjustment information in a position adjustment information display area in the editing page, wherein the position adjustment information display area is an area except the edge area and the area where the function object is located in the editing page.
Specifically, the touch area refers to an area for operation in the material, and the user performs an operation (e.g., clicking, long-pressing, dragging, etc.) on the touch area to perform processing (e.g., moving, editing, etc.) on the material.
Optionally, since the functional object is not located in the edge region, in order to avoid blocking the material position adjustment information, the position adjustment information display region may be a region of the editing page other than the edge region and the region where the functional object is located.
When any of the raw materials is moved to the edge area, and the functional object is not located in the edge area to which any of the raw materials is moved, and the touch area of any of the raw materials is located outside the editing page (i.e., all areas of the raw materials available for user operation are located outside the editing page), the material cannot be moved again. At this time, material position adjustment information for prompting the adjustment of the position of the at least one material to be processed can be displayed in a position adjustment information display area of the editing page, so that on one hand, the material position adjustment information is displayed in the position adjustment information display area except for the edge area and the area where the functional object is located, the shielding of the functional object and the material in the edge area on the material position adjustment information can be avoided, and the display effect of the material position adjustment information is improved; on the other hand, the material position adjustment information can prompt a user that the original material is not shielded by the functional area, but the touch area is completely positioned outside the editing page and also belongs to the range with more biased positions, and the position of the original material needs to be adjusted so as to timely respond to an instruction triggered by the user based on the material position adjustment information, so that the original material of which the touch area is completely positioned outside the editing page is moved again, the flexibility and the convenience of material movement are improved, and the editing time of videos or pictures and the consumption of system resources in the editing process are reduced.
Fig. 5 is a diagram illustrating another position adjustment information presentation area in an editing page showing material position adjustment information according to an exemplary embodiment. As shown in fig. 5, when the edge area is the bottom of the editing page, the functional object is not located in the edge area, and the touch area of any of the raw materials is located in the edge area, the material position adjustment information may be displayed in the position adjustment information display area except for the edge area and the area where the functional object is located. Alternatively, the position adjustment information presentation area may be the top of the editing page, the left side of the editing page, the middle position of the editing page, or the like.
Fig. 6 is a diagram illustrating another position adjustment information presentation area in an editing page showing material position adjustment information according to an exemplary embodiment. As shown in fig. 6, when the edge area is the top of the editing page, the functional object is not located in the edge area, and the touch area of any of the raw materials is located outside the editing page, the material position adjustment information may be displayed in the position adjustment information display area except for the edge area and the area where the functional object is located. Alternatively, the position adjustment information presentation area may be the bottom of the editing page, the left side of the editing page, the middle position of the editing page, or the like.
In step S15, in response to a preset operation instruction triggered based on a target area in the edit page, a copied material corresponding to each of the at least one original material is displayed in the target area, where the target area is an area of the edit page other than an area where the function object is located and an area where the at least one original material is located.
Specifically, the preset operation instruction is used for triggering the display of the copied material corresponding to each of the at least one original material in the target area.
It should be noted that the copied material and the corresponding original material are the same material, but the positions of the copied material and the corresponding original material in the edit page are different. Assuming that the editing page includes an original material a, an original material b, and an original material c, at least one copied material displayed in the target area may be a copied material a, a copied material b, and a copied material c, where the copied material a corresponds to the original material a, the copied material b corresponds to the original material b, and the copied material c corresponds to the original material c.
It should be noted that, when the copied material corresponding to the at least one original material is displayed in the target area, the position in the editing page of each original material is not changed, that is, each original material is still displayed on the editing page.
Specifically, the target area may show copied materials corresponding to all the original materials in the editing page. For example, the editing page includes 3 primitives, and although only one of the 3 primitives is moved to the edge region, the copied material corresponding to each of the 3 primitives is displayed in the target region.
Specifically, the target area may be an area other than the area where the function object is located and the area where each of the original materials is located in the edit page.
Alternatively, the preset operation instruction may be clicked, pressed, or the like. For example, by pressing any position in the target area, the copied material corresponding to each of the at least one original material is displayed in the target area.
Illustratively, thumbnails of the at least one copied material may be sequentially listed in the target area. If the number of the copied materials is large, a sliding selection function can be set in the target area, and different copied materials can be selected by sliding the copied materials in the target area.
In an optional embodiment, the displaying, in response to a preset operation instruction triggered based on a target area in the edit page, respective copied materials corresponding to the at least one original material in the target area includes:
and responding to the preset operation instruction, displaying a material selection area with a preset style in the target area, wherein the material selection area comprises the copied material corresponding to the at least one original material and material configuration prompt information, and the material configuration prompt information is used for prompting selection of the copied material corresponding to the at least one original material.
Specifically, the preset operation instruction may be used to trigger the presentation of the preset-style material selection area in the target area.
For example, the preset-style material selection area can be various areas capable of displaying characters and pictures.
Specifically, the material selection area shows copied materials corresponding to all the original materials in the editing page. For example, the editing page includes 3 original materials, and although only one of the original materials is moved to the edge region, copied materials corresponding to the 3 original materials are displayed in the target region.
It should be noted that, when the copied material corresponding to the at least one original material is displayed in the material selection area, the position in the editing page of each original material is not changed, that is, each original material is still displayed on the editing page.
Illustratively, thumbnails of the at least one copied material may be sequentially listed in the material selection area. If the number of the copied materials is large, a sliding selection function can be set in the material selection area, and different copied materials can be selected by sliding the copied materials in the material selection area.
Illustratively, the material configuration prompt message includes, but is not limited to, text message, picture message, and the like. Taking text information as an example, the material configuration prompt message may be "select a material to be placed again" or the like.
Fig. 7 is a diagram illustrating a presentation of at least one copied material according to an example embodiment. As shown in fig. 7, when the operation instruction is triggered, the material selection area is displayed, and the material selection area may include material configuration prompt information in addition to the copied materials (the copied materials 1, 2, and 3) corresponding to at least one of the original materials (the original material 1, the original material 2, and the original material 3). In addition, when the copied material corresponding to the at least one original material is displayed in the material selection area, the original materials are still displayed on the editing page.
In the embodiment of the disclosure, on one hand, the copied materials corresponding to all the original materials in the editing page are displayed in the material selection area, so that not only can the materials in the edge area be moved again, but also the materials not in the edge area can be moved, and the flexibility and the convenience of material movement are improved; on the other hand, the material configuration prompt information can be displayed in the material selection area, so that a more intuitive prompt is provided for a user to select a material to be placed at the material selection area, and the method is favorable for responding to an instruction triggered by the user based on the copied material in the material selection area in time, and realizing the rapid movement of the material (including the original material in the edge area and the original material not in the edge area), so that the response speed of the movement of the material is improved, the editing time is shortened, and the consumption of system resources in the editing process is reduced.
In an optional embodiment, the method further includes: and hiding the material position adjusting information in response to the operation instruction.
Specifically, after the operation instruction is triggered, the material position adjustment information may be hidden.
In the embodiment of the disclosure, after the operation instruction is triggered, since the material selection area is displayed in the editing page, the material position adjustment information is hidden, the occupancy rate of the editing page can be reduced, the resource consumption is reduced, and the material moving rate is increased.
In step S17, in response to a selection instruction triggered based on any of the copied material in the target area, the copied material displayed in the target area is updated to the target copied material corresponding to the selection instruction.
Specifically, the selection instruction includes, but is not limited to: click, long press, drag, etc.
In an optional embodiment, in step S17, the updating, in response to a selection instruction triggered based on any copied material in the target area, the copied material to be displayed in the target area to a target copied material corresponding to the selection instruction may include:
and hiding the material selection area and the material in the material selection area except the target copied material in response to the selection instruction triggered based on any copied material in the material selection area.
Specifically, if the original material corresponding to the target copy material selected by the user in the material selection area is the original material that has been moved to the edge area, the material selection area and the materials except the target copy material in the material selection area may be hidden, that is, the target copy material (that is, the original material that has been moved to the edge area) is only displayed in the target area at this time, so that the original material that has been moved to the edge area is moved to the target area again, that is, the moving operation of the original material that has been in the edge area is realized.
Specifically, if the original material corresponding to the target copy material selected by the user in the material selection area is not the original material that has been moved to the edge area, the material selection area and the materials except the target copy material in the material selection area may be hidden, that is, the target copy material (i.e., the original material that has not been moved to the edge area) is only displayed in the target area at this time, so that the original material that has not been moved to the edge area is moved to the target area again, that is, the moving operation of the original material that is not in the edge area is realized.
In the embodiment of the disclosure, when a copied material corresponding to an original material which has been moved to an edge area is selected in a material selection area, the material selection area and the material except for the target copied material in the material selection area can be hidden, that is, the original material which has been blocked by a functional area and cannot be moved continuously can be moved again, so that the flexibility and the convenience of material movement are improved, and the defects of long editing time and high system resource consumption caused by exiting an edited page and reloading the material can be avoided; moreover, when the copied material corresponding to the original material which is not moved to the edge area is selected in the material selection area, the original material which is not moved to the edge area can be moved, and the flexibility and the convenience of material movement are further improved; in addition, the material selection area is hidden, so that the target copy material can be conveniently displayed, the occupancy rate of an editing page can be reduced, and the consumption of resources is reduced.
In an optional embodiment, the method further includes: and hiding the original material corresponding to the target copied material in response to the selection instruction and the selection instruction.
In the embodiment of the disclosure, after the selection instruction is triggered, because the original material corresponding to the target copy material is already displayed in the target area, the original material corresponding to the target copy material is hidden, so that the occupancy rate of the editing page can be reduced, and the consumption of resources can be reduced.
In an optional embodiment, when the user wants to select a new original material to edit the video or the picture, the editing page may be exited, after all the original materials in the editing page are cleared, the material to be processed is selected from the material selection area again to be added, and the above steps are repeated when the material is moved to the edge area.
Fig. 8 is a block diagram illustrating a material processing apparatus according to an exemplary embodiment. Referring to fig. 8, the apparatus includes an edit page display module 21, a position adjustment information presentation module 23, a copied material presentation module 25, and an update module 27.
And an editing page display module 21 configured to execute displaying an editing page, where the editing page includes at least one original material and a functional object, and the functional object represents a preset editing function in the editing page.
And the position adjustment information display module 23 is configured to display material position adjustment information in the editing page when any one of the at least one original material is moved to an edge area of the editing page, where the material position adjustment information is used for prompting to adjust the position of the at least one original material.
And the copied material displaying module 25 is configured to execute a preset operation instruction triggered based on a target area in the editing page, where the target area is an area of the editing page other than the area where the function object is located and the area where the at least one original material is located, and display the copied material corresponding to the at least one original material in the target area.
And the updating module 27 is configured to execute a selection instruction triggered based on any copied material in the target area, and update the copied material displayed in the target area to the target copied material corresponding to the selection instruction.
In an optional embodiment, the edge area is a rectangle, the height of the edge area is equal to the height of the editing page, and a distance between a center point of the edge area and a boundary corresponding to the height of the editing page is smaller than a preset distance threshold, or the edge area is a rectangle, the width of the edge area is equal to the width of the editing page, and a distance between the center point of the edge area and a boundary corresponding to the width of the editing page is smaller than the preset distance threshold, the apparatus may further include:
a first determining module configured to determine that the any original material is moved to the edge area if there is an overlapping portion between the any original material and the edge area.
In an optional embodiment, the apparatus may further include:
and the second determining module is configured to determine that any original material is moved to the edge area when the center point of any original material is located outside the editing page.
In an optional embodiment, the copied material displaying module 25 is configured to execute, in response to the preset operation instruction, displaying a material selection area in a preset style in the target area, where the material selection area includes copied materials corresponding to at least one original material and material configuration prompt information, and the material configuration prompt information is used to prompt selection of the copied materials corresponding to the at least one original material.
In an alternative embodiment, the update module 27 is configured to execute the selection instruction triggered based on any copied material in the material selection area to hide the material selection area and the material in the material selection area except for the target copied material.
In an optional embodiment, the apparatus may further include:
and the position adjustment information hiding module is configured to execute and respond to the preset operation instruction to hide the material position adjustment information.
In an optional embodiment, the apparatus may further include:
and the original material hiding module is configured to execute and respond to the selection instruction to hide the original material corresponding to the target copied material.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
In an exemplary embodiment, there is also provided an electronic device, comprising a processor; a memory for storing processor-executable instructions; the processor is configured to implement the steps of any of the material processing methods in the above embodiments when executing the instructions stored in the memory.
The electronic device may be a terminal, a server, or a similar computing device, taking the electronic device as a server as an example, fig. 9 is a block diagram of an electronic device for material Processing according to an exemplary embodiment, where the electronic device 30 may have a relatively large difference due to different configurations or performances, and may include one or more Central Processing Units (CPUs) 31 (the CPU 31 may include but is not limited to a Processing device such as a microprocessor MCU or a programmable logic device FPGA), a memory 33 for storing data, and one or more storage media 32 (e.g., one or more mass storage devices) for storing applications 323 or data 322. The memory 33 and the storage medium 32 may be, among other things, transient storage or persistent storage. The program stored on the storage medium 32 may include one or more modules, each of which may include a sequence of instructions operating on the electronic device. Still further, the central processor 31 may be configured to communicate with the storage medium 32, and execute a series of instruction operations in the storage medium 32 on the electronic device 30. The electronic device 30 may also include one or more power supplies 36, one or more wired or wireless network interfaces 35, one or more input-output interfaces 34, and/or one or more operating systems 321, such as Windows ServerTM, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, and so forth.
The input output interface 34 may be used to receive or transmit data via a network. Specific examples of the network described above may include a wireless network provided by a communication provider of the electronic device 30. In one example, the input/output Interface 34 includes a Network adapter (NIC) that can be connected to other Network devices through a base station to communicate with the internet. In an exemplary embodiment, the input/output interface 34 may be a Radio Frequency (RF) module, which is used for communicating with the internet in a wireless manner.
It will be understood by those skilled in the art that the structure shown in fig. 9 is merely an illustration and is not intended to limit the structure of the electronic device. For example, electronic device 30 may also include more or fewer components than shown in FIG. 9, or have a different configuration than shown in FIG. 9.
In an exemplary embodiment, there is also provided a computer readable storage medium, wherein instructions of the computer readable storage medium, when executed by a processor of an electronic device, enable the electronic device to perform the steps of any of the material processing methods of the above embodiments.
In an exemplary embodiment, there is also provided a computer program product comprising a computer program which, when executed by a processor, implements the material processing method provided in any one of the above-described embodiments.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database, or other medium used in embodiments provided by the present disclosure may include non-volatile and/or volatile memory, among others. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (17)
1. A method for processing material, comprising:
displaying an editing page, wherein the editing page comprises a functional object and at least one original material, and the functional object represents a preset editing function in the editing page;
displaying material position adjustment information in the editing page under the condition that any one of the at least one original material is moved to an edge area of the editing page, wherein the material position adjustment information is used for prompting to adjust the position of the at least one original material;
responding to a preset operation instruction triggered based on a target area in the editing page, and displaying a copied material corresponding to the at least one original material in the target area, wherein the target area is an area except for an area where the functional object is located and an area where the at least one original material is located in the editing page;
and in response to a selection instruction triggered based on any copied material in the target area, updating the copied material displayed in the target area into the target copied material corresponding to the selection instruction.
2. The material processing method according to claim 1, wherein the edge area is rectangular, the height of the edge area is equal to the height of the editing page, and the distance between the center point of the edge area and the boundary corresponding to the height of the editing page is smaller than a preset distance threshold, or the edge area is rectangular, the width of the edge area is equal to the width of the editing page, and the distance between the center point of the edge area and the boundary corresponding to the width of the editing page is smaller than the preset distance threshold, the method further comprising:
determining that the any source material is moved to the edge region with an overlap between the any source material and the edge region.
3. A method as claimed in claim 1, wherein the method further comprises:
determining that the any original material is moved to the edge region if the center point of the any original material is outside the edit page.
4. A material processing method according to any one of claims 1 to 3, wherein the presenting, in response to a preset operation instruction triggered based on a target area in the editing page, each corresponding copied material of the at least one original material in the target area comprises:
and responding to the preset operation instruction, displaying a material selection area with a preset style in the target area, wherein the material selection area comprises the copied material corresponding to the at least one original material and material configuration prompt information, and the material configuration prompt information is used for prompting selection of the copied material corresponding to the at least one original material.
5. The material processing method according to claim 4, wherein the updating of the copied material to be presented in the target area to the target copied material corresponding to the selection instruction in response to the selection instruction triggered based on any copied material in the target area comprises:
concealing the material selection area and material in the material selection area other than the target copied material in response to the selection instruction triggered based on any copied material in the material selection area.
6. A method as claimed in claim 4, wherein the method further comprises:
and hiding the material position adjusting information in response to the preset operation instruction.
7. The material processing method according to claim 1 or 5, further comprising:
and hiding the original material corresponding to the target copied material in response to the selection instruction.
8. A material processing apparatus, comprising:
the editing page display module is configured to execute displaying of an editing page, the editing page comprises a functional object and at least one original material, and the functional object represents a preset editing function in the editing page;
a position adjustment information display module configured to display material position adjustment information in the editing page when any of the at least one original material is moved to an edge region of the editing page, the material position adjustment information being used to prompt adjustment of a position of the at least one original material;
a copied material display module configured to execute a preset operation instruction triggered based on a target area in the editing page, and display copied materials corresponding to the at least one original material in the target area, where the target area is an area of the editing page other than an area where the functional object is located and an area where the at least one original material is located;
and the updating module is configured to execute a selection instruction triggered based on any copied material in the target area, and update the copied material displayed in the target area to the target copied material corresponding to the selection instruction.
9. The material processing apparatus according to claim 8, wherein the edge region is rectangular, a height of the edge region is equal to a height of the editing page, and a distance between a center point of the edge region and a boundary corresponding to the height of the editing page is smaller than a preset distance threshold, or the edge region is rectangular, a width of the edge region is equal to a width of the editing page, and a distance between the center point of the edge region and the boundary corresponding to the width of the editing page is smaller than the preset distance threshold, the apparatus further comprising:
a first determination module configured to perform determining that the any source material is moved to the edge region with an overlap portion between the any source material and the edge region.
10. A material processing apparatus as defined in claim 8, wherein the apparatus further comprises:
a second determination module configured to perform determining that the any original material is moved to the edge region if a center point of the any original material is located outside the edit page.
11. The material processing apparatus as claimed in any one of claims 8 to 10, wherein the copied material displaying module is configured to perform displaying a preset style material selecting area in the target area in response to the preset operation instruction, wherein the material selecting area includes copied material corresponding to each of the at least one original material and material configuration prompting information for prompting selection of the copied material corresponding to each of the at least one original material.
12. The material processing apparatus according to claim 11, wherein the update module is configured to execute the selection instruction triggered in response to any of the copied material in the material selection area, and hide the material selection area and the material in the material selection area other than the target copied material.
13. A material processing apparatus as defined in claim 11, wherein the apparatus further comprises:
and the position adjustment information hiding module is configured to execute hiding of the material position adjustment information in response to the preset operation instruction.
14. The material processing apparatus according to claim 8 or 12, said apparatus further comprising:
and the original material hiding module is configured to execute hiding of the original material corresponding to the target copied material in response to the selection instruction.
15. An electronic device, comprising:
a processor;
a memory for storing the processor-executable instructions; wherein the processor is configured to execute the instructions to implement the material processing method of any one of claims 1 to 7.
16. A computer-readable storage medium whose instructions, when executed by a processor of an electronic device, cause the electronic device to perform the material processing method of any one of claims 1 through 7.
17. A computer program product comprising a computer program, characterized in that the computer program realizes the material processing method of any one of claims 1 to 7 when executed by a processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110889070.7A CN113342247B (en) | 2021-08-04 | 2021-08-04 | Material processing method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110889070.7A CN113342247B (en) | 2021-08-04 | 2021-08-04 | Material processing method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113342247A CN113342247A (en) | 2021-09-03 |
| CN113342247B true CN113342247B (en) | 2021-11-02 |
Family
ID=77480568
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110889070.7A Active CN113342247B (en) | 2021-08-04 | 2021-08-04 | Material processing method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113342247B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114547519B (en) * | 2022-02-24 | 2023-04-07 | 京东方数字科技有限公司 | Page editing method and device, electronic equipment and readable storage medium |
| CN115134659A (en) * | 2022-06-15 | 2022-09-30 | 阿里巴巴云计算(北京)有限公司 | Video editing and configuring method and device, browser, electronic equipment and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US4496991A (en) * | 1981-04-14 | 1985-01-29 | Tomas Dyfverman | Method in the editing of kinematographic picture material |
| JP2009100270A (en) * | 2007-10-17 | 2009-05-07 | Sharp Corp | Video-editing method and television broadcast receiver |
| CN103988166A (en) * | 2011-12-12 | 2014-08-13 | 高通股份有限公司 | Selective mirroring of media output |
| CN111177610A (en) * | 2020-01-06 | 2020-05-19 | 北京字节跳动网络技术有限公司 | Material display method and device, electronic equipment and storage medium |
| CN111194436A (en) * | 2017-10-14 | 2020-05-22 | 高通股份有限公司 | Method for direct manipulation of multi-layer user interface |
| CN111770381A (en) * | 2020-06-04 | 2020-10-13 | 北京达佳互联信息技术有限公司 | Video editing prompting method and device and electronic equipment |
| CN112528207A (en) * | 2021-02-05 | 2021-03-19 | 北京淇瑀信息科技有限公司 | Activity page generation method and device and electronic equipment |
| CN112822542A (en) * | 2020-08-27 | 2021-05-18 | 腾讯科技（深圳）有限公司 | Video synthesis method and device, computer equipment and storage medium |
-
2021
- 2021-08-04 CN CN202110889070.7A patent/CN113342247B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US4496991A (en) * | 1981-04-14 | 1985-01-29 | Tomas Dyfverman | Method in the editing of kinematographic picture material |
| JP2009100270A (en) * | 2007-10-17 | 2009-05-07 | Sharp Corp | Video-editing method and television broadcast receiver |
| CN103988166A (en) * | 2011-12-12 | 2014-08-13 | 高通股份有限公司 | Selective mirroring of media output |
| CN111194436A (en) * | 2017-10-14 | 2020-05-22 | 高通股份有限公司 | Method for direct manipulation of multi-layer user interface |
| CN111177610A (en) * | 2020-01-06 | 2020-05-19 | 北京字节跳动网络技术有限公司 | Material display method and device, electronic equipment and storage medium |
| CN111770381A (en) * | 2020-06-04 | 2020-10-13 | 北京达佳互联信息技术有限公司 | Video editing prompting method and device and electronic equipment |
| CN112822542A (en) * | 2020-08-27 | 2021-05-18 | 腾讯科技（深圳）有限公司 | Video synthesis method and device, computer equipment and storage medium |
| CN112528207A (en) * | 2021-02-05 | 2021-03-19 | 北京淇瑀信息科技有限公司 | Activity page generation method and device and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113342247A (en) | 2021-09-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111107418B (en) | Video data processing method, device, computer equipment and storage medium | |
| CN108537859B (en) | Image mask using deep learning | |
| WO2018196457A1 (en) | On-screen comment display method and electronic device | |
| US10552181B2 (en) | User interface extender | |
| CN113342247B (en) | Material processing method and device, electronic equipment and storage medium | |
| KR20140098009A (en) | Method and system for creating a context based camera collage | |
| US10430456B2 (en) | Automatic grouping based handling of similar photos | |
| US10049490B2 (en) | Generating virtual shadows for displayable elements | |
| CN109298806B (en) | Remote quick interface interaction method and device based on object recognition | |
| US20230351604A1 (en) | Image cutting method and apparatus, computer device, and storage medium | |
| CN112102445B (en) | Building poster manufacturing method, device, equipment and computer readable storage medium | |
| EP4080507A1 (en) | Method and apparatus for editing object, electronic device and storage medium | |
| US11269892B2 (en) | Ranking images based on image effects | |
| US10304232B2 (en) | Image animation in a presentation document | |
| CN110286971B (en) | Processing method and system, medium and computing device | |
| CN110930325A (en) | Image processing method and device based on artificial intelligence and storage medium | |
| CN116775916A (en) | Multimedia content playing method, device, equipment and storage medium | |
| WO2018210113A1 (en) | Method for displaying dynamic information, computer device, and storage medium | |
| CN112579244A (en) | Method and system for capturing regional picture in remote desktop at mobile terminal | |
| CN113538502A (en) | Picture clipping method and device, electronic equipment and storage medium | |
| US11769466B2 (en) | Image display method and apparatus, device, and storage medium | |
| CN111343409A (en) | Method and system for initiating and synchronizing dynamic arrangement of multiple video windows | |
| CN115658196A (en) | Page display method and device, electronic equipment and storage medium | |
| CN112714299B (en) | Image display method and device | |
| CN112651801B (en) | Method and device for displaying house source information |
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 |