Layout adjustment method and device, equipment, storage medium and program product

Abstract

The present disclosure relates to a layout adjustment method, device, equipment, storage medium and program product. The method comprises: displaying a multimedia editing interface, wherein the multimedia editing interface comprises a canvas, a material attribute panel, a material display area and a track editing area, the canvas is used to display a multimedia picture corresponding to multimedia data; in response to receiving an adjustment operation on the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation; wherein the canvas is located on a first layer, the material attribute panel, the material display area and the track editing area are located on a second layer, the first layer is located below the second layer, and the second layer is displayed with a set transparency. In the multimedia editing interface in the present disclosure, the user can adaptively adjust the size and position of the canvas, and display other areas in a transparent manner, so that the user can view the displayed multimedia picture within the overall range of the canvas at any time.

Description

Technical Field

[0001] The present disclosure relates to the field of computer processing technology, and in particular to a layout adjustment method, apparatus, device, storage medium, and program product. Background Art

[0002] With the rapid development of computer technology and mobile communication technology, various video platforms based on electronic devices have been widely used, greatly enriching people's daily lives. More and more users are willing to edit video materials on video editing platforms to obtain high-quality videos.

[0003] How to adjust the video editing interface is an urgent problem to be solved. Summary of the Invention

[0004] In order to solve the above technical problems, the embodiments of the present disclosure provide a layout adjustment method, apparatus, device, storage medium and program product, which solve the problem of adjusting the layout in a video editing interface.

[0005] In a first aspect, an embodiment of the present disclosure provides a layout adjustment method, comprising:

[0006] Displaying a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area, wherein the canvas is used to display a multimedia screen corresponding to multimedia data, the material attribute panel is used to set attributes of materials in the multimedia data in response to user operations, the material display area is used to display candidate materials and add materials selected by the user to the multimedia data, and the track editing area is used to display the multimedia data on a multimedia editing track, wherein the materials in the multimedia data are displayed as track segments on the multimedia editing track according to editing information in the multimedia data, and the editing information is used to indicate editing operations on the materials;

[0007] In response to receiving an adjustment operation on the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation;

[0008] Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0009] In a second aspect, an embodiment of the present disclosure provides a layout adjustment device, comprising:

[0010] an interface display module, configured to display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area; the canvas is configured to display a multimedia screen corresponding to multimedia data; the material attribute panel is configured to set attributes of materials in the multimedia data in response to user operations; the material display area is configured to display candidate materials and add materials selected by the user to the multimedia data; the track editing area is configured to display the multimedia data on a multimedia editing track; the materials in the multimedia data are displayed as track segments on the multimedia editing track according to editing information in the multimedia data; and the editing information is configured to indicate editing operations on the materials;

[0011] a canvas adjustment module, configured to, in response to receiving an adjustment operation on the canvas, adjust size information and / or position information of the canvas based on the adjustment operation;

[0012] Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0013] In a third aspect, an embodiment of the present disclosure provides an electronic device, the electronic device comprising:

[0014] one or more processors;

[0015] a storage device for storing one or more programs;

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the layout adjustment method as described in any one of the first aspects above.

[0017] In a fourth aspect, an embodiment of the present disclosure provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the layout adjustment method as described in any one of the above-mentioned first aspects.

[0018] In a fifth aspect, an embodiment of the present disclosure provides a computer program product, which includes a computer program or instructions, and when the computer program or instructions are executed by a processor, implements the layout adjustment method as described in any one of the first aspects above.

[0019] Embodiments of the present disclosure provide a layout adjustment method, apparatus, device, storage medium, and program product, the method comprising: displaying a multimedia editing interface, wherein the multimedia editing interface comprises a canvas, a material property panel, a material display area, and a track editing area, the canvas being used to display a multimedia screen corresponding to multimedia data, the material property panel being used to set properties of materials in the multimedia data in response to user operations, the material display area being used to display candidate materials and add materials selected by the user to the multimedia data, the track editing area being used to display the multimedia data on a multimedia editing track, the materials in the multimedia data being displayed as track segments on the multimedia editing track according to editing information in the multimedia data, the editing information being used to indicate editing operations on the materials; and in response to receiving an adjustment operation on the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation; wherein the canvas is located on a first layer, the material property panel, the material display area, and the track editing area are located on a second layer, the first layer being located below the second layer, and the second layer being displayed according to a set transparency. In the multimedia editing interface of the embodiment of the present disclosure, the user can adaptively adjust the size and position of the canvas, and display other areas in a transparent manner, so that the user can view the multimedia screen displayed within the entire canvas at any time. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The above and other features, advantages, and aspects of the various embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and that the originals and elements are not necessarily drawn to scale.

[0021] Figure 1 is a flow chart of a layout adjustment method according to an embodiment of the present disclosure;

[0022] Figure 2 is a schematic diagram of a multimedia editing interface in an embodiment of the present disclosure;

[0023] Figure 3a is a schematic diagram of canvas adjustment in an embodiment of the present disclosure;

[0024] Figure 3b is another canvas adjustment schematic diagram in an embodiment of the present disclosure;

[0025] Figure 3c is another canvas adjustment schematic diagram in an embodiment of the present disclosure;

[0026] Figure 4 Schematic diagram of the process of dragging the material attribute panel in an embodiment of the present disclosure;

