Game user interface editing method and device, electronic equipment and storage medium

Abstract

The invention provides a game user interface editing method and device, electronic equipment and a storage medium, and the method comprises the steps: displaying a UI editing interface, the UI editing interface at least comprises an interface editing area, and the content displayed in the interface editing area at least comprises interface elements; in response to a trigger operation for the expanded subitem of the target interface element, displaying the subitem of the target interface element, the subitem of the target interface element being in a selectable state; in response to a selection operation for the target subitem, identifying the target subitem as a selected state; and editing the target subitem in the selected state. According to the method and the device, each subitem of the interface elements is edited independently, so that the interface elements with different styles and functions can be edited, diversified expression effects are realized, and the flexibility of UI editing is improved; a user can directly use the interface elements obtained by the multiple subitem sets, the starting difficulty is low, and the usability of the interface elements is improved. According to the method, usability and flexibility are both considered, and UI editing efficiency can be improved.

Description

Technical Field

[0001] The present invention relates to the field of game technology, and in particular to a game user interface editing method, device, electronic device and storage medium. Background Art

[0002] The game user interface (UI) refers to the interface through which players interact with the game, including various buttons, menus, icons, text and other elements that appear in the game, as well as the area that displays the player's game data, task progress, health, skill bar and other information.

[0003] For example, the main menu interface in a game, through which you can access various functions of the game, such as starting the game, loading a save, setting options, exiting the game, etc. The main menu interface usually contains elements such as buttons, background images, and music.

[0004] Many game engines provide graphical interface editors that enable developers to edit the game UI interface in a visual operation. Graphical interface editors usually also contain various property panels and toolbars that allow developers to set the appearance, size, and interactive behavior of UI elements.

[0005] At present, the solution provided by the interface editors of most game engines is: a variety of UI elements are pre-set in the database, such as text, buttons, sliders, etc., allowing the game UI interface to be constructed by simple dragging. However, these pre-set UI elements are usually a whole, with relatively fixed styles and limited user-editable properties, resulting in insufficient flexibility and difficulty in meeting user needs; in order to meet user needs, the software usually provides enough pre-set UI elements, but when a large number of pre-set UI elements are presented to users, it will cause confusion to users due to too much information.

[0006] Therefore, how to improve the flexibility of UI editing while reducing the difficulty of user operation is an urgent problem to be solved. Summary of the invention

[0007] The present invention provides a game user interface editing method, device, electronic device and storage medium, which are used to solve the defect of limited user-editable attributes and insufficient flexibility in the prior art, achieve a balance between ease of use and flexibility, facilitate different personnel to edit the game user interface, and improve editing efficiency.

[0008] The present invention provides a game user interface editing method, comprising: Displaying a UI editing interface, wherein the UI editing interface includes at least an interface editing area, and the content displayed in the interface editing area includes at least interface elements; In response to a trigger operation of expanding a sub-item of a target interface element, the sub-items of the target interface element are displayed, and the sub-items of the target interface element are in a selectable state; In response to a selection operation on a target sub-item, marking the target sub-item as being in a selected state; Edit the selected target item.

[0009] According to a game user interface editing method provided by the present invention, the UI editing interface further includes a control level management area, and the content displayed in the control level management area at least includes icons of interface elements displayed in the interface editing area; the response to the triggering operation of expanding sub-items of the target interface element to display the sub-items of the target interface element includes: In response to a triggering operation of displaying a menu option for an icon of a target interface element in a control hierarchy management area, displaying an expanded sub-item of the target interface element in the control hierarchy management area; In response to a triggering operation of expanding sub-items of the target interface element, icons of sub-items of the target interface element are displayed in the control hierarchy management area.

[0010] According to a method for editing a game user interface provided by the present invention, the step of responding to a selection operation on a target sub-item and marking the target sub-item as being in a selected state includes: In response to a selection operation on an icon of a target sub-item in a control hierarchy management area, the target sub-item is marked as being in a selected state.

