Toolbar display method and device, computer equipment and storage medium

Abstract

The embodiment of the invention discloses a toolbar display method and device, computer equipment and a storage medium, and belongs to the technical field of computers. The method comprises the steps that a graphical interface of a graphical programming tool is displayed, the graphical interface comprises a toolbar, a plurality of categories and a plurality of graphical tools are displayed in the toolbar, and the plurality of graphical tools are graphical tools in any currently selected category; in response to a sequence adjustment operation, adjusting the arrangement sequence of the plurality of categories or the arrangement sequence of the plurality of graphic tools; wherein the graphic tool in the toolbar is a tool used for editing the virtual elements in the virtual scene. According to the method and the device, the arrangement sequence of the plurality of categories and the plurality of graphic tools in the toolbar is ensured to better conform to the personal preference and the use habit of the user, so that the user can quickly find the graphic tool required by programming, and the efficiency of searching the graphic tool by the user is improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a toolbar display method, apparatus, computer device, and storage medium. Background Technology

[0002] With the development of computer technology, graphical programming tools have been widely used. These tools typically include a workspace and a toolbar. The toolbar displays graphical tools for user convenience, which users can drag and drop into the workspace to perform programming.

[0003] In the toolbar, graphical tools are grouped according to preset categories, and each category is arranged in a fixed order. Furthermore, the graphical tools within each category are also arranged in a fixed order. This fixed arrangement is determined by the developers of the graphical programming tools. Therefore, the toolbar's display method has limitations, leading to inefficiency for users when searching for graphical tools. Summary of the Invention

[0004] This application provides a toolbar display method, apparatus, computer device, and storage medium, ensuring that the arrangement of multiple categories and graphical tools in the toolbar better suits the user's personal preferences and usage habits. This allows users to quickly find the graphical tools needed for programming, improving user efficiency when searching for graphical tools. The technical solution is as follows:

[0005] On the one hand, a toolbar display method is provided, the method including:

[0006] A graphical interface for displaying graphical programming tools is provided. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools, wherein the multiple graphical tools are graphical tools from any of the currently selected categories.

[0007] In response to the order adjustment operation, the arrangement order of the multiple categories or the arrangement order of the multiple graphic tools is adjusted;

[0008] The graphic tools in the toolbar are tools used to edit virtual elements in the virtual scene.

[0009] On the other hand, a toolbar display device is provided, the device comprising:

[0010] The display module is used to display the graphical interface of the graphical programming tool. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools. The multiple graphical tools are graphical tools from any of the currently selected categories.

[0011] An adjustment module is used to adjust the arrangement order of the multiple categories or the multiple graphic tools in response to a sequence adjustment operation;

[0012] The graphic tools in the toolbar are tools used to edit virtual elements in the virtual scene.

[0013] In one possible implementation, the adjustment module is configured to adjust the arrangement order of the plurality of categories in response to a drag operation on any one or more categories.

[0014] In one possible implementation, the device further includes:

[0015] The state setting module is used to set multiple categories corresponding to the category sorting control to a draggable state in response to a trigger operation on the category sorting control.

[0016] The adjustment module is used to adjust the arrangement order of the multiple categories in response to a drag operation on any one or more categories when the multiple categories are in the draggable state.

[0017] In one possible implementation, the adjustment module is configured to replace the multiple categories with multiple category images when the multiple categories are in the draggable state; and to adjust the arrangement order of the multiple category images based on the end position of the drag operation in response to a drag operation on any one or more category images.

[0018] In one possible implementation, the adjustment module is further configured to, in response to a re-triggering operation of the category sorting control, set multiple categories corresponding to the category sorting control to a non-draggable state; and, when the multiple categories are in the non-draggable state, replace the multiple category images with the multiple categories.

[0019] In one possible implementation, the state setting module is configured to, in response to a trigger operation on the category sorting control, set the plurality of graphic tools to a non-dragible state when the plurality of graphic tools are in a draggable state; and set the plurality of categories corresponding to the category sorting control to a draggable state when the plurality of graphic tools are in the non-dragible state.

[0020] In one possible implementation, the plurality of categories includes a plurality of primary categories and at least one secondary category under the currently selected primary category;

[0021] The state setting module is used to set the multiple primary categories to a draggable state in response to a trigger operation of the category sorting control corresponding to the multiple primary categories; or, in response to a trigger operation of the category sorting control corresponding to the at least one secondary category, set the at least one secondary category to a draggable state.

[0022] In one possible implementation, the state setting module is configured to, in response to a trigger operation on the category sorting controls corresponding to the plurality of primary categories, set the at least one secondary category or the plurality of graphic tools to a non-draggable state when the at least one secondary category or the plurality of graphic tools is in a draggable state; and set the plurality of primary categories to a draggable state when both the at least one secondary category and the plurality of graphic tools are in the non-draggable state.

[0023] In one possible implementation, the state setting module is configured to, in response to a triggering operation of a category sorting control corresponding to the at least one secondary category, set the multiple primary categories or the multiple graphic tools to a non-draggable state when the multiple primary categories or the multiple graphic tools are in a draggable state; and set the at least one secondary category to a draggable state when both the multiple primary categories and the multiple graphic tools are in the non-draggable state.

[0024] In one possible implementation, the state setting module is further configured to, in response to a re-triggering operation of the category sorting control, set multiple categories corresponding to the category sorting control to a non-draggable state.

[0025] In one possible implementation, the adjustment module is configured to adjust the arrangement order of the plurality of graphic tools in response to a drag operation on any one or more graphic tools.

[0026] In one possible implementation, the state setting module is further configured to, in response to a trigger operation on the graphical tool sorting control, set multiple graphical tools corresponding to the graphical tool sorting control to a draggable state.

[0027] The adjustment module is used to adjust the arrangement order of the plurality of graphic tools in response to a drag operation on any one or more graphic tools when the plurality of graphic tools are in the draggable state.

[0028] In one possible implementation, the adjustment module is configured to replace the plurality of graphic tools with a plurality of graphic tool images when the plurality of graphic tools are in the draggable state; and to adjust the arrangement order of the plurality of graphic tool images based on the end position of the drag operation in response to a drag operation on any one or more graphic tool images.

[0029] In one possible implementation, the adjustment module is further configured to, in response to a re-triggering operation of the graphic tool sorting control, set the plurality of graphic tools corresponding to the graphic tool sorting control to a non-draggable state; and, when the plurality of graphic tools are in the non-draggable state, replace the images of the plurality of graphic tools with the plurality of graphic tools.

[0030] In one possible implementation, the state setting module is further configured to, in response to a trigger operation on the graphical tool sorting control, set the plurality of categories to a non-dragible state when the plurality of categories are in a draggable state; and set the plurality of graphical tools corresponding to the graphical tool sorting control to a draggable state when the plurality of categories are in the non-dragible state.

[0031] In one possible implementation, the state setting module is further configured to, in response to a re-triggering operation of the graphical tool sorting control, set the multiple graphical tools corresponding to the graphical tool sorting control to a non-draggable state.

[0032] In one possible implementation, the adjustment module is configured to, in response to the order adjustment operation, determine the adjusted arrangement order of the multiple categories or the adjusted arrangement order of the multiple graphical tools; based on the adjusted arrangement order, modify the configuration information of the toolbar, the configuration information including the arrangement order of the multiple categories and the arrangement order of the graphical tools in each category; and based on the modified configuration information, display the updated graphical interface so that the arrangement order of the multiple categories and the multiple graphical tools in the toolbar of the graphical interface is consistent with the arrangement order in the configuration information.

[0033] In one possible implementation, the plurality of categories includes custom categories created by terminal login accounts, and the device further includes:

[0034] An add module is configured to, in response to a drag operation on one or more graphic tools, determine the end position of the drag operation when the currently selected category is different from the custom category; and add the one or more graphic tools to the custom category if the end position of the drag operation is located in the display area of ​​the custom category.

[0035] In one possible implementation, the device further includes:

[0036] The editing module is used to drag any graphic tool from the toolbar into the workspace of the graphical programming tool; when the currently displayed graphic tool in the workspace is selected, the selected virtual element in the virtual scene is determined; the virtual element is edited using the graphic tool; and the editing result of the virtual element is displayed.

[0037] On the other hand, a computer device is provided, the computer device including a processor and a memory, the memory storing at least one computer program, the at least one computer program being loaded and executed by the processor to perform the operations performed by the toolbar display method as described above.

[0038] On the other hand, a computer-readable storage medium is provided that stores at least one computer program, which is loaded and executed by a processor to perform the operations performed by the toolbar display method as described above.

[0039] On the other hand, a computer program product is provided, including a computer program that is loaded and executed by a processor to perform the operations performed by the toolbar display method as described above.

[0040] The solution provided in this application allows users to adjust the order of multiple categories displayed in the toolbar or the order of graphical tools within each category through a sequence adjustment operation. This makes the arrangement of multiple categories and graphical tools in the toolbar more in line with the user's personal preferences and usage habits, thereby enabling users to quickly find the graphical tools needed for programming and improving the efficiency of users when searching for graphical tools. Attached Figure Description

[0041] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of the embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0042] Figure 1 This is a schematic diagram of an implementation environment provided in an embodiment of this application;

[0043] Figure 2 This is a flowchart of a toolbar display method provided in an embodiment of this application;

[0044] Figure 3This is a schematic diagram of the graphical interface of a graphical programming tool provided in an embodiment of this application;

[0045] Figure 4 This is a flowchart of another toolbar display method provided in an embodiment of this application;

[0046] Figure 5 This is a schematic diagram of the graphical interface of another graphical programming tool provided in this application embodiment;

[0047] Figure 6 This is a schematic diagram of the graphical interface of another graphical programming tool provided in the embodiments of this application;

[0048] Figure 7 This is a flowchart of another toolbar display method provided in the embodiments of this application;

[0049] Figure 8 This is a schematic diagram of the graphical interface of another graphical programming tool provided in the embodiments of this application;