[0027] Figure 5 This is a schematic diagram of dragging the material attribute panel in an embodiment of the present disclosure;

[0028] Figure 6 Schematic diagram of the process of adjusting the multimedia editing interface in an embodiment of the present disclosure;

[0029] Figure 7 A schematic diagram of adjusting a material display area in an embodiment of the present disclosure;

[0030] Figure 8 A schematic diagram of adjusting a track editing area in an embodiment of the present disclosure;

[0031] Figure 9a A schematic diagram of an overlapped track editing area and a canvas in an embodiment of the present disclosure;

[0032] Figure 9b A schematic diagram of a material property panel overlapping with a canvas in an embodiment of the present disclosure;

[0033] Figure 10 is a structural diagram of a layout adjustment device in an embodiment of the present disclosure;

[0034] Figure 11 Schematic diagram of the structure of an electronic device in an embodiment of the present disclosure. DETAILED DESCRIPTION

[0035] The following describes embodiments of the present disclosure in more detail with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as limited to the embodiments described herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of protection of the present disclosure.

[0036] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0037] As used herein, the term "including" and its variations are open-ended, i.e., "including but not limited to." The term "based on" means "based, at least in part, on." The term "one embodiment" means "at least one embodiment," the term "another embodiment" means "at least one additional embodiment," and the term "some embodiments" means "at least some embodiments." Other terms are defined in the following description.

[0038] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0039] It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, they should be understood as "one or more".

[0040] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0041] Before further describing the embodiments of the present disclosure in detail, the nouns and terms involved in the embodiments of the present disclosure are explained. The nouns and terms involved in the embodiments of the present disclosure are subject to the following interpretations.

[0042] In response, it is used to indicate the conditions or states on which the executed operations depend. When the dependent conditions or states are met, one or more operations executed can be in real time or with a set delay. Unless otherwise specified, there is no restriction on the order of execution of the multiple operations executed.

[0043] Hereinafter, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. It should be noted that the same reference numerals in different drawings will be used to refer to the same elements described above.

[0044] Figure 1 This is a flowchart of a layout adjustment method in an embodiment of the present disclosure. This embodiment is applicable to the case of adjusting the component layout in a multimedia editing interface. The method can be executed by a layout adjustment device, which can be implemented in software and / or hardware.

[0045] like Figure 1 As shown, the layout adjustment method provided by the embodiment of the present disclosure mainly includes steps S110-S120.

[0046] S110. Display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area; the canvas is used to display a multimedia screen corresponding to the multimedia data; the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation; the material display area is used to display candidate materials and add the material selected by the user to the multimedia data; the track editing area is used to display the multimedia data on a multimedia editing track; the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data; the editing information is used to indicate the editing operation on the material.

[0047] In one embodiment of the present disclosure, the multimedia editing interface can be understood as an interface provided by a multimedia editing platform that allows users to edit multimedia data, wherein the multimedia editing platform can be a video editing app or a video editing program on a web terminal. The multimedia editing platform is not specifically limited in the embodiments of the present disclosure.

[0048] like Figure 2 As shown, the multimedia editing interface 10 provided by the embodiment of the present disclosure includes a canvas 11, a material attribute panel 12, a material display area 13 and a track editing area 14, wherein the canvas 11 is used to display a multimedia screen corresponding to the multimedia data.

[0049] In the disclosed embodiment, the canvas 11 can adjust its size, proportions, and position within the multimedia interface based on user adjustments. The canvas 11 is used to display images corresponding to multimedia data, and candidate materials from the material display area can also be added to the canvas 11. Furthermore, in response to selecting a material displayed on the canvas, a material properties panel corresponding to the material can be displayed, allowing the material's properties to be configured.

[0050] The material attribute panel 12 is used to set the attributes of the material in the multimedia data in response to the user's operation. In the embodiment of the present disclosure, the material attribute panel 12 includes a video panel, an audio panel, a sticker panel, a transition panel, a filter panel, a special effect panel, a picture material panel, etc.

[0051] The video panel has different attribute panels according to the different video types. The attribute panels of the main track video with sound include: display parameter panel, background panel, cutout panel, animation effect panel, speed panel, and audio panel. The attribute panels of the main track video without sound include: display parameter panel, background panel, cutout panel, animation effect panel, and speed panel. The attribute panels of the non-main track video with sound include: display parameter panel, cutout panel, animation effect panel, speed panel, and audio panel. The attribute panels of the non-main track video without sound include: display parameter panel, cutout panel, animation effect panel, and speed panel.

[0052] Among them, the display parameter setting panel supports slider adjustment and inputting percentage values ​​to adjust the transparency of the video material; supports slider adjustment and inputting percentage values ​​to adjust the size of the video; supports inputting X, Y input values ​​to adjust the position of the video material; supports angle input to adjust the tilt angle of the video material.

[0053] Among them, the background panel includes color settings, blur settings and format settings panels. Among them, the color settings include historical colors, default colors and color selection controls. Among them, historical colors record the user's historical colors, support color selection and support unselection; default colors display a selection of multiple commonly used default colors, and the color selection control displays all colors. After clicking, the selected state appears. The blur setting panel displays multiple blur candidates, and in response to the user's click operation on the blur candidate, the selected state is displayed. The format setting panel displays multiple candidate format items, and in response to the user's click operation on the candidate format item, the selected state is displayed. Among them, after clicking Apply, if the addition is successful, it will prompt that the background has been added. If the addition fails, it will prompt that the background addition failed, please try again. Among them, after clicking Global Apply, it supports applying the set background to all multimedia clips.