[0011] According to a method for editing a game user interface provided by the present invention, the UI editing interface further includes an attribute editing area, the attribute editing area is used to display and edit the attributes of a target sub-item; the editing of the selected target sub-item includes: Display at least one property option corresponding to the target sub-item in the property editing area; In response to a trigger operation for any attribute option, the target sub-item is edited.

[0012] According to a method for editing a game user interface provided by the present invention, the editing of a target sub-item in a selected state further comprises: In response to a triggering operation of moving the target sub-item in the control hierarchy management area, the hierarchical relationship of the target sub-item is updated.

[0013] According to a method for editing a game user interface provided by the present invention, the method further comprises: In response to a selection operation on a target interface element, displaying attribute options of the target interface element in the attribute editing area, the attribute options of the target interface element including function attribute options of each sub-item and transformation attributes of the target interface element; In response to a triggering operation on an attribute option of any of the target interface elements, the target interface element is edited.

[0014] According to a method for editing a game user interface provided by the present invention, the UI editing interface further includes a UI file display area, and the UI file display area is used to display icons of UI files; the display UI editing interface includes: In response to a triggering operation on an icon of a target UI file in a UI file display area, a UI editing interface corresponding to the target UI file is displayed.

[0015] The present invention also provides a game user interface editing device, comprising: An interface display module, used to display a UI editing interface, wherein the UI editing interface at least includes an interface editing area, and the content displayed in the interface editing area at least includes interface elements; A sub-item display module, for responding to a trigger operation of expanding sub-items of a target interface element, and displaying sub-items of the target interface element, wherein the sub-items of the target interface element are in a selectable state; An identification module, used to respond to a selection operation on a target sub-item and identify the target sub-item as being in a selected state; The editing module is used to edit the target sub-item in the selected state.

[0016] The present invention also provides an electronic device, comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the game user interface editing method as described in any one of the above items when executing the program.

[0017] The present invention also provides a non-transitory computer-readable storage medium having a computer program stored thereon, wherein when the computer program is executed by a processor, the steps of the game user interface editing method as described in any one of the above items are implemented.

[0018] The game user interface editing method, device, electronic device and storage medium provided by the present invention can expand the sub-items of the target interface element by laying out the interface elements containing multiple sub-items, and can edit each sub-item separately, so that the user can customize the editing to obtain interface elements with different styles and functions, and achieve diversified performance effects, thereby improving the flexibility of UI editing; on the other hand, the user can directly use the interface elements obtained by the collection of multiple sub-items, reducing the difficulty of getting started, thereby improving the ease of use of the interface elements. The present invention can achieve both ease of use and flexibility, facilitate different personnel to edit the game user interface, and improve editing efficiency. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] In order to more clearly illustrate the technical solutions in the present invention or the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0020] Figure 1 It is a flowchart of a method for editing a game user interface provided by an embodiment of the present invention.

[0021] Figure 2 It is a schematic diagram of various areas in the UI editing interface provided by an embodiment of the present invention.

[0022] Figure 3 It is a structural schematic diagram of a game user interface editing device provided by an embodiment of the present invention.

[0023] Figure 4 It is a schematic diagram of the structure of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0024] In order to make the purpose, technical solution and advantages of the present invention clearer, the technical solution of the present invention will be clearly and completely described below in conjunction with the drawings of the present invention. Obviously, the described embodiments are part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present invention.

[0025] Figure 1 1 is a flow chart of a method for editing a game user interface provided by an embodiment of the present invention. Figure 1 The embodiment of the present invention provides a method for editing a game user interface, and the method may specifically include the following steps: Step 101: display a UI editing interface, wherein the UI editing interface at least includes an interface editing area, and the content displayed in the interface editing area at least includes interface elements.

[0026] The execution subject of the game user interface editing method provided in the embodiment of the present invention may be a server or a terminal device, such as a tablet computer, a notebook computer, a PDA, an ultra-mobile personal computer (UMPC), a netbook or a personal digital assistant (PDA), etc., and the present invention is not limited here. Taking the execution subject as a terminal device as an example, a game engine may be installed on the terminal device, and a UI editing interface provided by an editor corresponding to the game engine may be displayed, so that developers can edit the game user interface through the game engine.