[0050] Figure 9 This is a flowchart of yet another toolbar display method provided in the embodiments of this application;

[0051] Figure 10 This is a schematic diagram of a toolbar display process provided in an embodiment of this application;

[0052] Figure 11 This is a flowchart of an editing method provided in an embodiment of this application;

[0053] Figure 12 This is a schematic diagram of the structure of a toolbar display device provided in an embodiment of this application;

[0054] Figure 13 This is a schematic diagram of another toolbar display device provided in an embodiment of this application;

[0055] Figure 14 This is a schematic diagram of the structure of a terminal provided in an embodiment of this application;

[0056] Figure 15 This is a schematic diagram of the structure of a server provided in an embodiment of this application. Detailed Implementation

[0057] To make the objectives, technical solutions, and advantages of the embodiments of this application clearer, the implementation methods of this application will be further described in detail below with reference to the accompanying drawings.

[0058] It is understood that the terms "first," "second," etc., used in this application are used to distinguish between identical or similar items that have essentially the same function. It should be understood that there is no logical or temporal dependency between "first," "second," and "n," nor is there any limitation on the quantity or execution order.

[0059] "At least one" means one or more. For example, at least one category can be one category, two categories, or any integer number of categories greater than or equal to one. "Each" means each of the at least one categories. For example, "each category" means each of the at least one categories. If at least one category is three categories, then "each category" means each of the three categories.

[0060] It should be noted that the information (including but not limited to user equipment information, user personal information, etc.), data (including but not limited to data used for analysis, data stored, data displayed, etc.) and signals (including but not limited to signals transmitted between user terminals and other devices) involved in this application have all been fully authorized by the user or relevant parties, and the collection, use and processing of the relevant data shall comply with the relevant laws, regulations and standards of the relevant countries and regions.

[0061] The method provided in this application embodiment is used in a computer device. Optionally, the computer device is a terminal or a server. Optionally, the terminal is a smartphone, computer, laptop, desktop computer, etc., but is not limited to these. Optionally, the server is an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms.

[0062] Figure 1 This is a schematic diagram of an implementation environment provided in an embodiment of this application. See also... Figure 1 The implementation environment includes: terminal 101 and server 102, which are connected via a wired or wireless network.

[0063] Terminal 101 has a graphical programming tool 111 installed and running, and users of terminal 101 can use the graphical programming tool 111 to program. These users can be users or developers of the graphical programming tool 111. For example, after the graphical programming tool 111 is developed, it will be released, and ordinary users can download the graphical programming tool 111 to terminal 101 and use it for programming. Alternatively, developers may also download the graphical programming tool 111 to terminal 101 during the development process to understand its features, or to edit or update it.

[0064] Optionally, terminal 101 may refer to one of a number of terminals, including but not limited to: smartphones, computers, laptops, desktop computers, etc.

[0065] Those skilled in the art will understand that the number of terminals described above can be more or less. For example, there may be only one terminal, or there may be six, eight, or more terminals. This application does not limit the number of terminals or the type of device.

[0066] Optionally, server 102 may include at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. Server 102 is used to host backend services, including functions such as user account management, graphical tool management, and programming project management. This application embodiment does not limit the functions of server 102.

[0067] Optionally, server 102 undertakes the main computing work and terminal 101 undertakes the secondary computing work; or, server 102 undertakes the secondary computing work and terminal 101 undertakes the main computing work; or, server 102 and terminal 101 use a distributed computing architecture for collaborative computing.

[0068] In this embodiment, the graphical programming tool 111 provides a variety of graphical tools. Users can use these tools to program. The terminal 101 displays the graphical interface of the graphical programming tool 111, and the toolbar of the graphical interface shows multiple categories and multiple graphical tools. Users can create programming projects within the graphical interface of the graphical programming tool 111 and arrange the graphical tools for the current project in the workspace of the graphical interface to create applications based on these tools. Furthermore, to improve the efficiency of users searching for graphical tools in the toolbar, the terminal 101 also responds to order adjustment operations, adjusting the arrangement order of multiple categories or multiple graphical tools in the toolbar, thereby making the arrangement order of multiple categories and multiple graphical tools in the toolbar more in line with the user's personal preferences and usage habits.

[0069] In addition, the graphical elements in the graphical programming tool 111 are used to edit virtual elements in the virtual scene. Users can use the graphical programming tool 111 to create applications for editing virtual elements. During the programming process, users can also edit the selected virtual elements based on the graphical elements in the workspace, thereby previewing and displaying the editing effect of the virtual elements.

[0070] It should be noted that the above implementation environment is only an example, and the method provided in this application embodiment can also be executed in other implementation environments. This application embodiment does not limit this.

[0071] Figure 2 This is a flowchart illustrating a toolbar display method provided in an embodiment of this application, which is executed by a computer device. See also... Figure 2 The method includes:

[0072] 201. The computer device displays a graphical interface for a graphical programming tool. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools. The multiple graphical tools are graphical tools from any of the currently selected categories.

[0073] The graphical programming tool used for programming can be of various types, and this application embodiment does not limit the type of graphical programming tool. For example, the graphical programming tool is a UGC (User Generated Content) editor. A UGC editor can provide a graphical interface, graphical tools, and other easy-to-use tools and functions, enabling people without professional programming experience to use the UGC editor for graphical programming, thus enabling visual programming based on the UGC editor. Alternatively, the UGC editor can be an editor provided by a game application, allowing players to easily and conveniently edit and generate personalized game scenes based on the visual programming functions provided by the UGC editor. For example, players can use the UGC editor to create game maps and control game characters within those maps.

[0074] Graphical programming tools offer a variety of graphical tools, which are the basic units for programming. Each graphical tool can represent a programming concept or operation, such as variable assignment, loop control, function calls, and conditional judgments. This application does not limit the specific graphical tools used in this embodiment. Users can create applications by combining these graphical tools, thus achieving programming. Furthermore, each graphical tool has its own graphic, including shape and color. Different graphical tools have different graphics, and by displaying the graphical tools, users can intuitively distinguish those used to implement different functions. Compared to programming languages ​​using numbers or letters, graphical tools offer better visual effects and are more helpful for users. For example, graphical tools can be building blocks. Different shapes or colors of blocks represent different programming concepts or operations. Blocks can be regular shapes such as circles, squares, and triangles, or they can be irregular shapes. By providing irregularly shaped blocks for users to use, users can be attracted to build with blocks while programming, enhancing the fun.

[0075] Optionally, the graphics tool is an SVG (Scalable Vector Graphics) tool. SVG is a vector graphics format based on XML (Extensible Markup Language). Its characteristic is that it can be infinitely enlarged without distortion.

[0076] The graphical interface of a graphical programming tool includes a toolbar, which displays the graphical tools provided by the tool and the category to which each tool belongs. When any category is selected in the toolbar, the computer device displays the graphical tools belonging to that category. Optionally, the graphical interface also includes a workspace, which is the area where the user programs. Applications can be created by placing, editing, and combining graphical tools in the workspace. The toolbar and the workspace are located in different areas of the graphical interface, and new graphical tools can be created in the workspace by dragging and dropping graphical tools from the toolbar.

[0077] For example, graphical tools are like building blocks; they provide building blocks within a graphical programming tool for users to use when programming. They support converting dragged-and-drop blocks into different programming languages ​​and are generally used to support graphical and visual programming. Building blocks are the basic units for programming in graphical programming tools. They have unique shapes and colors, allowing users to easily identify and combine them. Users can create applications and achieve various functions by combining different building blocks. The building block toolbar is a component of the graphical programming tool that contains all available building blocks, organized according to different categories. Users can drag and drop the required building blocks from the building block toolbar into the workspace for programming. The building block toolbar can be customized according to actual needs, displaying specific sets of building blocks.

[0078] Furthermore, in this embodiment of the application, the multiple graphical tools in the toolbar of the graphical programming tool are tools for editing virtual elements in the virtual scene. Thus, in the graphical programming tool, the graphical tools can be used to edit virtual elements in the virtual scene, and the application created using the graphical tools is the application used to edit the virtual scene.

[0079] Figure 3 This is a schematic diagram of the graphical interface of a graphical programming tool provided in an embodiment of this application. See also... Figure 3 The graphical interface includes a workspace 301 and a toolbar 302. Workspace 301 is used for programming, while toolbar 302 displays a search control and multiple primary categories. When the user selects the "Events" category from the primary categories, toolbar 302 displays multiple secondary categories belonging to "Events." When the user selects the "Global" category from the secondary categories, toolbar 302 displays multiple graphical tools belonging to the "Global" category. The user drags the graphical tool "Every Second the Game Elapses" from the toolbar into the workspace, where it is displayed and can then be used for programming.

[0080] 202. In response to a sequence adjustment operation, the computer device adjusts the arrangement order of multiple categories or multiple graphic tools.

[0081] The order adjustment operation refers to either adjusting the order of categories in the toolbar or adjusting the order of graphic tools in the toolbar. The category order adjustment operation is used to change the arrangement order of multiple categories displayed in the toolbar, while the graphic tool adjustment operation is used to change the arrangement order of multiple graphic tools displayed in the toolbar. Therefore, in response to this order adjustment operation, the computer device can adjust the arrangement order of multiple categories or multiple graphic tools.

[0082] Sequence adjustment operations include various types, such as drag operations and click operations. This application embodiment does not limit the type of sequence adjustment operation.

[0083] In related technologies, toolbars typically arrange categories in a fixed order, and the graphical tools within each category are also arranged in a fixed order. This fixed-order display method is too limiting, making it inconvenient for users to find the graphical tools they need for programming, thus affecting their programming efficiency. For example, if a graphical tool that a user frequently uses is listed towards the end, the user will need to spend a considerable amount of time searching for it, thereby reducing the efficiency of finding graphical tools and resulting in lower programming efficiency.