[0054] Among them, the title displayed in the cutout setting panel is automatic cutout, the subtitle is automatic recognition of portrait cutout, and the cutout switch control is used to respond to the user's operation to determine whether to turn on the automatic cutout function of the image.

[0055] The animation effects panel supports settings for entrance, exit, and looping animations. These settings are parallel, not mutually exclusive. After selecting an entrance, users can continue to select an exit and / or loop animation, and both will appear selected. Furthermore, if the selected asset is not on the home screen, the interface will automatically reposition to the selected asset upon re-entering the panel after having already selected an asset. The animation duration can be set. The duration is determined by the duration of the asset on the track. For example, if a text segment occupies 6 seconds of track time, the total duration adjustment will be 6 seconds. If only an entrance animation is used, the duration of the entrance animation is limited to the total duration of the element. If both an entrance and exit animation are used, the combined duration of these two components is the maximum duration of the element. If a looping animation is used, the duration of the looping animation is adjusted, so the combined duration of all three components is the maximum duration of the element.

[0056] The audio panel supports adjusting the volume with a slider or by entering a percentage value. It also supports adjusting the duration of the audio's entry and exit by using a slider or by entering a percentage value. It also supports noise reduction settings. Turning on the noise reduction switch reduces the audio noise. Successful noise reduction displays a prompt message: "Noise reduction successful." Failed noise reduction displays a prompt message: "Noise reduction failed, please try again." It also supports audio status settings, displaying multiple audio clips. Selecting an audio clip automatically positions it at the beginning of the selected clip and begins playback. The playback duration is equal to the clip's duration.

[0057] Among them, the speed panel supports slider adjustment and inputting percentage values ​​to adjust the video playback speed; supports sliding adjustment and inputting values ​​to adjust the duration of the video; supports switching the pitch on or off.

[0058] Among them, the sticker panel includes a sticker animation effect setting panel and a sticker parameter setting panel, wherein the sticker animation effect setting includes support for entry animation effect, exit animation effect and loop animation setting. Among them, the settings of entry animation effect, exit animation effect and loop animation effect support parallel, rather than mutually exclusive. After selecting the entry animation effect, the user can continue to select the exit animation effect and / or loop animation effect, and they will all appear in the selected state. Furthermore, if the location of the material selected by the user is not the first screen, when the user has selected the material and enters the panel again, the interface will be positioned to the location of the selected material. The animation duration can be set. Among them, the animation duration will be determined according to the length of the material on the track. For example, if a piece of text occupies 6 seconds on the track, the total length of the duration adjustment will be 6 seconds. When there is only an entrance animation effect, the longest duration of the entrance animation is the total duration of the element. If there are entrance and exit animation effects, the sum of the two animation durations is the longest duration of the element. If there is a looping animation effect, the duration of the looping animation effect is adjusted, and the sum of the three animation durations is the longest duration of the element.

[0059] The transition panel can support slider adjustment and percentage value input to adjust the transition time.

[0060] The filter panel can support slider adjustment and input percentage value to adjust the intensity of the filter.

[0061] The special effects panel supports open attribute adjustment of each special effect, and the open attributes include name, blur, horizontal color difference, etc.

[0062] The image material panel includes an image parameter settings panel, a cutout settings panel, and a sliding effect settings panel. The image parameter settings panel supports adjusting the transparency of the image material using a slider or entering a percentage value; adjusting the image size using a slider or entering a percentage value; adjusting the image position by entering X and Y values; and adjusting the image tilt angle by entering an angle. Furthermore, if the user directly drags the material / video on the canvas to adjust its position or resize, the parameters in the image parameter settings panel will change accordingly. The cutout settings panel displays the title "Auto Cutout" with the subtitle "Automatic Portrait Cutout Recognition" and a cutout switch that activates or deactivates the automatic cutout function in response to user input. The sliding effect settings panel supports settings for entrance, exit, and loop animation effects. These settings can be run concurrently, not mutually exclusive. After selecting the entrance animation effect, the user can then select the exit and / or loop animation effects, and both will appear selected. Furthermore, if the location of the material selected by the user is not the first screen, when the user enters the panel again after having selected the material, the interface will be positioned to the location of the selected material. The animation duration can be set. Among them, the animation duration will be determined according to the length of the material on the track. For example, if a paragraph of text occupies 6 seconds of track length, the total length of the duration adjustment will be 6 seconds. When there is only an entry animation effect, the length of the entry animation can be as long as the total duration of the element. If there is an entry animation effect and an exit animation effect, the length of the two parts of the animation can be added together to make the total duration of the element. If there is a looping animation effect, the length of the looping animation effect will be adjusted, and the length of the three parts of the animation can be added together to make the total duration of the element.

[0063] The material display area 13 is used to display candidate materials and add the materials selected by the user to the multimedia data. The material display area 13 includes videos, images, music, and text for selection, and supports material search and automatic adaptation. The materials displayed in the material display area 13 can be added to the multimedia data.

[0064] The track editing area 14 is used to display the multimedia data on a multimedia editing track. The material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data. The editing information is used to indicate the editing operation on the material.