[0027] Figure 2 Schematic diagram of various areas in the UI editing interface provided by an embodiment of the present invention. Figure 2 The UI editing interface may include an interface editing area 201 , and may also include a control hierarchy management area 202 , a control display area 203 , a UI file display area 204 , a property editing area 205 and a game asset display area 206 .

[0028] The game asset display area can be used to create or delete game resources, such as UI files (i.e. UI objects), animations, special effects, characters, etc.

[0029] The UI file display area can be used to display UI files and can respond to a trigger operation of opening a target UI file to display a UI editing interface for editing the target UI file.

[0030] The interface editing area can display a variety of interface elements for designing and editing the game user interface. Users can add, modify or delete interface elements in the interface editing area, and can also adjust the size, position, attributes and style of interface elements.

[0031] An interface element may refer to an instantiated preset control, which may refer to a control with predefined styles and functions provided to simplify the development and design process, such as a text control, a slider control, a drop-down menu control, etc.

[0032] The control display area can be used to display various preset controls. In response to the instantiation operation of the target preset control in the control display area, the target preset control can be instantiated in the interface editing area according to the target position indicated by the instantiation operation to obtain the interface element corresponding to the target preset control. Specifically, the instantiation operation can be a drag-and-drop operation or other operations. For example, it can be a right-click pop-up control menu option.

[0033] Step 102, in response to a triggering operation of expanding sub-items of a target interface element, the sub-items of the target interface element are displayed, and the sub-items of the target interface element are in a selectable state.

[0034] A preset control (i.e., interface element) can include one or more preset sub-items. Preset sub-items can refer to the basic elements that make up the preset control (i.e., interface element), which can be pre-designed by the developer. For example, a DropDown control (drop-down menu control) can include five preset sub-items: BG, Label, Arrow, Item, and ScrollView.

[0035] Each preset sub-item of the interface element may have corresponding functional attributes and transformation attributes. The transformation attributes may refer to the position coordinates, size, rotation, center point, etc. in the interface editing area, and the functional attributes may refer to the implemented functions.

[0036] The embodiment of the present invention prefabricates multiple sub-items into a collection by laying out sub-items with different functional attributes and constraining the transformation attributes of all sub-items to obtain a preset control. This allows users to directly use the preset control obtained from the collection of multiple sub-items, reduces the difficulty of getting started, and thus provides sufficient ease of use.

[0037] When performing UI editing, the UI editing interface may include at least one interface element. The user may perform an operation to display the expand child option for the target interface element whose subitems the user wants to expand, and the terminal device may respond to the operation and display the expand child option of the target interface element. The user may perform a trigger operation on the expand child option of the target interface element, and the terminal device may respond to the trigger operation and expand and display the subitems of the target interface element, and the subitems of the target interface element may be selected individually in the expanded state.

[0038] It should be noted that before expanding the sub-items of the target interface element, the sub-items of the interface element cannot be selected for editing individually, but the entire interface element can be selected for editing. When the entire interface element is selected for editing, the transformation properties of all sub-items under the interface element will change proportionally due to constraints, and the transformation properties of the sub-item elements cannot be edited individually. For example, for the size properties of BG and Label under the DropDown control, when the size properties of the DropDown control are changed, the sizes of all sub-items change together.

[0039] The embodiment of the present invention can directly select the sub-items of the interface elements by expanding them, so that the transformation properties and functional properties of the sub-item elements can be edited separately, avoiding the problem that the transformation properties of all sub-items cannot be edited separately due to geometric changes caused by constraints, thereby producing interface elements with different styles and functions, and improving the flexibility of UI editing.

[0040] Step 103: In response to a selection operation on a target sub-item, mark the target sub-item as being in a selected state.