[0084] This application implements a toolbar display method that allows users to adjust the order of multiple categories or the order of graphical tools within each category in the toolbar through a sequence adjustment operation. This makes the arrangement of multiple categories and graphical tools in the toolbar more in line with the user's personal preferences and usage habits, thereby enabling users to quickly find the graphical tools they need for programming and improving the efficiency of finding graphical tools.

[0085] Based on the above embodiments, this application also provides another toolbar display method, and provides a detailed description of the process of displaying the toolbar when the order adjustment operation is an operation to adjust the order of categories in the toolbar. Figure 4 This is a flowchart illustrating another toolbar display method provided in this application embodiment, which is executed by a computer device. See also... Figure 4 The method includes:

[0086] 401. The computer device displays a graphical interface for graphical programming tools. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools. The multiple graphical tools are graphical tools from any of the currently selected categories.

[0087] Step 401 above is the same as step 201 above, and will not be repeated here.

[0088] It should be noted that the following content uses dragging as an example to explain the process of adjusting the order of multiple categories.

[0089] In one possible implementation, users can directly drag categories displayed in the toolbar to adjust the order of multiple categories. Accordingly, in response to dragging any one or more categories, the computer device adjusts the order of the multiple categories.

[0090] Because computer devices can display one or more categories in the toolbar as they move with the user's dragging, they can adjust the order of multiple categories based on the ending position of the drag operation. The ending position of the drag operation is the display position of the dragged category or category in the toolbar. The display position of the categories indicates their order. By allowing users to freely drag the categories displayed in the toolbar, users can easily and quickly change the order of multiple categories, improving user efficiency.

[0091] For example, the toolbar displays categories A, B, and C arranged in sequence. In response to a drag operation on category C, if the drag ends below category A, the computer device can move category C below category A. Accordingly, the adjusted order of the categories is: category A, category C, category B.

[0092] In one possible implementation, the multiple categories displayed in the toolbar are not draggable, meaning the user cannot directly drag them. Therefore, the computer needs to first make the categories draggable, and then adjust their order based on the user's dragging actions. Accordingly, the process of adjusting the order of multiple categories in this case is detailed in steps 402-403 below.

[0093] 402. In response to a trigger operation on the category sorting control, the computer device sets multiple categories corresponding to the category sorting control to a draggable state.

[0094] The category sorting control is used to set the draggable state of multiple categories corresponding to it. The category sorting control can be turned on or off. When on, the categories corresponding to the category sorting control are draggable. When off, the categories corresponding to the category sorting control are not draggable. The number of categories corresponding to the category sorting control is related to the display position of the category sorting control and the currently selected parent category. For example, if the category sorting control is displayed above the display area of ​​the parent category, the multiple categories corresponding to the category sorting control are the currently displayed parent categories. If the category sorting control is displayed above the display area of ​​the child category, the multiple categories corresponding to the category sorting control are the multiple child categories of the currently selected parent category.

[0095] Since the category sorting control is disabled by default on computer devices, in response to the triggering operation of the category sorting control, that is, in response to the operation of enabling the category sorting control, the computer device sets the multiple categories corresponding to the category sorting control to a draggable state.

[0096] In one possible implementation, step 402 includes: in response to a triggering operation on the category sorting control, when multiple graphics tools are in a draggable state, the computer device sets multiple graphics tools to a non-draggable state; when multiple graphics tools are in a non-draggable state, the computer device sets multiple categories corresponding to the category sorting control to a draggable state.

[0097] When multiple drawing tools are draggable, it indicates that the user can drag the tools to adjust their order. Since computer devices cannot simultaneously adjust categories and the order of drawing tools within those categories—meaning multiple drawing tools and multiple categories cannot be draggable at the same time—in response to a triggering operation on the category sorting control, to successfully make multiple categories draggable, the computer device first makes the multiple drawing tools non-draggable, and then makes the categories corresponding to the category sorting control draggable.

[0098] Optionally, in response to a triggering operation on the category sorting control, the computer device can detect whether multiple graphics tools are in a draggable state, and then set multiple graphics tools to a non-draggable state if they are in a draggable state.

[0099] By setting multiple graphical tools that cannot be draggable simultaneously with multiple categories to a non-draggable state when the category sorting control is enabled, the computer device can successfully set multiple categories corresponding to the category sorting control to a draggable state, thus avoiding a decrease in user operating efficiency due to the failure of the category sorting control to be enabled.

[0100] In one possible implementation, considering the large number of graphic tools included in the toolbar, displaying all graphic tools in the selected category at once would occupy excessive display space and make it inconvenient for users to find the desired tool, lacking organization. Therefore, the toolbar is set with multi-level categories, where each level category includes at least one level category, and the last level category includes graphic tools. That is, the toolbar only displays graphic tools under the selected last level category. Taking the multi-level categories as divided into first-level and second-level categories as an example, the multiple categories displayed in the toolbar include multiple first-level categories and at least one second-level category under the currently selected first-level category. Accordingly, the currently displayed multiple first-level categories correspond to one category sorting control, and the currently displayed at least one second-level category corresponds to another category sorting control for differentiation. Step 402 above includes the following two implementation methods.

[0101] Implementation Method 1: In response to a trigger operation on the category sorting control corresponding to multiple primary categories, the computer device sets the multiple primary categories to a draggable state. The category sorting control is used to set the draggable state of the multiple primary categories. The category sorting control can be turned on or off. When on, the multiple primary categories are draggable. When off, the multiple primary categories are not draggable.

[0102] Since computer devices disable category sorting controls for multiple primary categories by default, in response to triggering operations on the category sorting controls for multiple primary categories, i.e., in response to enabling the category sorting controls for multiple primary categories, the computer device sets multiple primary categories to a draggable state.

[0103] Optionally, in response to a triggering operation of a category sorting control corresponding to multiple primary categories, if at least one secondary category or multiple graphic tools are in a draggable state, the computer device sets at least one secondary category or multiple graphic tools to a non-draggable state; if at least one secondary category and multiple graphic tools are both in a non-draggable state, the computer device sets multiple primary categories to a draggable state.

[0104] When at least one or more subcategories or graphic tools are draggable, it indicates that the user can drag the subcategories to adjust their order, or drag the graphic tools to adjust their order. Since computer devices cannot simultaneously adjust the order of primary categories, subcategories within primary categories, and graphic tools within subcategories—meaning multiple primary categories cannot be draggable simultaneously with at least one or more subcategories or graphic tools—to successfully make multiple primary categories draggable, in response to a triggering operation on the category sorting controls corresponding to the multiple primary categories, the computer device will first set at least one or more subcategories or graphic tools to a non-draggable state, and then set the multiple primary categories to a draggable state, provided at least one or more subcategories or graphic tools are already draggable.

[0105] Optionally, in response to a triggering operation of a category sorting control corresponding to multiple primary categories, the computer device can detect whether at least one secondary category and multiple graphic tools are in a draggable state, and then set at least one secondary category or multiple graphic tools to a non-draggable state if at least one secondary category or multiple graphic tools are in a draggable state.

[0106] By setting at least one secondary category or multiple graphic tools that cannot be draggable simultaneously with multiple primary categories when the category sorting controls corresponding to multiple primary categories are enabled, the computer device can successfully set multiple primary categories to a draggable state, thus avoiding the impact on user operation efficiency due to the failure of the category sorting controls corresponding to multiple primary categories to be enabled.

[0107] Implementation Method Two: In response to a trigger operation on the category sorting control corresponding to at least one second-level category, the computer device sets at least one second-level category to a draggable state. The category sorting control corresponding to at least one second-level category is used to set the draggable state of at least one second-level category. The category sorting control corresponding to at least one second-level category can be turned on or off. When on, it indicates that at least one second-level category is draggable. When off, it indicates that at least one second-level category is not draggable.

[0108] Since the computer device disables the category sorting control for at least one secondary category by default, in response to the triggering operation of the category sorting control for at least one secondary category, that is, in response to the operation of enabling the category sorting control for at least one secondary category, the computer device sets at least one secondary category to a draggable state.

[0109] Optionally, in response to a triggering operation of a category sorting control corresponding to at least one secondary category, if multiple primary categories or multiple graphic tools are in a draggable state, the computer device sets multiple primary categories or multiple graphic tools to a non-draggable state; if multiple primary categories and multiple graphic tools are both in a non-draggable state, the computer device sets at least one secondary category to a draggable state.

[0110] When multiple primary categories or multiple graphic tools are draggable, it indicates that the user can drag primary categories to adjust their order, or drag graphic tools to adjust their order. Since computer devices cannot simultaneously adjust the order of primary categories, secondary categories under primary categories, and graphic tools under secondary categories—meaning at least one secondary category cannot be draggable simultaneously with multiple primary categories or multiple graphic tools—to successfully set at least one secondary category to draggable, in response to a trigger operation on the category sorting control corresponding to at least one secondary category, the computer device will first set multiple primary categories or multiple graphic tools to a non-draggable state, and then set at least one secondary category to a draggable state, provided that multiple primary categories or multiple graphic tools are already draggable.

[0111] Optionally, in response to a triggering operation of a category sorting control corresponding to at least one secondary category, the computer device can detect whether multiple primary categories and multiple graphic tools are in a draggable state, and then, if multiple primary categories or multiple graphic tools are in a draggable state, set at least one secondary category or multiple graphic tools to a non-draggable state.

[0112] By setting multiple primary categories or multiple graphic tools that cannot be draggable simultaneously with at least one secondary category to a non-draggable state when the category sorting control corresponding to at least one secondary category is enabled, the computer device can successfully set at least one secondary category to a draggable state, thus avoiding the impact on user operation efficiency due to the failure of the category sorting control corresponding to at least one secondary category to be enabled.

[0113] In both implementation methods described above, by setting up a category sorting control for each level of category when there are multiple levels of categories in the toolbar, it is ensured that categories at different levels cannot be draggable at the same time. This makes the sorting process of multiple levels of categories independent of each other, avoiding the situation where the user drags a higher-level category to a lower-level category or vice versa, which would cause the category hierarchy to be incorrect. This ensures the accuracy of the category hierarchy, and in turn, ensures the accuracy of the graphical tools that the user finds based on the category hierarchy, thereby improving the user's programming accuracy.