[0065] The track editing area 14 includes at least a video track, an audio track, a text track, and an effects track. The video track is used to carry video clips, the text track is used to carry text clips, the audio track is used to carry audio clips, and the effects track is used to carry the effects set for the material. In the track editing area, users can perform editing operations on the materials carried in each track. Editing operations include deleting materials, adjusting the position of materials in the timeline, and adding materials from the material display area.

[0066] S120 : In response to receiving an adjustment operation on the canvas, adjust size information and / or position information of the canvas based on the adjustment operation.

[0067] In an embodiment of the present disclosure, the adjustment operation on the canvas includes a first adjustment operation on the canvas and a second adjustment operation on the canvas, wherein the first adjustment operation is mainly used to adjust the size information of the canvas, and the second adjustment operation is mainly used to adjust the position information of the canvas.

[0068] In one embodiment of the present disclosure, in response to receiving an adjustment operation on the canvas, adjusting the size information of the canvas based on the adjustment operation includes: in response to receiving a first adjustment operation on the canvas, scaling the size information of the canvas based on a scaling ratio corresponding to the first adjustment operation; wherein the first adjustment operation includes at least one of the following: an operation of a user inputting a scaling ratio; an operation of a user selecting a preset scaling ratio; and a user sliding operation on a first physical button, the sliding operation being associated with the scaling ratio.

[0069] In the embodiment of the present disclosure, scaling the size information of the canvas means that the size of the entire canvas is enlarged or reduced proportionally. For example, if the original canvas size is 1080×1920 and the reduction ratio is 50%, the size of the canvas after reduction is 504×960; if the enlargement ratio is 50%, the size of the canvas after enlargement is 1620×2880.

[0070] In one embodiment of the present disclosure, Figure 3a As shown, after the first adjustment operation is performed on the canvas, the canvas is scaled down according to the ratio corresponding to the first adjustment operation. Figure 3b As shown, after the second adjustment operation is performed on the canvas, the canvas is zoomed in according to the ratio corresponding to the first adjustment operation.

[0071] In one embodiment of the present disclosure, Figure 2The multimedia editing interface shown includes a canvas size ratio adjustment control. In response to a triggering operation on the canvas size ratio adjustment control, a zoom ratio selection panel is displayed. A canvas zoom ratio is selected in the zoom ratio selection panel, and the canvas is scaled according to the selected zoom ratio. The zoom ratio selection panel displays multiple preset ratios, including 50%, 100%, 200%, and an adaptive ratio. The adaptive ratio adjusts the canvas to match the current browser size based on its long side.

[0072] In one embodiment of the present disclosure, in response to a triggering operation on the canvas size ratio adjustment control, Figure 2 The multimedia editing interface shown displays a canvas size ratio input box. In response to an input operation on the canvas size ratio input box, an input ratio corresponding to the input operation is obtained, and the canvas is scaled and displayed according to the input ratio.

[0073] In one embodiment of the present disclosure, Figure 2 The multimedia editing interface shown includes a canvas adjustment mode control. In response to a trigger operation on the canvas adjustment mode control, the canvas is in a size-adjustable mode. At this time, in response to a sliding operation on the first physical button, the zoom ratio of the canvas is determined based on the sliding direction and sliding distance corresponding to the sliding operation. Specifically, there is an association between the sliding direction and the reduction and enlargement of the canvas. For example, sliding upward corresponds to canvas reduction, and sliding downward corresponds to canvas enlargement. There is an association between the sliding distance and the zoom ratio of the canvas. For example, a sliding distance of 1 mm corresponds to a zoom ratio of 10%. It should be noted that the association between the sliding direction and the reduction and enlargement of the canvas, as well as the association between the sliding distance and the zoom ratio of the canvas, can be set according to actual conditions, and are not specifically limited in the embodiments of the present disclosure. Among them, the first physical button can be a touchpad or a mouse wheel, which is not specifically limited in the embodiments of the present disclosure.

[0074] In one embodiment of the present disclosure, when the multimedia editing interface is initially loaded, the canvas size is scaled proportionally to match the current browser size. Furthermore, during the scaling process, the canvas size is scaled relative to the longest edge. Furthermore, after the initial loading is complete, if the user resizes the browser, the canvas size remains unchanged.

[0075] In one embodiment of the present disclosure, in response to a second adjustment operation on the canvas, the position information of the canvas in the multimedia editing interface is adjusted, including: in response to a switching operation on the canvas mode, switching the canvas mode to a drag mode; when the canvas mode is the drag mode, in response to receiving a sliding operation on a second physical button by the user, moving the canvas to a target position corresponding to the sliding operation.

[0076] In one embodiment of the present disclosure, Figure 3c As shown, in response to the second adjustment operation on the canvas, the canvas can be dragged from the current position to the target position.

[0077] In one embodiment of the present disclosure, when the canvas is in drag mode, a drag operation can be implemented using the left button of the mouse. For example, in response to a sliding operation performed by a user while long pressing the mouse, the dragging direction and distance of the canvas are determined according to the sliding direction and distance corresponding to the sliding operation. In response to a release operation on the mouse, the canvas dragging is stopped, and the position of the canvas when it stops is displayed.