[0041] When the target interface element contains at least one sub-item, after displaying the sub-items of the target interface element, the user can select the target sub-item that he wants to edit. The terminal device can respond to the selection operation on the target sub-item and mark the target sub-item as selected, so that the user can edit the currently selected target sub-item.

[0042] Step 104: Edit the selected target sub-item.

[0043] In the embodiment of the present invention, editing is performed on any number of selected target sub-items.

[0044] As an example, one target sub-item may be selected at one time to edit the functional attributes and transformation attributes of the target sub-item; next time, another target sub-item may be selected to edit the functional attributes and transformation attributes of the other target sub-item.

[0045] As another example, at least two target sub-items can be selected in batches at one time, and the transformation properties of the at least two target sub-items can be edited so that the transformation properties of the at least two target sub-items change proportionally due to constraints; next time, one target sub-item can be selected to edit the functional properties and transformation properties of another target sub-item.

[0046] The interface element in the embodiment of the present invention includes multiple sub-items. By expanding the sub-items of the target interface element, each sub-item can be edited separately, so that the user can customize the editing to obtain interface elements with different styles and functions, and achieve diversified performance effects, thereby improving the flexibility of UI editing; on the other hand, the user can directly use the interface elements obtained by the collection of multiple sub-items, reducing the difficulty of getting started, thereby improving the usability of the interface elements. The present invention can achieve both usability and flexibility, facilitate different personnel to edit the game user interface, and improve editing efficiency.

[0047] In an optional embodiment, the UI editing interface may also include a UI file display area, which is used to display icons of UI files; step 101 may include: responding to a trigger operation on an icon of a target UI file in the UI file display area, and displaying a UI editing interface corresponding to the target UI file.

[0048] The UI editing interface may include a UI file display area for displaying all UI files in the current game project, and the UI file display area may display icons of all UI files. In response to a trigger operation of opening a target UI file from the UI file display area, the UI editing interface for the target UI file may be displayed.

[0049] The UI editing interface corresponds to the UI file one-to-one. The UI editor in the embodiment of the present invention can edit the UI file in a tab manner, and each time a UI file is opened, a corresponding tab can be opened, that is, the corresponding UI editing interface is opened. The embodiment of the present invention designs a UI file display area in the UI editing interface to display icons of all UI files, so that the user can directly open the editing interface of other game user interfaces corresponding to other UI files in the editing interface of the current game user interface, thereby facilitating the switching of the game user interface to be edited and improving editing efficiency.

[0050] In an optional embodiment, the UI editing interface further includes a control level management area, and the content displayed in the control level management area includes at least icons of interface elements displayed in the interface editing area; the step 102 may include the following sub-steps S11-S12: Sub-step S11, in response to a triggering operation of displaying a menu option for an icon of a target interface element in the control hierarchy management area, displaying an expanded sub-item of the target interface element in the control hierarchy management area; Sub-step S12, in response to a triggering operation of expanding sub-items of the target interface element, displaying icons of sub-items of the target interface element in the control hierarchy management area.

[0051] The control hierarchy management area can be used to display and adjust the hierarchical relationship (parent-child relationship) between the various interface elements contained in the current UI file.

[0052] In an embodiment of the present invention, the control hierarchy management area can also be used to display icons of sub-items contained in the interface elements in the interface editing area. Specifically, in response to a trigger operation of displaying a menu option on the icon of the target interface element in the control hierarchy management area, the expand child option of the target interface element can be displayed in the control hierarchy management area, and in response to a trigger operation of the expand child option on the target interface element, the icons of all preset sub-items contained in the target interface element can be expanded in the control hierarchy management area.

[0053] The triggering operation for displaying the menu option may be right-clicking the logo of the target interface element to pop up the menu option.

[0054] In another optional embodiment, the expand child option of the target interface element can be displayed in response to the trigger operation of the display menu option for the target interface element in the interface editing area, and the icons of all preset sub-items contained in the target interface element can be expanded in the interface editing area in response to the trigger operation of the expand child option for the target interface element. The present invention does not limit the specific display method here.