[0114] 403. When multiple categories are draggable, the computer device adjusts the order of the categories in response to a drag operation on any one or more categories.

[0115] By setting multiple categories to be draggable when the category sorting control is enabled, the computer device allows users to change the sorting order of categories by dragging them only when the category sorting control is enabled. This avoids the situation where the sorting order of categories is changed due to accidental dragging by the user when the category sorting control is disabled, ensuring the accuracy of the operation and improving the user's operating efficiency.

[0116] See Figure 3The graphical interface is set with primary and secondary categories. Toolbar 302 displays multiple primary categories, multiple secondary categories under the currently selected primary category "Events," and multiple graphical tools under the currently selected secondary category "Global." Toolbar 302 also displays category sorting controls 303 for primary categories, category sorting controls 304 for secondary categories, and graphical tool sorting controls 305 for the multiple graphical tools. At this time, the arrangement order of the primary categories in toolbar 302 is "Events, Controls, Actions, Conditions, Values, Functions, Variables." The arrangement order of the secondary categories in toolbar 302 is "Global, Interface, Player, Character, Creature, Components, Logic Components, Effects."

[0117] In response to a trigger operation on the category sorting control 303 corresponding to the primary category, the computer device sets multiple primary categories to a draggable state. See also Figure 5 , Figure 5 This is a schematic diagram of the graphical interface of another graphical programming tool provided in this application embodiment. When the user drags the "Condition" category below the "Event" category, the adjusted arrangement order of multiple first-level categories in the toolbar 502 is "Event, Condition, Control, Action, Value, Function, Variable".

[0118] In response to a trigger operation on the category sorting control 304 corresponding to the second-level category, the computer device sets multiple second-level categories to a draggable state. See also Figure 6 , Figure 6 This is a schematic diagram of the graphical interface of another graphical programming tool provided in this application embodiment. When the user drags the "Creatures" category below the "Effects" category, the arrangement order of the multiple secondary categories in the toolbar 602 is "Global, Interface, Player, Character, Component, Logic Component, Effects, Creatures".

[0119] In one possible implementation, to enable category dragging functionality in the toolbar, the computer device needs to generate a corresponding number of draggable elements for the multiple categories displayed in the toolbar, with each category's draggable element being an image corresponding to that category. Accordingly, step 403 includes: when multiple categories are draggable, the computer device replaces the multiple categories with multiple category images; in response to a drag operation on any one or more category images, the computer device adjusts the arrangement order of the multiple category images based on the end position of the drag operation. While the category images and categories themselves have the same display style, they differ in display format. For example, the category might be in SVG format, while the category images might be in JPEG (Joint Photographic Experts Group), PNG (Portable Network Graphics), or other formats.

[0120] Since category images are used to represent the appearance of the categories displayed in the toolbar, when a computer device replaces multiple categories with multiple category images, the user cannot visually perceive the change. From the user's perspective, multiple categories are still involved in the sorting, but from the computer device's perspective, multiple category images are actually involved in the sorting. Accordingly, the computer device can respond to dragging operations on one or more category images, adjusting the order of the multiple category images based on the ending position of the drag operation. The ending position of the drag operation is the display position of the dragged one or more category images in the toolbar.

[0121] By replacing multiple categories with multiple category images, computer devices can simplify the process of adjusting category order without the user's awareness, by adjusting the order of category images instead of the order of categories. This simplifies the process and provides users with immediate visual feedback, allowing them to see the changes in the position of categories in real time by dragging the category images, thus improving the user experience.

[0122] In one possible implementation, after the user sorts categories by dragging category images, the computer device needs to replace the sorted category images with the corresponding categories to allow the user to find the graphical tools needed for programming. Accordingly, in response to a re-triggering of the category sorting control, the computer device sets the categories corresponding to the sorting control to a non-draggable state. When the user closes the category sorting control, making the categories non-draggable, it indicates that the user has completed the category sorting. Therefore, to avoid affecting the user's subsequent search for graphical tools within a category by triggering the category search, the computer device can replace the category images with the corresponding categories.

[0123] By replacing multiple category images with multiple categories when the user completes category sorting, the normal display and use of categories can be guaranteed. This avoids situations where the user triggers a category image but the corresponding graphical tool is not displayed in the toolbar, thus preventing any impact on the user's programming efficiency.

[0124] 404. In response to a re-triggering operation of the category sorting control, the computer device sets multiple categories corresponding to the category sorting control to a non-draggable state.

[0125] When the category sorting control is triggered, making multiple categories corresponding to it draggable, in response to a subsequent trigger of the category sorting control, the computer device sets these categories to a non-draggable state. By making the sorted categories non-draggable, the system avoids accidentally changing the category order due to user dragging after sorting, ensuring operational accuracy and improving user efficiency.

[0126] This application implements a toolbar display method that allows users to adjust the order of multiple categories displayed in the toolbar by dragging any one or more categories, when multiple categories are in a draggable state. This not only makes the arrangement of multiple categories more in line with the user's personal preferences and usage habits, improving the user's efficiency in finding graphical tools in multiple categories, but also allows the user to easily and quickly change the arrangement of multiple categories, improving the user's operational efficiency.

[0127] Furthermore, by triggering the category sorting control, it is possible to control whether multiple categories are in a draggable state. This state switching method is very convenient and ensures that the sorting order of multiple categories can only be adjusted when multiple categories are in a draggable state. This avoids the situation where the sorting order of categories is changed due to user misoperation, ensures the accuracy of operation, and improves the user's operating efficiency.

[0128] Furthermore, by setting multiple graphical tools that cannot be draggable simultaneously with multiple categories to a non-draggable state when the category sorting control is enabled, the computer device can successfully set multiple categories corresponding to the category sorting control to a draggable state, thus avoiding the impact on user operation efficiency due to the failure of the category sorting control to be enabled.

[0129] Furthermore, by setting up a category sorting control for each level of category when there are multiple levels of categories in the toolbar, it is ensured that different levels of categories cannot be draggable at the same time. This makes the sorting process of multiple levels of categories independent of each other, preventing users from dragging a higher-level category to a lower-level category or vice versa, which could lead to errors in the category hierarchy. This ensures the accuracy of the category hierarchy, and in turn, the accuracy of the graphical tools that users find based on the category hierarchy, thus improving the accuracy of the user's programming.

[0130] Furthermore, by replacing multiple categories with multiple category images, computer devices can simplify the process of adjusting the category order without the user's awareness by adjusting the order of the category images instead of the order of the categories. This simplifies the display of the process and provides users with immediate visual feedback, allowing them to see the changes in the position of the categories in real time by dragging the category images, thus improving the user experience.

[0131] Based on the above embodiments, this application also provides another method for displaying a toolbar, and provides a detailed description of the process of displaying the toolbar when the order adjustment operation is an operation to adjust the order of graphic tools in the toolbar. Figure 7 This is a flowchart illustrating another toolbar display method provided in this application embodiment, which is executed by a computer device. See also... Figure 7 The method includes:

[0132] Figure 7 This is a flowchart illustrating another toolbar display method provided in this application embodiment, which is executed by a computer device. See also... Figure 7 The method includes:

[0133] 701. The computer device displays a graphical interface for graphical programming tools. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools. The multiple graphical tools are graphical tools from any of the currently selected categories.

[0134] Step 401 above is the same as step 201 above, and will not be repeated here.

[0135] It should be noted that the following content uses dragging as an example to explain the process of adjusting the order of multiple graphic tools.

[0136] In one possible implementation, users can directly drag the graphic tools displayed in the toolbar to adjust the order of multiple graphic tools. Accordingly, the order of multiple graphic tools is adjusted in response to dragging any one or more graphic tools.

[0137] Because computer devices can display the movement of one or more graphic tools in the toolbar as the user drags them, the device can adjust the order of these tools based on the ending position of the drag operation. The ending position of the drag operation is the display position of the dragged graphic tool in the toolbar. The display position of the graphic tools indicates their order. By allowing users to freely drag the graphic tools displayed in the toolbar, users can easily and quickly change the order of multiple graphic tools, improving user efficiency.

[0138] In one possible implementation, the multiple graphic tools displayed in the toolbar are not draggable, meaning the user cannot change their order by dragging. Therefore, the computer needs to first make the multiple graphic tools draggable, and then adjust their order based on the user's dragging actions. Accordingly, the process of adjusting the order of multiple graphic tools in this case is detailed in steps 702-703 below.

[0139] It should be noted that when the drawing tools are not draggable, users can drag them to the tool area.

[0140] 702. In response to a trigger operation on the graphics tool sorting control, the computer device sets multiple graphics tools corresponding to the graphics tool sorting control to a draggable state.

[0141] The Graphics Tool Sorting Control is used to set the draggable state of multiple graphics tools corresponding to it. The Graphics Tool Sorting Control can be turned on or off. When on, the multiple graphics tools corresponding to the Graphics Tool Sorting Control are draggable. When off, the multiple graphics tools corresponding to the Graphics Tool Sorting Control are not draggable. The multiple graphics tools corresponding to the Graphics Tool Sorting Control are the graphics tools in the currently selected category.

[0142] Since the computer device disables the graphics tool sorting control by default, in response to the triggering operation of the graphics tool sorting control, that is, in response to the operation of enabling the graphics tool sorting control, the computer device sets the multiple graphics tools corresponding to the graphics tool sorting control to a draggable state.

[0143] In one possible implementation, step 702 includes: in response to a triggering operation on the graphical tool sorting control, the computer device sets multiple categories to a non-draggable state when multiple categories are in a draggable state; and when multiple categories are in a non-draggable state, the computer device sets multiple graphical tools corresponding to the graphical tool sorting control to a draggable state.