[0078] In one embodiment of the present disclosure, in response to a sliding operation on the touchpad, a drag direction and a drag distance of the canvas are determined based on a sliding direction and a sliding distance corresponding to the sliding operation, wherein the sliding direction and the drag direction are associated, and the sliding distance and the drag distance are associated.

[0079] In one embodiment of the present disclosure, in response to a sliding operation on a shortcut key or a mouse wheel, the direction and distance of a canvas drag are determined based on the sliding direction and distance corresponding to the sliding operation. In response to a scrolling operation on the mouse wheel, the canvas is dragged vertically, and in response to a triggering operation on the shift key and then a scrolling operation on the mouse wheel, the canvas is dragged horizontally.

[0080] In one embodiment of the present disclosure, in response to receiving a third adjustment operation on the canvas, the canvas scale is adjusted to a target canvas scale based on a target canvas scale corresponding to the third adjustment operation.

[0081] In the embodiment of the present disclosure, the canvas ratio refers to the ratio between the width and height of the canvas. For example, the canvas ratio can be 4:3, 16:9, etc. In the embodiment of the present disclosure, in response to a trigger operation on the canvas ratio control, a canvas ratio selection panel is displayed, a canvas ratio is selected in the canvas ratio selection panel, and the canvas is proportionally adjusted according to the selected canvas ratio. The canvas ratio selection panel displays multiple preset ratios, including 4:3, 16:9, etc.

[0082] In one embodiment of the present disclosure, the method further includes: in response to receiving a canvas adjustment instruction, pausing the playback of the multimedia screen corresponding to the multimedia data and marking the pause time point; in response to receiving a canvas adjustment end instruction, continuing to play the multimedia screen corresponding to the multimedia data from the pause time point.

[0083] In an embodiment of the present disclosure, when the canvas is scaled and dragged, video playback is paused, and when the scaling and dragging stops, video playback resumes. If the canvas is playing a video corresponding to multimedia data and responds to a user's canvas adjustment operation, the video is paused. Video playback resumes after the canvas adjustment is complete. Canvas adjustments include one or more of scaling, dragging, and scaling.

[0084] In one embodiment of the present disclosure, when the resolution is switched between adaptive and 9:16, the font size will change with the canvas and become unreadable. After the switch is maintained, the canvas is filled according to the actual ratio and the font size remains unchanged.

[0085] In an embodiment of the present disclosure, adjusting the default font size of newly created text includes: adjusting the default font size to a first set font size in a horizontal screen ratio, and adjusting the default font size to a second set font size in a vertical screen ratio.

[0086] In one embodiment of the present disclosure, based on the above embodiment, a method for adjusting a material attribute panel is provided, such as Figure 4 As shown, the layout adjustment method provided by the embodiment of the present disclosure mainly includes steps S210-S220.

[0087] S210. Display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area; the canvas is used to display a multimedia screen corresponding to the multimedia data; the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation; the material display area is used to display candidate materials and add the material selected by the user to the multimedia data; the track editing area is used to display the multimedia data on a multimedia editing track; the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data; the editing information is used to indicate the editing operation on the material.

[0088] The execution process of step S310 provided in the embodiment of the present disclosure is the same as that of step S110 provided in the above embodiment. For details, please refer to the description in the above embodiment, which will not be repeated in the embodiment of the present disclosure.

[0089] S220: In response to a drag operation on the material property panel, move the material property panel to a target position corresponding to the drag operation.

[0090] In the embodiment of the present disclosure, the material attribute panel can be moved and displayed according to the user's drag operation, and the layer where the material attribute panel is located is located at the top layer in the multimedia editing interface. Figure 5 As shown,

[0091] In one embodiment of the present disclosure, the position of the Material Properties panel remains unchanged when the user switches between property tabs or selects an element. During a single edit of the same multimedia data, the Material Properties panel position is memorized and restored to the default position the next time the multimedia data is opened. The Material Properties panel position returns to the default position after switching multimedia data or reopening the multimedia data.

[0092] In one embodiment of the present disclosure, in response to a trigger operation on the material attribute control, the material attribute panel is displayed in the multimedia editing interface. In this embodiment of the present disclosure, multiple material attribute controls can be displayed in the multimedia editing interface. In response to a trigger operation on a material attribute control, the material attribute panel corresponding to the triggering operation is displayed, and the attribute content displayed in the material attribute panel is associated with the control corresponding to the triggering operation.

[0093] In the embodiment of the present disclosure, when no material is selected / added, the material property panel is not displayed by default.

[0094] In one embodiment of the present disclosure, in response to a material adding operation, the material attribute panel corresponding to the added material is displayed in the multimedia editing interface.

[0095] In the embodiment of the present disclosure, after adding any material with a property panel, the corresponding material property panel is displayed, and the top panel is expanded by default.

[0096] In an embodiment of the present disclosure, if the user does not close the material property panel, the material property panel remains expanded. When the user clicks Material / Add New Material on any screen, the material property panel automatically switches to the top tab of the corresponding material.

[0097] In one embodiment of the present disclosure, the user can close the material properties panel by clicking the close button in the upper right corner of the material properties panel, or clicking the selected item in the first-level tab again.

[0098] In one embodiment of the present disclosure, if the user manually closes the material properties panel, there are two ways to re-call the panel: click the property bar control on the right to call up the material properties panel corresponding to the corresponding control; double-click the material on the canvas to call up the material properties panel corresponding to the material.