[0055] The embodiment of the present invention can display the expanded sub-items of the target interface element by triggering the display menu option, and then can expand the sub-items of the target interface element to display multiple preset sub-items of the target interface element, so that each sub-item can be edited individually, thereby improving the flexibility of UI editing.

[0056] In an optional embodiment, step 103 may include: in response to a selection operation on an icon of a target sub-item in the control hierarchy management area, marking the icon of the target sub-item as being in a selected state.

[0057] Specifically, in response to the trigger operation of the expand child option of the target interface element, after displaying the icons of the preset sub-items of the target interface element in the control hierarchy management area, you can respond to the trigger operation of selecting the icon of the target sub-item, and mark the icon of the target sub-item of the target interface element as being in a selected state.

[0058] In another optional embodiment, the icon of the sub-item of the target interface element in the interface editing area may be directly clicked to select it, and the icon of the target sub-item of the target interface element is marked as being in a selected state.

[0059] The embodiment of the present invention allows the user to individually edit the target sub-item they want to edit by marking the icon of the target sub-item as being in the selected state, thereby allowing the user to customize the editing to obtain interface elements with different styles and functions, thereby achieving diversified presentation effects.

[0060] In an optional embodiment, the UI editing interface further includes a property editing area, and the property editing area is used to display and edit the properties of the target sub-item; the step 104 may include the following sub-steps S21-S22: Sub-step S21, displaying at least one attribute option corresponding to the target sub-item in the attribute editing area; Sub-step S22, in response to a triggering operation on any attribute option, editing the target sub-item.

[0061] Each preset sub-item of the interface element may have multiple transformation properties. Multiple transformation properties corresponding to the selected target sub-item may be displayed in the property editing area, and each transformation property of the sub-item may be edited separately in response to a trigger operation for any transformation property option.

[0062] For example, the DropDown control can include five preset sub-items: BG, Label, Arrow, Item, and ScrollView. If the currently selected target sub-item is BG, the transformation properties such as the size attribute and position coordinate attribute of BG can be displayed, and the size attribute of BG can be changed in response to the trigger operation on the size attribute. When the size attribute of BG is changed, the size attributes of Label, Arrow, Item, and ScrollView will not change together.

[0063] The embodiment of the present invention can edit any attribute of the target sub-item separately by responding to the trigger operation of any attribute option of the target sub-item, thereby avoiding the problem that the transformation attributes of all sub-items cannot be edited separately due to geometric changes due to constraints, thereby producing interface elements with different styles and functions, and improving the flexibility of UI editing.

[0064] In another optional embodiment, in the interface editing area, in response to a trigger instruction for a target sub-item, the target operation corresponding to the trigger instruction can be performed on the target sub-item. For example, in response to instructions such as moving, stretching, and deleting the target sub-item, the user can directly drag, stretch, and delete the target sub-item in the interface editing area. The embodiment of the present invention can make a preset control have a variety of performance effects by editing the sub-items in the interface element separately.

[0065] In an optional embodiment, the editing of the selected target sub-item further includes: responding to a triggering operation of moving the target sub-item in the control hierarchy management area, updating the hierarchical relationship of the target sub-item.

[0066] The control hierarchy management area can display the hierarchical relationship between various interface elements and the preset sub-items of each interface element. After expanding the sub-items of an interface element, you can modify the hierarchical relationship of the sub-items by moving the target sub-item to obtain an interface element with multiple different functions.

[0067] In the control hierarchy management area, in response to a delete operation on a target sub-item, the target sub-item can be removed from the interface element to which it belongs. For example, assuming that the pre-set sub-items of interface element A include a1, a2, and a3, in response to a delete operation on target sub-item a1, the target sub-item a1 can be deleted, and the pre-set sub-items of the interface element include a2 and a3.