[0144] When multiple categories are draggable, it indicates that the user can drag the categories to adjust their order. Since computer devices cannot simultaneously adjust the order of categories and the graphic tools within them—meaning multiple categories and multiple graphic tools cannot be draggable at the same time—in response to a trigger operation on the graphic tool sorting control, to successfully set multiple graphic tools to draggable mode, the computer device first sets multiple categories to non-draggable mode while multiple categories are already draggable, and then sets the multiple graphic tools corresponding to the graphic tool sorting control to draggable mode.

[0145] Optionally, in response to a triggering operation on the graphical tool sorting control, the computer device can detect the dragging state of multiple categories, and then set multiple categories to a non-draggable state if the dragging state of multiple categories is draggable.

[0146] By setting multiple categories that cannot be draggable simultaneously to a non-draggable state when the graphics tool sorting control is enabled, the computer device can successfully set multiple graphics tools corresponding to the graphics tool sorting control to a draggable state, thus avoiding the impact on user operation efficiency due to the failure of the graphics tool sorting control to be enabled.

[0147] 703. When multiple drawing tools are in a draggable state, in response to a drag operation on any one or more drawing tools, the computer device adjusts the arrangement order of the multiple drawing tools.

[0148] By setting multiple graphics tools to be draggable when the graphics tool arrangement control is open, the computer device allows users to change the arrangement order of graphics tools by dragging them only when the graphics tool arrangement control is open. This avoids the situation where the arrangement order of graphics tools is changed due to accidental dragging operations by the user when the graphics tool arrangement control is closed, ensuring the accuracy of operation and improving the user's operating efficiency.

[0149] See Figure 3 At this point, the arrangement order of the multiple graphics tools in toolbar 302 is: "when the game starts, when the game lasts for 1 second, when a signal is received, when the player successfully shares, when the sky environment changes, and when the timer changes." In response to a trigger operation on the graphics tool sorting control 305, the computer device sets multiple graphics tools to a draggable state. See also... Figure 8 , Figure 8 This is a schematic diagram of the graphical interface of another graphical programming tool provided in this application embodiment. When the user drags the "When the game starts" graphical tool below the "When the timer changes" graphical tool, the adjusted arrangement of multiple graphical tools in the toolbar 802 is "When the game lasts for 1 second, when a signal is received, when the player successfully shares, when the sky environment changes, when the timer changes, and when the game starts".

[0150] In one possible implementation, to enable draggable functionality for graphic tools in the toolbar, the computer device needs to generate a corresponding number of draggable elements for the multiple graphic tools displayed in the toolbar. Each graphic tool's draggable element is an image corresponding to that graphic tool. Accordingly, step 703 includes: when multiple graphic tools are in a draggable state, the computer device replaces the multiple graphic tools with multiple graphic tool images; in response to a drag operation on any one or more graphic tool images, the computer device adjusts the arrangement order of the multiple graphic tool images based on the end position of the drag operation. The graphic tool images and graphic tools have the same display style but different display formats. For example, the graphic tools may be in SVG format, while the graphic tool images may be in JPEG, PNG, or other formats.

[0151] Since the graphic tool images are used to represent the appearance of the graphic tools displayed in the toolbar, when a computer device replaces multiple graphic tools with multiple graphic tool images, the user cannot visually perceive the change. From the user's perspective, multiple graphic tools are still participating in the sorting, but from the computer device's perspective, multiple graphic tool images are actually participating in the sorting. Accordingly, the computer device can respond to dragging operations on one or more graphic tool images and adjust the arrangement order of the multiple graphic tool images based on the ending position of the drag operation. The ending position of the drag operation is the display position of the dragged one or more graphic tool images in the toolbar.

[0152] By replacing multiple graphic tools with multiple graphic tool images, computer devices can simplify the process of adjusting the graphic tool arrangement by adjusting the order of the graphic tool images instead of the graphic tools themselves, without the user's awareness. This provides users with instant visual feedback, allowing them to see the position changes of the graphic tools in real time by dragging the graphic tool images, thus improving the user experience.

[0153] In one possible implementation, after the user sorts the graphics tools by dragging and dropping images, the computer device needs to replace the sorted images with the corresponding graphics tools in order for the user to program using the desired tools in the workspace. Accordingly, in response to a re-triggering of the graphics tool sorting control, the computer device sets the graphics tools corresponding to the sorting control to a non-draggable state. When the user closes the sorting control, making the graphics tools non-draggable, it indicates that the user has completed sorting the graphics tools. Therefore, to avoid affecting the user's subsequent use of the graphics tools, the computer device can replace the images with the actual graphics tools.

[0154] By replacing multiple graphical tool images with multiple graphical tools after the user has sorted the graphical tools, the normal display and use of the graphical tools can be guaranteed, avoiding situations where users cannot use graphical tools for programming in the workspace, and thus avoiding affecting the user's programming efficiency.

[0155] 704. In response to a re-triggering operation of the graphics tool sorting control, the computer device sets multiple graphics tools corresponding to the graphics tool sorting control to a non-draggable state.

[0156] When the graphic tool sorting control is triggered, making multiple graphic tools corresponding to it draggable, in response to a subsequent trigger of the sorting control, the computer device sets these graphic tools to a non-draggable state. By setting the sorted graphic tools to a non-dragable state, the system avoids accidentally changing the order of the graphic tools due to user dragging after sorting, ensuring operational accuracy and improving user efficiency.

[0157] In one possible implementation, the multiple categories include custom categories created by the terminal login account. Users can add graphics tools to a custom category by dragging one or more graphics tools into it. Accordingly, if the currently selected category differs from the custom category, the computer device determines the end position of the drag operation in response to the drag operation on any one or more graphics tools; if the end position of the drag operation is located within the display area of ​​the custom category, the computer device adds one or more graphics tools to the custom category.

[0158] Custom categories are categories created by the user. Since there are no default graphics tools in custom categories, users must manually add them. Users can add graphics tools to custom categories not only by dragging them to change their order within the currently selected category, but also by dragging them into the display area of ​​the custom category. Therefore, if the dragging operation on one or more graphics tools ends within the display area of ​​a custom category, the computer device can add one or more graphics tools to the custom category.

[0159] By allowing users to drag and drop graphical tools from other categories into user-created custom categories, the system not only makes adding graphical tools to custom categories convenient and quick, improving the user experience, but also allows users to add frequently used graphical tools to custom categories, enabling them to quickly find the graphical tools they need for programming and improving efficiency in finding these tools.

[0160] This application implements a toolbar display method that allows users to adjust the order of multiple graphic tools displayed in the toolbar by dragging any one or more graphic tools when multiple graphic tools are in a draggable state. This not only makes the arrangement of multiple graphic tools more in line with the user's personal preferences and usage habits, improving the user's efficiency in finding graphic tools, but also allows the user to easily and quickly change the arrangement of multiple graphic tools, improving the user's operational efficiency.

[0161] Furthermore, by triggering the graphic tool sorting control, it is possible to control whether multiple graphic tools are in a draggable state. This state switching method is very convenient and ensures that the arrangement order of multiple graphic tools can only be adjusted when multiple graphic tools are in a draggable state. This avoids the situation where the arrangement order of graphic tools is changed due to user misoperation, ensures the accuracy of operation, and improves the user's operating efficiency.

[0162] Furthermore, by setting multiple categories that cannot be draggable simultaneously with multiple graphics tools to a non-draggable state when the graphics tool sorting control is enabled, the computer device can successfully set multiple graphics tools corresponding to the graphics tool sorting control to a draggable state, thus avoiding the impact on user operation efficiency due to the failure of the graphics tool sorting control to be enabled.

[0163] Furthermore, by replacing multiple graphic tools with multiple graphic tool images, the computer device can simplify the process of adjusting the graphic tool arrangement by adjusting the order of the graphic tool images instead of the graphic tools themselves, without the user's awareness. This provides users with immediate visual feedback, allowing them to see the position changes of the graphic tools in real time by dragging the graphic tool images, thus improving the user experience.

[0164] Furthermore, by allowing users to drag and drop graphical tools from other categories into user-created custom categories, this not only makes adding graphical tools to custom categories convenient and quick, improving the user experience, but also allows users to add frequently used graphical tools to custom categories, enabling them to quickly find the graphical tools needed for programming and improving efficiency in finding these tools.

[0165] Based on the above embodiments, this application also provides another toolbar display method, which provides a detailed description of the process of adjusting the order of computer devices. Figure 9 This is a flowchart illustrating yet another toolbar display method provided in this application embodiment, which is executed by a computer device. See also... Figure 9 The method includes:

[0166] 901. The computer device displays a graphical interface for graphical programming tools. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools. The multiple graphical tools are graphical tools from any of the currently selected categories.

[0167] Step 901 is the same as step 201 above, and will not be repeated here.

[0168] 902. In response to a sequence adjustment operation, the computer device determines the order of multiple categories after adjustment or the order of multiple graphic tools after adjustment.

[0169] The order adjustment operation refers to either rearranging the order of categories in the toolbar or rearranging the order of graphic tools in the toolbar. The computer device can determine the rearrangement order of multiple categories or multiple graphic tools on the graphical interface based on the user's order adjustment operations.

[0170] 903. Based on the adjusted arrangement, the computer device modifies the toolbar configuration information, which includes the arrangement order of multiple categories and the arrangement order of the graphical tools in each category.

[0171] Because the configuration information includes the order of multiple categories in the toolbar and the order of the graphical tools in each category, the computer device can modify the configuration information according to the adjusted order of multiple categories or multiple graphical tools.

[0172] Optionally, the order of multiple categories in the configuration information is the same as the order of multiple category identifiers, and the order of the graphical tools included in each category is the same as the order of the graphical tool identifiers. Accordingly, when a computer device modifies the order of multiple categories or multiple graphical tools in the configuration information, it actually modifies the order of the multiple category identifiers or multiple graphical tool identifiers.