[0099] In one embodiment of the present disclosure, during the material loading process, the material property control is not clickable and the material property panel is not expanded.

[0100] In one embodiment of the present disclosure, when the height of the attribute content in the material attribute panel is greater than the height of the material attribute panel, in response to a sliding operation in the material attribute panel, the attribute content in the material attribute panel is scrolled and displayed.

[0101] In the embodiment of the present disclosure, the overflow of the content height of the material property panel supports scrolling, and the title is fixed to the top.

[0102] In one embodiment of the present disclosure, the height of the material property panel follows the height change of the property content in the material property panel.

[0103] In the disclosed embodiment, the height of the Material Properties panel adaptively changes with the height of the attribute content within the Material Properties panel. Specifically, when the attribute content is relatively high, the height of the Material Properties panel increases accordingly; when the attribute content is relatively low, the height of the Material Properties panel decreases accordingly. In other words, the attribute content adaptively fills the entire Material Properties panel.

[0104] On the basis of the above embodiments, the layout adjustment method is further optimized in the embodiments of the present disclosure. Figure 6 As shown, the layout adjustment method provided in the embodiment of the present disclosure mainly includes steps S310-S330.

[0105] S310. Display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area; the canvas is used to display a multimedia screen corresponding to the multimedia data; the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation; the material display area is used to display candidate materials and add the material selected by the user to the multimedia data; the track editing area is used to display the multimedia data on a multimedia editing track; the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data; the editing information is used to indicate the editing operation on the material.

[0106] The execution process of step S310 provided in the embodiment of the present disclosure is the same as that of step S110 provided in the above embodiment. For details, please refer to the description in the above embodiment, which will not be repeated in the embodiment of the present disclosure.

[0107] S320: In response to a drag operation on a first border in the material display area, the material display area is zoomed and displayed.

[0108] In the embodiment of the present disclosure, the first frame refers to a frame close to the canvas area, such as Figure 7 As shown, in response to the drag operation on the first frame, the material display area 13 is zoomed and displayed. Figure 7 As shown, dragging the first frame to the right will enlarge the material display area, wherein enlarging the material display area means that the height of the material display area remains unchanged and only the width is enlarged. Furthermore, dragging the first frame to the left will reduce the material display area, wherein reducing the material display area means that the height of the material display area remains unchanged and only the width is reduced.

[0109] In the embodiment of the present disclosure, during the zooming process of the material display area, the material cards in the material display area are zoomed and displayed along with the material display area.

[0110] In the disclosed embodiment, during the zooming process of the material display area, the material cards displayed in the material display area are adaptively zoomed. Specifically, during the zooming process of the material display area, if the width of the material display area reaches a set value, a column of material display cards is added, and a new material card is added to the bottom of the material display area. During the zooming process of the material display area, if the width of the material display area is reduced to a set value, a column of material display cards is removed.

[0111] S330. In response to a drag operation on the second border in the track editing area, the track editing area is zoomed and displayed.

[0112] In the embodiment of the present disclosure, the second border refers to the border of the track editing area close to the canvas area, such as Figure 8 As shown, in response to the drag operation on the second frame, the track editing area 14 is zoomed and displayed. Figure 8 As shown, dragging the second frame upward will enlarge the track editing area, wherein enlarging the track editing area means that the width of the material display area remains unchanged and only the height direction is enlarged. Further, dragging the second frame downward will reduce the track editing area, wherein reducing the track editing area means that the width of the track editing area remains unchanged and only the height direction is reduced.

[0113] It should be noted that there is no sequential dependency between step S320 and step S330. Either step can be executed first, or only one of the steps can be executed.

[0114] In one embodiment of the present disclosure, the canvas is located in a first layer, the material property panel, material display area and track editing area are located in a second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0115] In the disclosed embodiment, the area or panel of the layer on the canvas is displayed with a certain degree of transparency so that no matter how large the canvas is, the user can intuitively see the content of the canvas, thereby facilitating the user's editing operations.

[0116] In one embodiment of the present disclosure, when there is an overlapping area between the canvas and a set area, the overlapping area is displayed according to the set transparency, wherein the set area includes at least one of the following: the material property panel, the material display area or the track editing area.

[0117] In the embodiment of the present disclosure, Figure 9a As shown, when the canvas 11 and the track editing area 14 overlap during the process of zooming in or moving the canvas, the track editing area 14 is displayed according to the set transparency. The set transparency can be set according to actual conditions.

[0118] In the embodiment of the present disclosure, Figure 9b As shown, when the canvas 11 is enlarged or moved, or when the material properties panel 12 is dragged, if there is an overlapping area between the canvas 11 and the material properties panel 12, the material properties panel 12 is displayed according to the set transparency. The set transparency can be set according to actual conditions.

[0119] Figure 10 This is a structural diagram of a layout adjustment device in an embodiment of the present disclosure. This embodiment is applicable to the case of adjusting the component layout in a multimedia editing interface. The layout adjustment device can be implemented in software and / or hardware.

[0120] like Figure 10 As shown, the layout adjustment device provided by the embodiment of the present disclosure mainly includes: an interface display module 101 and a canvas adjustment module 102.