[0068] In the control hierarchy management area, you can also respond to a move operation on a target sub-item and move the target sub-item from one interface element to another interface element according to the position indicated by the move operation. For example, assuming that the pre-set sub-items of interface element B include b1, b2, b3, and b4, you can respond to a move operation on target sub-item b1 and move the target sub-item b1 to interface element A. At this time, the pre-set sub-items of interface element A include b1, a1, a2, and a3, and the pre-set sub-items of interface element B include b2, b3, and b4.

[0069] In the control hierarchy management area, the target sub-item can also be added to the preset sub-items of the interface element in response to the sub-item addition operation. For example, the target sub-item c can be added to the preset sub-items of the interface element A, and the preset sub-items of the interface element A can include c, a1, a2 and a3.

[0070] In one embodiment, the interface editing area, the control level management area, and the property editing area can be displayed in the form of a window. A window is a rectangular area that can be moved in the UI editing interface and has functional options such as maximize, minimize, and close.

[0071] The embodiment of the present invention can produce interface elements with different styles and functions by updating and modifying the hierarchical relationship of sub-items, thereby improving the flexibility of UI editing.

[0072] In an optional embodiment, the method further includes: in response to a selection operation on a target interface element, displaying property options of the target interface element in the property editing area, the property options of the target interface element including functional property options of each sub-item and transformation properties of the target interface element; in response to a trigger operation on any property option of the target interface element, editing the target interface element.

[0073] In the embodiment of the present invention, the property editing area can display and edit not only the properties of the target sub-item, but also the properties of the target interface element. Specifically, in response to the selection operation of the target interface element, the property options corresponding to the target interface element can be displayed in the property editing area, and in response to the triggering operation of any property option corresponding to the target interface element, the target interface element can be edited.

[0074] The property options of the target interface element may include the function property options unique to each sub-item, and the transformation properties of the target interface element. When the target interface element is directly selected, the transformation properties and function properties of the target interface element may be edited.

[0075] Specifically, when changing the transformation properties of the target interface element, the transformation properties of each sub-item can be changed proportionally, thereby realizing batch editing of the transformation properties of multiple sub-items. When adding, deleting or replacing the preset sub-items of the target interface element, the function of the target interface element also changes accordingly.

[0076] The interface element in the embodiment of the present invention includes multiple sub-items. By expanding the sub-items of the target interface element, each sub-item can be edited separately, so that the user can customize the editing to obtain interface elements with different styles and functions, and achieve diversified performance effects, thereby improving the flexibility of UI editing; on the other hand, the user can directly use the interface elements obtained by the collection of multiple sub-items, reducing the difficulty of getting started, thereby improving the usability of the interface elements. The present invention can achieve both usability and flexibility, facilitate different personnel to edit the game user interface, and improve editing efficiency.

[0077] The game user interface editing device provided by the present invention is described below. The game user interface editing device described below and the game user interface editing method described above can be referenced to each other.

[0078] Figure 3 Schematic diagram of the structure of the game user interface editing device provided by the embodiment of the present invention. Figure 3 The embodiment of the present invention provides a game user interface editing device, which may specifically include the following modules: The interface display module 301 is used to display a UI editing interface, wherein the UI editing interface at least includes an interface editing area, and the content displayed in the interface editing area at least includes interface elements; The sub-item display module 302 is used to respond to the triggering operation of expanding the sub-items of the target interface element and display the sub-items of the target interface element, where the sub-items of the target interface element are selectable; The identification module 303 is used to respond to the selection operation on the target sub-item and identify the target sub-item as being in a selected state; The editing module 304 is used to edit the selected target sub-item.

[0079] In an optional embodiment, the UI editing interface further includes a control level management area, and the content displayed in the control level management area at least includes icons of interface elements displayed in the interface editing area; the sub-item display module includes: A display menu trigger submodule, for responding to a trigger operation of displaying a menu option for an icon of a target interface element in a control hierarchy management area, and displaying an expanded sub-item of the target interface element in the control hierarchy management area; The icon display submodule is used to respond to the triggering operation of expanding the sub-items of the target interface element and display the icons of the sub-items of the target interface element in the control hierarchy management area.