[0173] For example, the "Global" category includes six graphical tools, which, from top to bottom in the toolbar, are: "When the game starts," "When the game lasts 1 second," "When the game receives a signal," "When a player successfully shares," "When the sky environment changes," and "When the timer changes." The order of the graphical tool icons corresponding to these six tools in the configuration information is as follows:

[0174] Event_Global_OnGameStart,

[0175] Event_Global_OnGameUpdate,

[0176] Event_Global_OnSignal,

[0177] Event_Global_OnShareSuccess,

[0178] Event_Global_OnSkyBoxChanged,

[0179] Event_Global_OnTimerChanged.

[0180] When the user moves the "When Game Starts" graphical tool below the "When Timer Changes" graphical tool, the computer device, based on the adjusted arrangement of these six graphical tools, modifies the order of the six graphical tool identifiers in the configuration information as follows:

[0181] Event_Global_OnGameUpdate,

[0182] Event_Global_OnSignal,

[0183] Event_Global_OnShareSuccess,

[0184] Event_Global_OnSkyBoxChanged,

[0185] Event_Global_OnTimerChanged,

[0186] Event_Global_OnGameStart.

[0187] 904. The computer device displays an updated graphical interface based on the modified configuration information, so that the order of multiple categories and multiple graphical tools in the toolbar of the graphical interface is consistent with the order in the configuration information.

[0188] The modified configuration information includes the adjusted order of multiple categories and the order of graphical tools within each category. Therefore, the computer device can update the toolbar in the graphical interface based on the modified configuration information, ensuring that the order of multiple categories and graphical tools in the updated toolbar matches the order in the modified configuration information.

[0189] Optionally, the computer device can load and parse the configuration information to generate a DOM (Document Object Model) structure corresponding to the configuration information, and then render it onto the graphical interface to obtain the multiple categories and graphical tools displayed in the toolbar. Therefore, the computer device will reload and parse the modified configuration information, generate the DOM structure corresponding to the modified configuration information, and then render the DOM structure onto the graphical interface to obtain the updated toolbar in the graphical interface.

[0190] Optionally, the computer device can only parse configuration information in a specific format. Therefore, if the modified configuration information is not in the specific format, the computer device needs to convert the format of the modified configuration information. Accordingly, the computer device can display the updated graphical interface by loading and parsing the modified configuration information in the specific format. The specific format can be JSON (JavaScript Object Notation), XML (Extensible Markup Language), or INI (Initialization) format; this embodiment of the application does not limit this.

[0191] Figure 10 This is a schematic diagram of a toolbar display process provided in an embodiment of this application. See also... Figure 10Taking the user's adjustment of the order of graphical tools as an example, in one scenario, in response to the user clicking the graphical tool sorting control, if the categories in the toolbar are draggable, the computer device needs to set the categories to non-draggable. Then, with the categories non-draggable, the toolbar configuration information is modified according to the user's adjusted category order. Based on this configuration information, the graphical interface is updated so that the updated graphical interface displays the categories with the adjusted order in the toolbar. After updating the graphical interface, the computer device can set multiple graphical tools corresponding to the graphical tool sorting control to a draggable state. In another scenario, in response to the user clicking the graphical tool sorting control, if the categories in the toolbar are not draggable, the computer device can directly set multiple graphical tools corresponding to the graphical tool sorting control to a draggable state. With multiple graphical tools in a draggable state, the user can adjust the order of the multiple graphical tools. After adjustment, the user can click the graphical tool sorting control again. In response to another click on the graphical tool sorting control, the computer device sets multiple graphical tools to a non-draggable state, then modifies the toolbar configuration information according to the user's adjusted arrangement of the graphical tools, and then updates the graphical interface based on the configuration information so that the updated graphical interface toolbar displays the graphical tools with the adjusted arrangement.

[0192] This application implements a toolbar display method that allows users to adjust the order of multiple categories displayed in the toolbar or the order of graphical tools within each category through a sequence adjustment operation. This makes the arrangement of multiple categories and graphical tools in the toolbar more in line with the user's personal preferences and usage habits, thereby enabling users to quickly find the graphical tools needed for programming and improving user efficiency when searching for graphical tools.

[0193] Furthermore, by using configuration information to represent the arrangement order of multiple categories in the toolbar and the arrangement order of graphical tools within each category, the computer device can modify the toolbar's configuration information based on the user's adjustment when the user rearranges the order of multiple currently displayed categories or graphical tools. This ensures that the arrangement order in the configuration information remains consistent with the adjusted order, guaranteeing timely updates to the configuration information. Compared to simply adjusting the arrangement order of categories or graphical tools within the graphical interface, synchronously modifying the configuration information ensures that even after the graphical interface is closed and reopened, the rearranged categories or graphical tools will still be displayed based on the modified configuration information, thus ensuring the long-term effectiveness of the order adjustment operation.

[0194] The virtual scene in this embodiment includes virtual elements, and the toolbar of the graphical programming tool can display graphical tools, which are tools for editing virtual elements.

[0195] In this application, the virtual scene involved in the embodiment can be used to simulate a three-dimensional virtual space, which can be an open space. The virtual scene can be used to simulate a real environment in reality. For example, the virtual scene is a virtual scene provided by a video game, which can also be called a virtual map.

[0196] Virtual elements in a virtual scene can include various types. For example, a virtual scene can include virtual elements such as sky, land, and ocean. The land can include environmental elements such as deserts and cities. Of course, the virtual scene can also include virtual characters and virtual items. Virtual characters can include virtual characters controlled by players or NPCs (NonPlayer Characters). These virtual characters can take any form, such as humans or animals.

[0197] Virtual items can include projectiles, buildings, vehicles, and virtual objects within a virtual scene used to arm oneself or engage in combat with other virtual objects. The virtual scene can also simulate realistic environments under different weather conditions, such as sunny days, rainy days, foggy days, or nighttime.

[0198] Based on the above method embodiments, a computer device can use the target graphics tool in a graphical programming tool to edit virtual elements in a virtual scene. The editing process is detailed in the following embodiments.

[0199] Figure 11 This is a flowchart illustrating an editing method provided in an embodiment of this application. This embodiment is executed by a computer device. See also... Figure 11 The method includes:

[0200] 1101. In response to the selection of any of the multiple categories, the computer device displays the graphical tools under the selected category in the toolbar, and any currently displayed graphical tool can be dragged into the workspace of the graphical programming tool.

[0201] The graphical programming tool includes a workspace and a toolbar. The order of the various categories displayed in the toolbar can be adjusted using the method provided in the above embodiments. The graphical tools displayed in the toolbar are those under the category currently selected by the user, while the workspace is the area used for programming. When a user needs to use a particular graphical tool, they can drag and drop it from the toolbar to the workspace.

[0202] Optionally, if the currently selected category includes multiple drawing tools, any one or more drawing tools can be dragged into the workspace.

[0203] It should be noted that the arrangement order of multiple graphics tools can also be adjusted using the method provided in the above embodiments.

[0204] Furthermore, for a given graphics tool, after dragging it from the toolbar to the workspace, the tool will remain displayed in the toolbar, allowing you to continue dragging the same tool from the toolbar to the workspace multiple times.

[0205] 1102. When the computer device selects the currently displayed graphics tool in the workspace, it determines the selected virtual element in the virtual scene.

[0206] When a graphics tool is selected, the selected virtual element in the virtual scene can be identified. This virtual element is the one that the graphics tool needs to edit.

[0207] Optionally, the computer device will select the most recently dragged and dropped graphics tool into the workspace by default, or select any graphics tool by clicking or long-pressing.

[0208] Optionally, step 1102 includes: when the computer device selects the graphics tool, it jumps to the virtual scene interface, which displays a virtual scene. In the virtual scene interface, the selection operation of any virtual element in the virtual scene can be triggered. Then the computer device determines that the virtual element is selected and jumps to the interface of the graphical programming tool. The target virtual element of the graphics tool is displayed in the workspace as the selected virtual element. That is, the selected virtual element is used as the "input" of the graphics tool. Subsequently, the selected virtual element can be edited through the graphics tool.

[0209] Optionally, different graphics tools can match different types of virtual elements. For example, a graphics tool used to set the color of virtual items can only select virtual items from the virtual scene, but not virtual characters. A graphics tool used to control NPCs can only select NPCs from the virtual scene, but not other virtual characters.

[0210] 1103. Computer devices use this graphical tool to edit virtual elements.

[0211] Different graphics tools have different functions and edit virtual elements in different ways. For example, if a graphics tool is used to set the color of a virtual element, then after determining the target virtual element and target color, the color of the target virtual element in the virtual scene will be changed to the target color. Or, if a graphics tool is used to change the shape of a virtual element, then after determining the target virtual element and target shape, the shape of the target virtual element in the virtual scene will be changed to the target shape. The target color and target shape can be entered by the user or selected from a variety of available colors and shapes.

[0212] Alternatively, if a graphical tool is used to control an NPC, then after determining the target NPC and target path for the graphical tool, the target NPC is controlled to move in the virtual scene according to the target path.

[0213] Optionally, the graphical tool is used to control the NPC. The computer device can determine the target NPC, target path, and target movement duration of the graphical tool, and then control the target NPC to move in the virtual scene according to the target path. After the movement duration reaches the target movement duration, the movement stops or returns to the origin.

[0214] Alternatively, if a graphical tool is used to control the interaction between a virtual character and a virtual scene, after determining the target virtual character, the tool analyzes the current state of the virtual scene to determine the target virtual character's interaction information. The tool then controls the target virtual character to output this interaction information, achieving the effect of the target virtual character reacting to the current state of the virtual scene. For example, the interaction information might include dialogue text; controlling the target virtual character to output this dialogue text achieves the effect of the target virtual character speaking in response to the current state of the virtual scene. Or, the interaction information might include actions; controlling the target virtual character to perform these actions achieves the effect of the target virtual character making a physical movement in response to the current state of the virtual scene. Or, the interaction information might include facial expressions; controlling the target virtual character to make these facial expressions achieves the effect of the target virtual character expressing an emotion in response to the current state of the virtual scene, and so on.