[0121] The interface display module 101 is used to display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area. The canvas is used to display a multimedia screen corresponding to multimedia data. The material attribute panel is used to set the attributes of the material in the multimedia data in response to user operations. The material display area is used to display candidate materials and add the material selected by the user to the multimedia data. The track editing area is used to display the multimedia data on a multimedia editing track. The materials in the multimedia data are displayed as track segments on the multimedia editing track according to editing information in the multimedia data. The editing information is used to indicate editing operations on the materials.

[0122] A canvas adjustment module 102 is configured to, in response to receiving an adjustment operation on the canvas, adjust size information and / or position information of the canvas based on the adjustment operation;

[0123] Among them, the canvas is located in the first layer, the material property panel, material display area and track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0124] In one embodiment of the present disclosure, the device also includes: an overlapping area display module, which is used to display the overlapping area according to the set transparency when there is an overlapping area between the canvas and the set area, wherein the set area includes at least one of the following: the material property panel, the material display area and / or the track editing area.

[0125] In one embodiment of the present disclosure, the device also includes: a video playback module, which is used to pause the playback of the multimedia screen corresponding to the multimedia data in response to receiving a canvas adjustment instruction and mark the pause time point; in response to receiving a canvas adjustment end instruction, continue to play the multimedia screen corresponding to the multimedia data from the pause time point.

[0126] In one embodiment of the present disclosure, the material attribute panel is displayed in a floating layer form, and the device further includes: a material attribute panel adjustment module, which is used to move the material attribute panel to a target position corresponding to the drag operation in response to the drag operation on the material attribute panel.

[0127] In one embodiment of the present disclosure, the device also includes: a material attribute panel display module, which is used to display the material attribute panel in the multimedia editing interface in response to a trigger operation on the material attribute control; or to display the material attribute panel corresponding to the added material in the multimedia editing interface in response to a material adding operation.

[0128] In one embodiment of the present disclosure, the material attribute panel adjustment module is specifically used to scroll the attribute content in the material attribute panel in response to a sliding operation in the material attribute panel when the height of the attribute content in the material attribute panel is greater than the height of the material attribute panel; or, the size of the material attribute panel follows the size change of the attribute content in the material attribute panel.

[0129] In one embodiment of the present disclosure, the device also includes: an area zoom module, which is used to control the material display area to be zoomed and displayed in response to a drag operation on the first border in the material display area; or; in response to a drag operation on the second border in the track editing area, control the track editing area to be zoomed and displayed.

[0130] In one embodiment of the present disclosure, the device further includes: a material card adjustment module, configured to control the material cards in the material display area to be displayed in a zoomed manner following the material display area during the zooming process of the material display area.

[0131] The layout adjustment device provided in the embodiment of the present disclosure can execute the steps executed in the layout adjustment method provided in the method embodiment of the present disclosure, and the execution steps and beneficial effects are not repeated here.

[0132] Figure 11 This is a schematic diagram of the structure of an electronic device in the embodiment of the present disclosure. Figure 11 , which shows a schematic structural diagram of an electronic device 1100 suitable for implementing the embodiments of the present disclosure. The electronic device 1100 in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), wearable terminal devices, and the like, as well as fixed terminals such as digital TVs, desktop computers, smart home devices, and the like. Figure 11 The electronic device shown is only an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0133] like Figure 11As shown, the electronic device 1100 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 1101, which can perform various appropriate actions and processes to implement the layout adjustment method of the embodiment described in the present disclosure according to the program stored in the read-only memory (ROM) 1102 or the program loaded from the storage device 1108 into the random access memory (RAM) 1103. Various programs and data required for the operation of the terminal device 1100 are also stored in the RAM 1103. The processing device 1101, the ROM 1102, and the RAM 1103 are connected to each other via a bus 1104. An input / output (I / O) interface 1105 is also connected to the bus 1104.

[0134] Typically, the following devices may be connected to the I / O interface 1105: an input device 1106 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 1107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 1108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1109. The communication device 1109 may allow the terminal device 1100 to communicate with other devices wirelessly or by wire to exchange data. Figure 11 The terminal device 1100 is shown as having various devices, but it should be understood that it is not required to implement or possess all of the devices shown, and more or fewer devices may be implemented or possessed instead.

[0135] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart, thereby implementing the layout adjustment method as described above. In such an embodiment, the computer program can be downloaded and installed from the network through the communication device 1109, or installed from the storage device 1108, or installed from the ROM 1102. When the computer program is executed by the processing device 1101, the above-mentioned functions defined in the method of the embodiment of the present disclosure are performed.

[0136] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the two. A computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, device, or component. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium may be transmitted using any suitable medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination thereof.

[0137] In some embodiments, the client and server can communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol), and can be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0138] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0139] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the terminal device, the terminal device: displays a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area and a track editing area, the canvas is used to display the multimedia screen corresponding to the multimedia data, the material attribute panel is used to set the attributes of the material in the multimedia data in response to the user's operation, the material display area is used to display candidate materials and add the material selected by the user to the multimedia data, the track editing area is used to display the multimedia data on the multimedia editing track, and the material in the multimedia data is displayed as a track segment on the multimedia editing track according to the editing information in the multimedia data, and the editing information is used to indicate the editing operation on the material; wherein the canvas is located in the first layer, the material attribute panel, the material display area and the track editing area are located in the second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency.

[0140] Optionally, when the above one or more programs are executed by the terminal device, the terminal device may also execute other steps described in the above embodiment.