[0080] In an optional embodiment, the identification module includes: The selection identification submodule is used to select and respond to the selection operation of the icon of the target sub-item in the control hierarchy management area, and identify the target sub-item as being in a selected state.

[0081] In an optional embodiment, the UI editing interface further includes a property editing area, and the property editing area is used to display and edit the properties of the target sub-item; the editing module includes: The attribute display submodule is used to display at least one attribute option corresponding to the target sub-item in the attribute editing area; The sub-item editing sub-module is used to edit the target sub-item in response to a trigger operation on any attribute option.

[0082] In an optional embodiment, the editing module further includes: The hierarchical updating submodule is used to respond to a triggering operation of moving the target sub-item in the control hierarchical management area and update the hierarchical relationship of the target sub-item.

[0083] In an optional embodiment, the device further includes: An element attribute display module, for responding to a selection operation on a target interface element, and displaying attribute options of the target interface element in the attribute editing area, wherein the attribute options of the target interface element include function attribute options of each sub-item and transformation attributes of the target interface element; The element editing module is used to respond to a triggering operation on an attribute option of any of the target interface elements and edit the target interface element.

[0084] In an optional embodiment, the UI editing interface further includes a UI file display area, and the UI file display area is used to display icons of UI files; the interface display module includes: The file trigger submodule is used to respond to the trigger operation on the icon of the target UI file in the UI file display area and display the UI editing interface corresponding to the target UI file.

[0085] The interface element in the embodiment of the present invention includes multiple sub-items. By expanding the sub-items of the target interface element, each sub-item can be edited separately, so that the user can customize the editing to obtain interface elements with different styles and functions, and achieve diversified performance effects, thereby improving the flexibility of UI editing; on the other hand, the user can directly use the interface elements obtained by the collection of multiple sub-items, reducing the difficulty of getting started, thereby improving the usability of the interface elements. The present invention can achieve both usability and flexibility, facilitate different personnel to edit the game user interface, and improve editing efficiency.

[0086] Figure 4 An example of a physical structure diagram of an electronic device is shown in FIG. Figure 4 As shown, the electronic device may include: a processor 410, a communications interface 420, a memory 430 and a communication bus 440, wherein the processor 410, the communications interface 420 and the memory 430 communicate with each other through the communication bus 440. The processor 410 may call the logic instructions in the memory 430 to execute the game user interface editing method, which includes: displaying a UI editing interface, wherein the UI editing interface includes at least an interface editing area, and the content displayed in the interface editing area includes at least interface elements; responding to a trigger operation of expanding sub-items of a target interface element, displaying sub-items of the target interface element, wherein the sub-items of the target interface element are in a selectable state; responding to a selection operation of a target sub-item, marking the target sub-item as a selected state; and editing the selected target sub-item.

[0087] In addition, the logic instructions in the above-mentioned memory 430 can be implemented in the form of a software functional unit and can be stored in a computer-readable storage medium when it is sold or used as an independent product. Based on this understanding, the technical solution of the present invention, in essence, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present invention. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM, Read-Only Memory), random access memory (RAM, Random Access Memory), disk or optical disk, etc. Various media that can store program codes.

[0088] On the other hand, the present invention also provides a computer program product, which includes a computer program. The computer program can be stored on a non-transitory computer-readable storage medium. When the computer program is executed by a processor, the computer can execute the game user interface editing method provided by the above-mentioned methods, and the method includes: displaying a UI editing interface, the UI editing interface at least including an interface editing area, and the content displayed in the interface editing area includes at least interface elements; responding to a trigger operation of expanding sub-items of a target interface element, displaying sub-items of the target interface element, and the sub-items of the target interface element are in a selectable state; responding to a selection operation on a target sub-item, marking the target sub-item as a selected state; and editing the selected target sub-item.