[0215] 1104. The computer device displays the editing results of virtual elements.

[0216] The computer device displays a virtual scene and its various virtual elements within the virtual scene interface. After editing the virtual elements, the computer device can display the editing results, allowing the user to preview the changes. These results demonstrate whether the graphical tools are functioning correctly and represent the display effect of the virtual elements when the user-programmed application is applied to the virtual scene. Therefore, this helps users promptly identify problems that arise during the programming process.

[0217] The method provided in this application embodiment can intuitively display the workspace and toolbar in a graphical programming tool, facilitating users to quickly edit virtual elements in a virtual scene using graphical tools. The operation is simple and convenient. Furthermore, it allows users to adjust the order of multiple categories displayed in the toolbar or the order of graphical tools within each category through sequence adjustment. This makes the arrangement of multiple categories and graphical tools in the toolbar more in line with the user's personal preferences and usage habits, enabling users to quickly find the graphical tools needed for programming and improving user efficiency when searching for graphical tools.

[0218] Figure 12 This is a schematic diagram of the structure of a toolbar display device provided in an embodiment of this application. See also... Figure 12 The device includes:

[0219] The display module 1201 is used to display the graphical interface of the graphical programming tool. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools. The multiple graphical tools are the graphical tools in any of the currently selected categories.

[0220] Adjustment module 1202 is used to adjust the arrangement order of multiple categories or multiple graphic tools in response to a sequence adjustment operation;

[0221] The graphic tools in the toolbar are used to edit virtual elements in the virtual scene.

[0222] In one possible implementation, the adjustment module 1202 is used to adjust the arrangement order of multiple categories in response to a drag operation on any one or more categories.

[0223] In one possible implementation, Figure 13 This is a schematic diagram of another toolbar display device provided in an embodiment of this application. See also... Figure 13 The device also includes:

[0224] The state setting module 1203 is used to respond to the trigger operation of the category sorting control and set multiple categories corresponding to the category sorting control to a draggable state;

[0225] The adjustment module 1202 is used to adjust the arrangement order of multiple categories in response to a drag operation on any one or more categories when multiple categories are in a draggable state.

[0226] In one possible implementation, the adjustment module 1202 is used to replace multiple categories with multiple category images when multiple categories are in a draggable state; in response to a drag operation on any one or more category images, the arrangement order of the multiple category images is adjusted based on the end position of the drag operation.

[0227] In one possible implementation, the adjustment module 1202 is also configured to, in response to a re-triggering operation of the category sorting control, set multiple categories corresponding to the category sorting control to a non-draggable state; and, when multiple categories are in a non-draggable state, replace multiple category images with multiple categories.

[0228] In one possible implementation, the state setting module 1203 is used to respond to a trigger operation on the category sorting control by setting multiple graphic tools to a non-dragible state when multiple graphic tools are in a draggable state, and setting multiple categories corresponding to the category sorting control to a draggable state when multiple graphic tools are in a non-dragible state.

[0229] In one possible implementation, the multiple categories include multiple first-level categories and at least one second-level category under the currently selected first-level category;

[0230] The state setting module 1203 is used to set multiple first-level categories to a draggable state in response to a trigger operation of a category sorting control corresponding to multiple first-level categories; or, in response to a trigger operation of a category sorting control corresponding to at least one second-level category, to set at least one second-level category to a draggable state.

[0231] In one possible implementation, the state setting module 1203 is used to respond to a trigger operation on the category sorting controls corresponding to multiple primary categories, and to set at least one secondary category or multiple graphic tools to a non-draggable state when at least one secondary category or multiple graphic tools are in a draggable state; and to set multiple primary categories to a draggable state when at least one secondary category and multiple graphic tools are both in a non-draggable state.

[0232] In one possible implementation, the state setting module 1203 is configured to, in response to a trigger operation on a category sorting control corresponding to at least one secondary category, set multiple primary categories or multiple graphic tools to a non-draggable state when multiple primary categories or multiple graphic tools are in a draggable state; and set at least one secondary category to a draggable state when multiple primary categories and multiple graphic tools are all in a non-draggable state.

[0233] In one possible implementation, the state setting module 1203 is also used to set multiple categories corresponding to the category sorting control to a non-draggable state in response to a re-triggering operation of the category sorting control.

[0234] In one possible implementation, the adjustment module 1202 is used to adjust the arrangement order of multiple graphic tools in response to a drag operation on any one or more graphic tools.

[0235] In one possible implementation, the state setting module 1203 is also used to set multiple graphic tools corresponding to the graphic tool sorting control to a draggable state in response to a trigger operation on the graphic tool sorting control.

[0236] Adjustment module 1202 is used to adjust the arrangement order of multiple graphic tools in response to dragging operations on any one or more graphic tools when multiple graphic tools are in a draggable state.

[0237] In one possible implementation, the adjustment module 1202 is used to replace multiple graphic tools with multiple graphic tool images when multiple graphic tools are in a draggable state; in response to a drag operation on any one or more graphic tool images, the arrangement order of the multiple graphic tool images is adjusted based on the end position of the drag operation.

[0238] In one possible implementation, the adjustment module 1202 is further configured to, in response to a re-triggering operation of the graphic tool sorting control, set multiple graphic tools corresponding to the graphic tool sorting control to a non-draggable state; and, when multiple graphic tools are in a non-draggable state, replace the multiple graphic tool images with multiple graphic tools.

[0239] In one possible implementation, the state setting module 1203 is further configured to, in response to a trigger operation on the graphical tool sorting control, set multiple categories to a non-draggable state when multiple categories are in a draggable state; and set multiple graphical tools corresponding to the graphical tool sorting control to a draggable state when multiple categories are in a non-draggable state.

[0240] In one possible implementation, the state setting module 1203 is further configured to, in response to a re-triggering operation of the graphical tool sorting control, set multiple graphical tools corresponding to the graphical tool sorting control to a non-draggable state.

[0241] In one possible implementation, the adjustment module 1202 is used to, in response to the sequence adjustment operation, determine the arrangement order of multiple categories or the arrangement order of multiple graphical tools after adjustment; based on the adjusted arrangement order, modify the configuration information of the toolbar, the configuration information including the arrangement order of multiple categories and the arrangement order of graphical tools in each category; based on the modified configuration information, display the updated graphical interface so that the arrangement order of multiple categories and multiple graphical tools in the toolbar of the graphical interface is consistent with the arrangement order in the configuration information.

[0242] In one possible implementation, multiple categories include custom categories created for terminal login accounts, see [link to relevant documentation]. Figure 13 The device also includes:

[0243] Add module 1204 to determine the end position of a drag operation in response to a drag operation on one or more graphic tools when the currently selected category is different from a custom category; and add one or more graphic tools to the custom category when the end position of the drag operation is located in the display area of ​​the custom category.

[0244] In one possible implementation, see [link to relevant documentation]. Figure 13 The device also includes:

[0245] The editing module 1205 is used to drag any graphic tool from the toolbar into the workspace of the graphical programming tool; when the currently displayed graphic tool in the workspace is selected, the selected virtual element in the virtual scene is determined; the virtual element is edited using the graphic tool; and the editing result of the virtual element is displayed.

[0246] This application embodiment implements a toolbar display scheme that allows users to adjust the order of multiple categories displayed in the toolbar or the order of graphical tools within each category through a sequence adjustment operation. This makes the arrangement of multiple categories and graphical tools in the toolbar more in line with the user's personal preferences and usage habits, thereby enabling users to quickly find the graphical tools needed for programming and improving user efficiency when searching for graphical tools.

[0247] It should be noted that the toolbar display device provided in the above embodiments is only an example of the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the computer device can be divided into different functional modules to complete all or part of the functions described above. In addition, the toolbar display device and the toolbar display method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.

[0248] This application also provides a computer device, which includes a processor and a memory. The memory stores at least one computer program, which is loaded and executed by the processor to perform the operations performed in the toolbar display method of the above embodiments.

[0249] Optionally, the computer device is provided as a terminal. Figure 14 This is a schematic diagram of the structure of a terminal provided in an embodiment of this application.

[0250] Terminal 1400 includes a processor 1401 and a memory 1402.

[0251] Processor 1401 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1401 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1401 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1401 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 1401 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0252] Memory 1402 may include one or more computer-readable storage media, which may be non-transitory. Memory 1402 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in memory 1402 are used to store at least one computer program, which is used by processor 1401 to implement the toolbar display method provided in the method embodiments of this application.

[0253] In some embodiments, the terminal 1400 may also optionally include: a peripheral device interface 1403 and at least one peripheral device. The processor 1401, memory 1402, and peripheral device interface 1403 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 1403 via a bus, signal line, or circuit board. Optionally, the peripheral device includes at least one of: a radio frequency circuit 1404, a display screen 1405, a camera assembly 1406, and a power supply 1407.

[0254] Peripheral device interface 1403 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 1401 and memory 1402. In some embodiments, processor 1401, memory 1402 and peripheral device interface 1403 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 1401, memory 1402 and peripheral device interface 1403 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.

[0255] The radio frequency (RF) circuit 1404 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1404 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1404 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF circuit 1404 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, etc. The RF circuit 1404 can communicate with other devices through at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: metropolitan area networks (MANs), various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks (WLANs), and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 1404 may also include circuitry related to NFC (Near Field Communication), which is not limited in this application.

[0256] Display screen 1405 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. When display screen 1405 is a touch display screen, it also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to processor 1401 for processing. In this case, display screen 1405 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one display screen 1405, disposed on the front panel of terminal 1400; in other embodiments, there may be at least two display screens, disposed on different surfaces of terminal 1400 or in a folded design; in still other embodiments, display screen 1405 may be a flexible display screen, disposed on a curved or folded surface of terminal 1400. Furthermore, display screen 1405 may be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The display screen 1405 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).