[0141] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, or a combination thereof, including, but not limited to, object-oriented programming languages ​​such as Java, Smalltalk, C++, and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a stand-alone software package, partially on the user's computer and partially on a remote computer, or entirely on the remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0142] The flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flowchart or block diagram can represent a module, program segment, or a part of code, and the module, program segment, or a part of code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order than that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram and / or flowchart, and the combination of the boxes in the block diagram and / or flowchart, can be implemented with a dedicated hardware-based system that performs the specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0143] The units involved in the embodiments described in this disclosure may be implemented in software or hardware, wherein the name of a unit does not necessarily limit the unit itself.

[0144] The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, and without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

[0145] In the context of the present disclosure, a machine-readable medium can be a tangible medium that can contain or store a program for use by or in conjunction with an instruction execution system, device or equipment. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium can include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0146] The above description is merely a preferred embodiment of the present disclosure and an illustration of the technical principles employed. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by the specific combination of the above-mentioned technical features, but also includes other technical solutions formed by any combination of the above-mentioned technical features or their equivalents without departing from the above-mentioned disclosed concepts. For example, a technical solution formed by replacing the above-mentioned features with (but not limited to) technical features with similar functions disclosed in this disclosure.

[0147] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details have been included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0148] Although the subject matter has been described in language specific to structural features and / or methodological logical acts, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are merely example forms of implementing the claims.

Claims

1. A layout adjustment method, characterized in that: include: Displaying a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area, wherein the canvas is used to display a multimedia screen corresponding to multimedia data, the material attribute panel is used to set attributes of materials in the multimedia data in response to user operations, the material display area is used to display candidate materials and add materials selected by the user to the multimedia data, and the track editing area is used to display the multimedia data on a multimedia editing track, wherein the materials in the multimedia data are displayed as track segments on the multimedia editing track according to editing information in the multimedia data, and the editing information is used to indicate editing operations on the materials; In response to receiving an adjustment operation on the canvas, adjusting size information and / or position information of the canvas based on the adjustment operation; The canvas is located on a first layer, the material properties panel, material display area, and track editing area are located on a second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency; The method further comprises: When the height of the attribute content in the material attribute panel is greater than the height of the material attribute panel, in response to a sliding operation in the material attribute panel, the attribute content in the material attribute panel is controlled to scroll and display.

2. The layout adjustment method according to claim 1, wherein: The method further comprises: In the case where there is an overlapping area between the canvas and the set area, the overlapping area is displayed according to the set transparency, wherein the set area includes at least one of the following: the material property panel, the material display area and / or the track editing area.

3. The layout adjustment method according to claim 1, wherein: The method further comprises: In response to receiving the canvas adjustment instruction, pausing the playing of the multimedia screen corresponding to the multimedia data and marking the pause time point; In response to receiving the canvas adjustment end instruction, the multimedia screen corresponding to the multimedia data continues to be played from the pause time point.

4. The layout adjustment method according to claim 1, wherein: The material attribute panel is displayed in a floating layer format, and the method further includes: In response to a drag operation on the material property panel, the material property panel is moved to a target position corresponding to the drag operation.

5. The layout adjustment method according to claim 4, wherein: The method further comprises: In response to a triggering operation on the material property control, displaying the material property panel in the multimedia editing interface; or In response to the material adding operation, the material attribute panel corresponding to the added material is displayed in the multimedia editing interface.

6. The layout adjustment method according to claim 5, wherein: The method further comprises: The height of the material property panel is controlled to follow the height change of the property content in the material property panel.

7. The layout adjustment method according to claim 1, wherein: The method further comprises: In response to a drag operation on a first border in the material display area, controlling the material display area to be zoomed in and out; or; In response to a drag operation on a second border in the track editing area, the track editing area is controlled to be zoomed and displayed.

8. The method according to claim 7, characterized in that The method further comprises: During the zooming process of the material display area, the material cards in the material display area are zoomed and displayed along with the material display area.

9. A layout adjustment device, characterized in that: include: an interface display module, configured to display a multimedia editing interface, wherein the multimedia editing interface includes a canvas, a material attribute panel, a material display area, and a track editing area; the canvas is configured to display a multimedia screen corresponding to multimedia data; the material attribute panel is configured to set attributes of materials in the multimedia data in response to user operations; the material display area is configured to display candidate materials and add materials selected by the user to the multimedia data; the track editing area is configured to display the multimedia data on a multimedia editing track; the materials in the multimedia data are displayed as track segments on the multimedia editing track according to editing information in the multimedia data; and the editing information is configured to indicate editing operations on the materials; a canvas adjustment module, configured to, in response to receiving an adjustment operation on the canvas, adjust size information and / or position information of the canvas based on the adjustment operation; The canvas is located on a first layer, the material properties panel, material display area, and track editing area are located on a second layer, the first layer is located below the second layer, and the second layer is displayed according to the set transparency; The device further comprises: When the height of the attribute content in the material attribute panel is greater than the height of the material attribute panel, in response to a sliding operation in the material attribute panel, the attribute content in the material attribute panel is controlled to scroll and display.

10. An electronic device, characterized in that: The electronic device comprises: one or more processors; a storage device for storing one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 8.

11. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 8 is implemented.

12. A computer program product, comprising a computer program or instructions, which implements the method according to any one of claims 1 to 8 when executed by a processor.

Images