[0089] On the other hand, the present invention also provides a non-transitory computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, is implemented to execute the game user interface editing method provided by the above-mentioned methods, the method comprising: displaying a UI editing interface, the UI editing interface comprising at least an interface editing area, the content displayed in the interface editing area comprising at least interface elements; responding to a trigger operation of expanding sub-items of a target interface element, displaying sub-items of the target interface element, the sub-items of the target interface element being in a selectable state; responding to a selection operation on a target sub-item, marking the target sub-item as being in a selected state; and editing the selected target sub-item.

[0090] The device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the scheme of this embodiment. Ordinary technicians in this field can understand and implement it without paying creative labor.

[0091] Through the description of the above implementation methods, those skilled in the art can clearly understand that each implementation method can be implemented by means of software plus a necessary general hardware platform, and of course, can also be implemented by hardware. Based on this understanding, the above technical solution is essentially or the part that contributes to the prior art can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, a disk, an optical disk, etc., including a number of instructions for a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in each embodiment or some parts of the embodiments.

[0092] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit it. Although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

1. A method for editing a game user interface, characterized in that: include: Displaying a UI editing interface, wherein the UI editing interface includes at least an interface editing area, and the content displayed in the interface editing area includes at least interface elements; In response to a trigger operation of expanding a sub-item of a target interface element, the sub-items of the target interface element are displayed, and the sub-items of the target interface element are in a selectable state; In response to a selection operation on a target sub-item, marking the target sub-item as being in a selected state; Edit the selected target sub-item.

2. The method according to claim 1, characterized in that The UI editing interface further includes a control level management area, and the content displayed in the control level management area at least includes icons of interface elements displayed in the interface editing area; The step of responding to a triggering operation of expanding a sub-item of a target interface element and displaying the sub-item of the target interface element includes: In response to a triggering operation of displaying a menu option for an icon of a target interface element in a control hierarchy management area, displaying an expanded sub-item of the target interface element in the control hierarchy management area; In response to a triggering operation of expanding sub-items of the target interface element, icons of sub-items of the target interface element are displayed in the control hierarchy management area.

3. The method according to claim 2, characterized in that The responding to the selection operation on the target sub-item, marking the target sub-item as being in a selected state, includes: In response to a selection operation on an icon of a target sub-item in a control hierarchy management area, the icon of the target sub-item is marked as being in a selected state.

4. The method according to claim 2, characterized in that: The UI editing interface also includes a property editing area, which is used to display and edit the properties of the target sub-item; The editing of the selected target sub-item includes: Display at least one property option corresponding to the target sub-item in the property editing area; In response to a trigger operation for any attribute option, the target sub-item is edited.

5. The method according to claim 4, characterized in that The editing of the selected target sub-item further includes: In response to a triggering operation of moving the target sub-item in the control hierarchy management area, the hierarchical relationship of the target sub-item is updated.

6. The method according to claim 4, characterized in that The method further comprises: In response to a selection operation on a target interface element, displaying attribute options of the target interface element in the attribute editing area, the attribute options of the target interface element including function attribute options of each sub-item and transformation attributes of the target interface element; In response to a triggering operation on an attribute option of any of the target interface elements, the target interface element is edited.

7. The method according to claim 1, characterized in that The UI editing interface also includes a UI file display area, and the UI file display area is used to display the icon of the UI file; The display UI editing interface includes: In response to a triggering operation on an icon of a target UI file in a UI file display area, a UI editing interface corresponding to the target UI file is displayed.

8. A game user interface editing device, characterized in that: include: An interface display module, used to display a UI editing interface, wherein the UI editing interface at least includes an interface editing area, and the content displayed in the interface editing area at least includes interface elements; A sub-item display module, for responding to a trigger operation of expanding sub-items of a target interface element, and displaying sub-items of the target interface element, wherein the sub-items of the target interface element are in a selectable state; An identification module, used to respond to a selection operation on a target sub-item and identify the target sub-item as being in a selected state; The editing module is used to edit the target sub-item in the selected state.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein: When the processor executes the computer program, the game user interface editing method as described in any one of claims 1 to 7 is implemented.

10. A non-transitory computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the game user interface editing method as described in any one of claims 1 to 7 is implemented.

Images