[0257] The camera assembly 1406 is used to acquire images or videos. Optionally, the camera assembly 1406 includes a front-facing camera and a rear-facing camera. The front-facing camera is disposed on the front panel of the terminal 1400, and the rear-facing camera is disposed on the back of the terminal 1400. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, a wide-angle camera, and a telephoto camera, to achieve background blur function by fusion of the main camera and the depth-sensing camera, panoramic shooting function by fusion of the main camera and the wide-angle camera, VR (Virtual Reality) shooting function, or other fusion shooting function. In some embodiments, the camera assembly 1406 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm light flash and a cool light flash, which can be used for light compensation under different color temperatures.

[0258] Power supply 1407 is used to power the various components in terminal 1400. Power supply 1407 can be AC ​​power, DC power, a disposable battery, or a rechargeable battery. When power supply 1407 includes a rechargeable battery, the rechargeable battery can support wired charging or wireless charging. The rechargeable battery can also be used to support fast charging technology.

[0259] Those skilled in the art will understand that Figure 14The structure shown does not constitute a limitation on terminal 1400 and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0260] Optionally, the computer device is provided as a server. Figure 15 This is a schematic diagram of a server structure provided in an embodiment of this application. The server 1500 can vary significantly depending on configuration or accuracy, and may include one or more Central Processing Units (CPUs) 1501 and one or more memories 1502. The memories 1502 store at least one computer program, which is loaded and executed by the processor 1501 to implement the methods provided in the various method embodiments described above. Of course, the server may also have wired or wireless network interfaces, a keyboard, and input / output interfaces for input and output. The server may also include other components for implementing device functions, which will not be elaborated upon here.

[0261] This application also provides a computer-readable storage medium storing at least one computer program, which is loaded and executed by a processor to perform the operations performed by the toolbar display method of the above embodiments.

[0262] This application also provides a computer program product, including a computer program loaded and executed by a processor to perform the operations performed by the toolbar display method in the above embodiments.

[0263] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0264] The above description is only an optional embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of the present application should be included within the protection scope of the present application.

Claims

1. A toolbar display method, characterized in that, The method includes: A graphical interface for displaying graphical programming tools is provided. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools, wherein the multiple graphical tools are graphical tools from any of the currently selected categories. In response to the order adjustment operation, the arrangement order of the multiple categories or the arrangement order of the multiple graphic tools is adjusted; The graphic tools in the toolbar are tools used to edit virtual elements in the virtual scene.

2. The method according to claim 1, characterized in that, The response to the order adjustment operation, adjusting the arrangement order of the multiple categories or the multiple graphic tools, includes: In response to a drag operation on any one or more categories, adjust the order of the categories.

3. The method according to claim 2, characterized in that, The method further includes: In response to a trigger operation on the category sorting control, multiple categories corresponding to the category sorting control are set to a draggable state; The adjustment of the arrangement order of the multiple categories in response to a drag operation on any one or more categories includes: When the multiple categories are in the draggable state, the order of the multiple categories is adjusted in response to a drag operation on any one or more categories.

4. The method according to claim 3, characterized in that, When the multiple categories are in the draggable state, adjusting the arrangement order of the multiple categories in response to a drag operation on any one or more categories includes: When the multiple categories are in the draggable state, the multiple categories are replaced with multiple category images; In response to a drag operation on one or more categories of images, the arrangement order of the multiple categories of images is adjusted based on the ending position of the drag operation.

5. The method according to claim 4, characterized in that, The method further includes: In response to a re-triggering operation of the category sorting control, the multiple categories corresponding to the category sorting control are set to a non-draggable state; When the multiple categories are in the non-draggable state, the images of the multiple categories are replaced with the images of the multiple categories.

6. The method according to claim 3, characterized in that, The step of setting multiple categories corresponding to the category sorting control to a draggable state in response to a trigger operation on the category sorting control includes: In response to a triggering operation on the category sorting control, if the plurality of graphic tools are in a draggable state, the plurality of graphic tools are set to a non-draggable state; When the multiple graphic tools are in the non-draggable state, set the multiple categories corresponding to the category sorting control to the draggable state.

7. The method according to claim 3, characterized in that, The multiple categories include multiple primary categories and at least one secondary category under the currently selected primary category; The step of setting multiple categories corresponding to the category sorting control to a draggable state in response to a trigger operation on the category sorting control includes: In response to a trigger operation on the category sorting control corresponding to the plurality of primary categories, the plurality of primary categories are set to a draggable state; or, In response to a trigger operation on the category sorting control corresponding to the at least one secondary category, the at least one secondary category is set to a draggable state.

8. The method according to claim 7, characterized in that, The step of setting the multiple primary categories to a draggable state in response to a trigger operation on the category sorting control corresponding to the multiple primary categories includes: In response to a trigger operation on the category sorting control corresponding to the plurality of primary categories, if the at least one secondary category or the plurality of graphic tools is in a draggable state, the at least one secondary category or the plurality of graphic tools is set to a non-draggable state; When at least one secondary category and the plurality of graphic tools are in the non-draggable state, the plurality of primary categories are set to the draggable state.

9. The method according to claim 7, characterized in that, The step of setting the at least one secondary category to a draggable state in response to a trigger operation on the category sorting control corresponding to the at least one secondary category includes: In response to a trigger operation on the category sorting control corresponding to the at least one secondary category, if the multiple primary categories or the multiple graphic tools are in a draggable state, the multiple primary categories or the multiple graphic tools are set to a non-draggable state; When all the primary categories and the multiple graphic tools are in the non-draggable state, set at least one secondary category to the draggable state.

10. The method according to claim 3, characterized in that, The method further includes: In response to a re-triggering operation of the category sorting control, the multiple categories corresponding to the category sorting control are set to a non-draggable state.

11. The method according to claim 2, characterized in that, The response to the order adjustment operation, adjusting the arrangement order of the multiple categories or the multiple graphic tools, includes: In response to a drag operation on any one or more graphic tools, the arrangement order of the plurality of graphic tools is adjusted.

12. The method according to claim 11, characterized in that, The method further includes: In response to a trigger operation on the graphical tool sorting control, the multiple graphical tools corresponding to the graphical tool sorting control are set to a draggable state; The step of adjusting the arrangement order of the plurality of graphic tools in response to a drag operation on any one or more graphic tools includes: When the plurality of graphic tools are in the draggable state, the arrangement order of the plurality of graphic tools is adjusted in response to a drag operation on any one or more graphic tools.

13. The method according to claim 12, characterized in that, When the plurality of graphic tools are in the draggable state, adjusting the arrangement order of the plurality of graphic tools in response to a drag operation on any one or more graphic tools includes: When the plurality of graphic tools are in the draggable state, the plurality of graphic tools are replaced with a plurality of graphic tool images; In response to a drag operation on any one or more graphic tool images, the arrangement order of the plurality of graphic tool images is adjusted based on the end position of the drag operation.

14. The method according to claim 13, characterized in that, The method further includes: In response to a re-triggering operation of the graphic tool sorting control, the multiple graphic tools corresponding to the graphic tool sorting control are set to a non-draggable state; When the plurality of graphic tools are in the non-draggable state, the images of the plurality of graphic tools are replaced with the plurality of graphic tools.

15. The method according to claim 12, characterized in that, The step of setting multiple graphic tools corresponding to the graphic tool sorting control to a draggable state in response to a trigger operation on the graphic tool sorting control includes: In response to a trigger operation on the graphical tool sorting control, if the multiple categories are in a draggable state, the multiple categories are set to a non-draggable state; When the multiple categories are in the non-draggable state, set the multiple graphic tools corresponding to the graphic tool sorting control to the draggable state.

16. The method according to claim 12, characterized in that, The method further includes: In response to a re-triggering operation of the graphic tool sorting control, the multiple graphic tools corresponding to the graphic tool sorting control are set to a non-draggable state.

17. The method according to claim 1, characterized in that, The response to the order adjustment operation, adjusting the arrangement order of the multiple categories or the multiple graphic tools, includes: In response to the order adjustment operation, determine the adjusted arrangement order of the multiple categories or the adjusted arrangement order of the multiple graphic tools; Based on the adjusted arrangement order, modify the configuration information of the toolbar, which includes the arrangement order of the multiple categories and the arrangement order of the graphical tools in each category; Based on the modified configuration information, the updated graphical interface is displayed so that the arrangement order of the multiple categories and multiple graphical tools in the toolbar of the graphical interface is consistent with the arrangement order in the configuration information.

18. The method according to claim 1, characterized in that, The multiple categories include custom categories created by terminal login accounts, and the method further includes: If the currently selected category is different from the custom category, the end position of the drag operation is determined in response to a drag operation on any one or more graphic tools. If the end position of the drag operation is located within the display area of ​​the custom category, the one or more graphic tools are added to the custom category.

19. The method according to any one of claims 1-18, characterized in that, The method further includes: Drag any of the graphical tools in the toolbar into the workspace of the graphical programming tool; With the currently displayed graphics tool in the workspace selected, determine the selected virtual element in the virtual scene; The virtual elements can be edited using the aforementioned graphical tools; Display the editing results of the virtual element.

20. A toolbar display device, characterized in that, The device includes: The display module is used to display the graphical interface of the graphical programming tool. The graphical interface includes a toolbar, which displays multiple categories and multiple graphical tools. The multiple graphical tools are graphical tools from any of the currently selected categories. An adjustment module is used to adjust the arrangement order of the multiple categories or the multiple graphic tools in response to a sequence adjustment operation; The graphic tools in the toolbar are tools used to edit virtual elements in the virtual scene.

21. A computer device, characterized in that, The computer device includes a processor and a memory, the memory storing at least one computer program, which is loaded and executed by the processor to perform the operations performed by the toolbar display method as described in any one of claims 1 to 19.

22. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores at least one computer program, which is loaded and executed by a processor to perform the operations performed by the toolbar display method as described in any one of claims 1 to 19.

23. A computer program product, comprising a computer program, characterized in that, The computer program is loaded and executed by a processor to perform the operations performed by the toolbar display method as described in any one of claims 1 to 19.

Images