Control display control method and device, electronic equipment and storage medium
By using connected main and alternative controls in the graphical user interface to switch between states, the problems of dense control display and cumbersome operation are solved, achieving efficient function switching and an improved user experience.
Patent Information
- Application Number
- CN202511106376.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-08-07
- Publication Date
- 2025-12-26
AI Technical Summary
In existing technologies, the display of complex button interface controls is too dense, which affects the user's visual experience. Furthermore, when there are more than two functions, it is necessary to click the switch button multiple times to switch to the desired function, resulting in cumbersome operation.
The target control displays a main control and at least one alternative control in a graphical user interface. The display areas of the main control and the alternative controls are connected, and the control states are switched through trigger operations and selection operations to achieve seamless switching of functions.
It improves interface display efficiency and user visual experience, and allows for the switching of complex controls without the need for additional switching controls, thus simplifying the operation process.
Smart Images

Figure CN121209722A_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of interface design technology, and in particular to a control display control method, device, electronic device and storage medium. Background Technology
[0002] Interfaces typically include complex buttons with multiple functions. For example, a complex button could be a voice input button with multiple input modes. In related technologies, additional button controls corresponding to different functions can be added near the main control of the complex button. Triggering different button controls triggers the corresponding functions of the complex button. However, this method requires displaying multiple controls on the interface for the complex button, resulting in dense control display and negatively impacting the user's visual experience. To reduce the number of displayed controls, a toggle button can be added to the main control of the complex button, allowing users to switch functions by clicking it. However, when the complex button has more than two functions, multiple clicks of the toggle button are required to switch to the desired function, making the function switching operation cumbersome for users. Summary of the Invention
[0003] The purpose of this disclosure is to provide a control display control method, device, electronic device, and storage medium to improve the efficiency of function switching for complex controls while saving on interface display.
[0004] In a first aspect, this disclosure provides a control display control method, which includes: displaying a target control comprising a main control and at least one alternative control in a graphical user interface; wherein the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of main controls and alternative controls; the main control is the control in the target control that is in a selected state; the main control contains a selection identifier and a corresponding function identifier, and the alternative controls contain corresponding function identifiers; the display area of the main control and the display area of the alternative controls are visually connected; determining the execution function of the main control as the execution function currently corresponding to the target control; responding to a trigger operation on the main control and executing the execution function corresponding to the main control; responding to a selection operation on the alternative controls, adjusting the target alternative control to a selected state and adjusting other controls in the target control to an unselected state; and switching the execution function currently corresponding to the target control to the execution function corresponding to the target alternative control.
[0005] Secondly, this disclosure provides a control display control device, comprising: a control display module for displaying a target control comprising a main control and at least one alternative control in a graphical user interface; wherein the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of main controls and alternative controls; the main control is the control in the target control that is in a selected state; the main control includes a selection identifier and a corresponding function identifier, and the alternative controls include corresponding function identifiers; the display area of the main control and the display area of the alternative controls are visually connected; a function determination module for determining the execution function of the main control as the execution function currently corresponding to the target control; a function execution module for responding to a trigger operation on the main control and executing the execution function corresponding to the main control; a control switching module for responding to a selection operation on the alternative controls, adjusting the target alternative control to a selected state, and adjusting other controls in the target control to an unselected state; and a function switching module for switching the execution function currently corresponding to the target control to the execution function corresponding to the target alternative control.
[0006] Thirdly, this disclosure provides an electronic device including a processor and a memory, the memory storing machine-executable instructions that can be executed by the processor, the processor executing the machine-executable instructions to implement the above-described control display control method.
[0007] Fourthly, this disclosure provides a computer-readable storage medium storing computer-executable instructions that, when invoked and executed by a processor, cause the processor to implement the aforementioned control display control method.
[0008] The embodiments disclosed herein bring the following beneficial effects:
[0009] This disclosure provides a control display control method, apparatus, electronic device, and storage medium. First, a target control comprising a main control and at least one alternative control is displayed in a graphical user interface. The target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of main controls and alternative controls. The main control is the selected control within the target control. The main control includes a selection indicator and a corresponding function indicator, and the alternative controls include corresponding function indicators. The display areas of the main control and the alternative controls are visually connected. The execution function of the main control is then determined as the current execution function of the target control. Next, in response to a trigger operation on the main control, the execution function corresponding to the main control is executed. In response to a selection operation on an alternative control, the target alternative control is adjusted to a selected state, and other controls within the target control are adjusted to an unselected state. Finally, the execution function currently corresponding to the target control is switched to the execution function corresponding to the target alternative control. In this method, the controls within the target control execute different functions in their selected and unselected states, achieving the switching of the target control's corresponding functions without the need for additional switching controls, thus improving interface display efficiency and user visual experience.
[0010] Other features and advantages of this disclosure will be set forth in the following description, or some features and advantages may be inferred from the description or determined without doubt, or may be learned by practicing the techniques described above.
[0011] To make the above-mentioned objects, features and advantages of this disclosure more apparent and understandable, preferred embodiments are described below in detail with reference to the accompanying drawings. Attached Figure Description
[0012] To more clearly illustrate the technical solutions in the specific embodiments of this disclosure or the prior art, the drawings used in the description of the specific embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of this disclosure. For those skilled in the art, other drawings can be obtained from these drawings without creative effort.
[0013] Figure 1 This is a schematic diagram of a complex button provided in the prior art;
[0014] Figure 2 A schematic diagram illustrating the addition of a toggle button to the main control of a complex button, as provided in the prior art;
[0015] Figure 3 A flowchart illustrating a control display control method provided in this embodiment of the disclosure;
[0016] Figure 4This is a schematic diagram illustrating the display of a target control provided in an embodiment of this disclosure;
[0017] Figure 5 This is a schematic diagram illustrating a control function switching method provided in an embodiment of this disclosure.
[0018] Figure 6 A schematic diagram illustrating the display of another target control provided in an embodiment of this disclosure;
[0019] Figure 7 This is a schematic diagram of the structure of a control display control device provided in an embodiment of the present disclosure;
[0020] Figure 8 This is a schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure. Detailed Implementation
[0021] To make the objectives, technical solutions, and advantages of the embodiments of this disclosure clearer, the technical solutions of the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of this disclosure, and not all embodiments. The components of the embodiments of this disclosure described and shown in the accompanying drawings can generally be arranged and designed in various different configurations.
[0022] Therefore, the following detailed description of the embodiments of this disclosure provided in the accompanying drawings is not intended to limit the scope of the claimed disclosure, but merely to illustrate selected embodiments of the disclosure. All other embodiments obtained by those skilled in the art based on the embodiments of this disclosure without inventive effort are within the scope of protection of this disclosure.
[0023] Interfaces typically include complex buttons with multiple functions. For example, a complex button could be a voice input button with multiple input modes. In related technologies, additional button controls corresponding to different functions can be added near the main control of the complex button. Triggering different button controls triggers the corresponding functions of the complex button. However, this method requires displaying multiple controls on the interface for the complex button, resulting in dense control display and negatively impacting the user's visual experience. To reduce the number of displayed controls, a toggle button can be added to the main control of the complex button, allowing users to switch functions by clicking it. However, when the complex button has more than two functions, multiple clicks of the toggle button are required to switch to the desired function, making the function switching operation cumbersome for users.
[0024] Interfaces typically include complex buttons with multiple functions; for example, a complex button could be a voice input button with multiple input modes. Related technologies provide two methods for displaying complex controls:
[0025] Method 1 involves adding additional button controls for different functions near the main control of the complex button. Triggering these different button controls then triggers the corresponding function of the complex button. This method requires displaying multiple controls on the interface for the complex button, resulting in a dense display of controls and negatively impacting the user's visual experience.
[0026] like Figure 1 The image shown is a schematic diagram of a complex button display provided in the prior art. Figure 1 The circular button with a voice icon in the center is the main control for complex buttons. The circular controls displayed around this main control are the button controls corresponding to different functions. Figure 1 The image on the left is a schematic diagram of a complex control containing two button controls. These two button controls are a normal mode control and an advanced mode control, respectively. When the user clicks the normal mode control, the complex button will be triggered to input voice in normal mode. When the user clicks the advanced mode control, the complex button will be triggered to input voice in advanced mode. Figure 1 The image on the right shows a schematic of a complex control panel containing three button controls: a low-level mode control, a normal mode control, and an advanced mode control. Clicking the low-level mode control triggers the complex button to input voice in low-level mode; clicking the normal mode control triggers it in normal mode; and clicking the advanced mode control triggers it in advanced mode. However, the display area required for the complex button's main control is usually large. Adding an extra button to switch functions makes the controls more densely packed, resulting in a cluttered interface and a poorer user experience.
[0027] Method 2: Add a toggle button to the main control of the complex button, and switch functions by clicking the toggle button, such as... Figure 2 The diagram shown illustrates how to add a toggle button to the main control of a complex button, as provided in the prior art. Figure 2 The circular button with a voice icon is the main control of the complex button. The double-headed arrow control above this main control is the toggle button. When the complex button has only two functions, this method is more efficient. However, when the complex button has more than two functions, it is necessary to click the toggle button multiple times to switch to the desired function. Moreover, there is no relevant display on the interface, so users have no expectation of the switching result and are prone to confusion in the game.
[0028] In view of the above problems, this disclosure provides a control display control method, device, electronic device and storage medium, which can be applied to the switching and use of the corresponding functions of the control.
[0029] In one embodiment of this disclosure, the control display control method can run on a local terminal device or a server. When the control display control method runs on a server, the method can be implemented and executed based on a cloud interaction system, wherein the cloud interaction system includes a server and a client device.
[0030] In an optional implementation, various cloud applications, such as cloud gaming, can run under the cloud interaction system. Taking cloud gaming as an example, cloud gaming refers to a gaming method based on cloud computing. In the cloud gaming operating mode, the game program and the game screen presentation are separated. The storage and execution of control display methods are completed on the cloud gaming server. The client device is used for data reception, transmission, and game screen presentation. For example, the client device can be a display device with data transmission capabilities located close to the user, such as a mobile terminal, television, computer, or PDA; however, the information processing is performed by the cloud gaming server in the cloud. When playing the game, the user operates the client device to send operation commands to the cloud gaming server. The cloud gaming server runs the game according to the operation commands, encodes and compresses the game screen and other data, returns it to the client device via the network, and finally, the client device decodes and outputs the game screen.
[0031] In an optional implementation, taking a game as an example, the local terminal device stores the game program and is used to display the game screen. The local terminal device is used to interact with the user through a graphical user interface, that is, conventionally downloading, installing, and running the game program via an electronic device. The local terminal device can provide the graphical user interface to the user in various ways, such as rendering it on the terminal's display screen or providing it to the user through holographic projection. For example, the local terminal device can include a display screen for displaying the graphical user interface, which includes game screens, and a processor for running the game, generating the graphical user interface, and controlling the display of the graphical user interface on the display screen.
[0032] In one possible implementation, embodiments of this disclosure provide a control display control method, such as... Figure 3 As shown, the method includes the following specific steps:
[0033] Step S302: Display a target control containing a main control and at least one alternative control in the graphical user interface; wherein, the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of main controls and alternative controls; the main control is the control in the target control that is in the selected state; the main control contains a selection indicator and a corresponding function indicator, and the alternative controls contain corresponding function indicators; the display area of the main control and the display area of the alternative controls are visually connected.
[0034] In practical implementation, the aforementioned graphical user interface can be a game interface, a browser interface, or a chat interface, etc. The target control is a complex control with N execution functions. The N execution functions corresponding to the target control can be determined according to development needs. For example, the execution function corresponding to the target control could be triggering a game character's main skill or using a secondary skill; the execution function corresponding to the target control could be performing voice input in normal mode, performing voice input in advanced mode, or performing monosyllabic output, etc. Here, N is greater than 2, and N equals the sum of the number of main controls and alternative controls contained in the target control. For example, if the target control includes 1 main control and 2 alternative controls, then N is 3, and thus the target control has 3 execution functions.
[0035] The main control is the selected control within the target control group. It is the primary control within the target control group and includes a selection indicator and a corresponding function indicator. The selection indicator indicates the function type of the target control, which could be voice input, skill activation, or healing, etc. The function indicator indicates the execution function of the main control, and the execution function indicated by the function indicator matches the function type indicated by the selection indicator. The display style of the selection and function indicators can be set according to development needs. For example, the selection indicator can be set to an icon or text that indicates the function type, and the function indicator can be set to function description text or an icon, etc.
[0036] Alternate controls are unselected controls within the target control. These alternative controls display a corresponding function icon, indicating a function that matches the function type indicated by the selected icon. The display areas of the main control and the alternative controls are visually connected, allowing users to intuitively understand the relationship between them. Furthermore, displaying corresponding function icons on both the main and alternative controls helps users understand which functions the target control can switch between, and what function is currently triggering the main control's execution, thus allowing users to anticipate the execution result.
[0037] like Figure 4 The diagram shown is a display schematic of a target control provided in an embodiment of this disclosure. Figure 4 This is a display diagram of the target control under two execution functions. The execution functions of the target control include voice input function in normal mode and voice input function in advanced mode. The target control includes a main control and an alternative control. Figure 4The main control in the target control is the control corresponding to the normal mode, and the alternative controls are the controls corresponding to the advanced mode. That is, the control corresponding to the normal mode is selected, and the control corresponding to the advanced mode is not selected. The main control displays the words "Normal Mode", which is the function identifier of the main control. That is, the function of the main control is the voice input function in normal mode. The alternative controls display the words "Advanced Mode", which is the function identifier of the alternative controls. That is, the function of the alternative controls is the voice input function in advanced mode. Figure 4 The microphone icon in the image is selected.
[0038] In practical applications, when a user first opens the graphical user interface, a control can be randomly selected from the controls contained in the target control as the main control, or a default control in the target control can be designated as the main control and set to the selected state. The controls contained in the target control other than the main control are set to the unselected state, and the unselected controls are designated as alternative controls. The main control and alternative controls are then displayed in the graphical user interface. This method can save display space in the graphical user interface while ensuring that the user can accurately switch control functions.
[0039] Step S304: Determine the execution function of the main control as the execution function currently corresponding to the target control.
[0040] In practice, the execution function corresponding to the selected control (equivalent to the main control) in the target control is determined as the current execution function of the target control.
[0041] Step S306: Respond to the trigger operation for the main control and execute the corresponding function of the main control.
[0042] The aforementioned triggering operations for the main control can be clicks, long presses, double-clicks, or swipes on the main control. When a user triggers the main control that is currently selected, the corresponding function of the main control will be executed in the graphical user interface.
[0043] Step S308: In response to the selection operation for the candidate control, adjust the target candidate control to the selected state and adjust the other controls in the target control to the unselected state.
[0044] The aforementioned target candidate control can be any candidate control among the target controls, and the specific target candidate control can be determined based on the selection operation. The aforementioned selection operation can be a click operation, a double-click operation, or a long-press operation on the target candidate control, etc.
[0045] When a user selects a target candidate control, the target candidate control switches from an unselected state to a selected state, thus establishing it as the primary control within the target control set. Simultaneously, all other controls within the target control set to an unselected state. It's important to note that these other controls include the primary control that was selected before the target candidate control was chosen. Selecting the target candidate control requires deselecting previously selected primary controls to make them candidate controls within the target control set.
[0046] Step S310: Switch the execution function currently corresponding to the target control to the execution function corresponding to the target candidate control.
[0047] When the target candidate control is selected, the execution function corresponding to the target control is switched to the execution function corresponding to the target candidate control. At this time, when the user triggers the target candidate control that is selected, the execution function corresponding to the target candidate control will be executed in the graphical user interface.
[0048] In a control display control method provided in this embodiment, the controls in the target control perform different functions when they are selected and not selected. Switching the corresponding functions of the target control can be achieved without the need for additional switching controls, thereby improving the efficiency of interface display and the user's visual experience.
[0049] In one specific implementation, the process of responding to the selection operation of the candidate control, adjusting the target candidate control to the selected state, and adjusting other controls in the target control to the unselected state may include: responding to the selection operation of the candidate control, adjusting the target candidate control to the selected state, switching the main control in the target control to the target candidate control, adjusting other controls in the target control other than the target candidate control to the unselected state, and identifying the other controls as candidate controls in the target control.
[0050] Users can switch the currently selected controls within the target control group by making a selection operation. The selected control is designated as the new primary control, while the unselected controls are designated as new candidate controls. Only one control in the target control group is selected at any given time, meaning only one control is the primary control. This allows users to easily understand the current function of the target control and identify the candidate controls, thus facilitating the switching of the target control's current function.
[0051] like Figure 5 The diagram shown is a schematic representation of a control function switching method provided in an embodiment of the present invention. Figure 5This diagram illustrates the function switching of a target control under two different execution functions. The execution functions for this target control include voice input in normal mode and voice input in advanced mode. Figure 5 In the image on the left, the currently selected main control corresponds to the control in normal mode, and the unselected candidate controls correspond to the controls in advanced mode. When the user clicks on the unselected advanced mode control, the advanced mode control becomes selected, and the normal mode control becomes unselected. This changes the main control to the advanced mode control and the candidate controls back to the normal mode controls. Figure 5 The image on the right is shown in the diagram.
[0052] When the target candidate control is adjusted to the selected state, the execution function corresponding to the target control is switched to the execution function corresponding to the target candidate control. That is, the execution function corresponding to the target control changes with the control currently in the selected state. The execution function corresponding to the target control is always the execution function corresponding to the control currently in the selected state.
[0053] like Figure 6 The diagram shown is a display schematic of another target control provided in an embodiment of this disclosure. Figure 6 This is a schematic diagram showing the display of the target control when it corresponds to three execution functions. Figure 6 The target control in the system includes voice input functions in low-level mode, normal mode, and advanced mode. The target control consists of one main control and two alternative controls. Figure 6 The main control in the selection is the control corresponding to the normal mode. The alternative controls are the controls corresponding to the low-level mode and the controls corresponding to the high-level mode. That is, the low-level mode and high-level mode controls are currently unselected alternative controls. Since the main control is the control corresponding to the normal mode, the target control currently performs the voice input function in normal mode. Users can select the target control by clicking on the unselected low-level mode control to switch its current function to voice input in low-level mode; similarly, users can select the target control by clicking on the unselected high-level mode control to switch its current function to voice input in high-level mode.
[0054] After switching the execution function of the target control to the execution function of the target candidate control, the current main control in the target control becomes the target candidate control. In response to a trigger operation targeting the current main control in the target control, the execution function corresponding to the target candidate control is executed. The trigger operation targeting the main control can be a click operation, long press operation, double-click operation, or swipe operation on the main control, etc.
[0055] In the above method, the controls in the target control perform different functions when the target control is selected and when it is not selected, which improves the operation efficiency within the limited area of the interface.
[0056] In one specific implementation, the main control corresponds to at least one sub-execution function; based on this, the specific process of responding to the trigger operation of the main control and executing the execution function corresponding to the main control may include: responding to the trigger operation of the main control, determining the target sub-execution function from the sub-execution functions corresponding to the main control based on the operation type of the trigger operation, and executing the target sub-execution function; wherein, different operation types correspond to different sub-execution functions included in the main control.
[0057] When a main control corresponds to multiple sub-functions, different types of trigger operations performed by the user on the main control within the target control will control the execution of different sub-functions corresponding to the main control. The correspondence between the sub-functions and operation types corresponding to the main control is pre-set and unique. For example, the sub-functions corresponding to the main control may include voice input and monosyllabic output in normal mode. If the user clicks the main control, a monosyllabic sound will be output in the graphical user interface; if the user long-presses the main control, voice input will be recorded in normal mode. This method enhances user operation flexibility and the richness of the executed functions.
[0058] In an optional embodiment, in response to a trigger operation targeting a first candidate control in the target control, the execution function corresponding to the first candidate control is executed, and the first candidate control is controlled to be in an unselected state in the target control. The first candidate control can be any one of the candidate controls included in the target control.
[0059] The triggering operation for the first candidate control can be a long press or a swipe operation, etc. This triggering operation for the first candidate control is different from the selection operation described above. When a user triggers a candidate control that is currently unselected within the target control, the user can control the execution of the function corresponding to that candidate control, and the candidate control remains unselected. Only when the user triggers the candidate control through a selection operation will the selected candidate control change from an unselected state to a selected state.
[0060] For example, the main control in the target control has the function of releasing the first game skill in the game scene, and the first alternative control in the target control has the function of releasing the second game skill in the game scene. If the user triggers the main control, the game character can be controlled to release the first game skill in the game scene; if the user triggers the first alternative control, the game character can be controlled to release the second game skill in the game scene.
[0061] Corresponding to the above method embodiments, this disclosure also provides a control display control device, such as... Figure 7 As shown, the device includes:
[0062] The control display module 70 is used to display a target control containing a main control and at least one alternative control in a graphical user interface; wherein the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of main controls and alternative controls; the main control is the control in the target control that is in the selected state; the main control contains a selection indicator and a corresponding function indicator, and the alternative controls contain corresponding function indicators; the display area of the main control and the display area of the alternative controls are visually connected.
[0063] The function determination module 71 is used to determine the execution function of the main control as the execution function currently corresponding to the target control.
[0064] Function execution module 72 is used to respond to trigger operations on the main control and execute the corresponding function of the main control.
[0065] The control switching module 73 is used to respond to the selection operation of the candidate control, adjust the target candidate control to the selected state, and adjust other controls in the target control to the unselected state.
[0066] The function switching module 74 is used to switch the execution function currently corresponding to the target control to the execution function corresponding to the target alternative control.
[0067] In the aforementioned control display control device, the controls in the target control perform different functions when they are selected or not selected. Switching the corresponding functions of the target control can be achieved without the need for additional switching controls, thereby improving the efficiency of interface display and the user's visual experience.
[0068] Furthermore, the aforementioned control switching module 73 is used to: respond to a selection operation for a candidate control, adjust the target candidate control to a selected state, switch the main control in the target control to the target candidate control, adjust other controls in the target control other than the target candidate control to an unselected state, and identify the other controls as candidate controls in the target control.
[0069] Furthermore, the above-mentioned device also includes a control triggering module, which is used to respond to the triggering operation of the current main control in the target control and execute the execution function corresponding to the target candidate control after switching the execution function currently corresponding to the target control to the execution function corresponding to the target candidate control.
[0070] Furthermore, the aforementioned main control corresponds to at least one sub-execution function; based on this, the aforementioned function execution module 72 is used to: respond to a trigger operation for the main control, determine the target sub-execution function from the sub-execution functions corresponding to the main control based on the operation type of the trigger operation, and execute the target sub-execution function; wherein, different operation types correspond to different sub-execution functions included in the main control.
[0071] Furthermore, the above-mentioned device also includes an alternative function triggering module, used to: respond to a triggering operation on a first alternative control in the target control and execute the execution function corresponding to the first alternative control.
[0072] Furthermore, the above-mentioned device also includes a state holding module, used to: respond to a trigger operation on a first alternative control in the target control, and control the first alternative control to be in an unselected state in the target control.
[0073] In an optional embodiment, the selection identifier is used to indicate the function type corresponding to the target control, and the execution function indicated by the function identifier matches the function type indicated by the selection identifier.
[0074] The control display control device provided in this disclosure has the same implementation principle and technical effect as the aforementioned method embodiment. For the sake of brevity, any parts not mentioned in the device embodiment can be referred to the corresponding content in the aforementioned method embodiment.
[0075] This disclosure also provides an electronic device, such as... Figure 8 As shown, the electronic device includes a processor and a memory. The memory stores machine-executable instructions that can be executed by the processor, which executes the machine-executable instructions to implement the control display control method described above.
[0076] Specifically, the above-mentioned control display control method includes: displaying a target control containing a main control and at least one alternative control in a graphical user interface; wherein the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of main controls and alternative controls; the main control is the control in the target control that is in a selected state; the main control contains a selection indicator and a corresponding function indicator, and the alternative controls contain corresponding function indicators; the display area of the main control and the display area of the alternative controls are visually connected; determining the execution function of the main control as the execution function currently corresponding to the target control; responding to a trigger operation for the main control, executing the execution function corresponding to the main control; responding to a selection operation for the alternative controls, adjusting the target alternative control to a selected state, and adjusting other controls in the target control to an unselected state; and switching the execution function currently corresponding to the target control to the execution function corresponding to the target alternative control.
[0077] In the above control display control method, the controls in the target control perform different functions when they are selected and not selected. The switching of the corresponding functions of the target control can be achieved without the need for additional switching controls, which improves the efficiency of interface display and the user's visual experience.
[0078] In an optional embodiment, the steps of responding to the selection operation of the candidate control, adjusting the target candidate control to the selected state, and adjusting other controls in the target control to the unselected state, include: responding to the selection operation of the candidate control, adjusting the target candidate control to the selected state, switching the main control in the target control to the target candidate control, adjusting other controls in the target control other than the target candidate control to the unselected state, and determining the other controls as candidate controls in the target control.
[0079] In an optional embodiment, after the step of switching the execution function currently corresponding to the target control to the execution function corresponding to the target candidate control, the method further includes: responding to a trigger operation on the current main control in the target control and executing the execution function corresponding to the target candidate control.
[0080] In an optional embodiment, the main control corresponds to at least one sub-execution function; based on this, the step of responding to a trigger operation on the main control and executing the execution function corresponding to the main control includes: responding to a trigger operation on the main control, determining a target sub-execution function from the sub-execution functions corresponding to the main control based on the operation type of the trigger operation, and executing the target sub-execution function; wherein, different operation types correspond to different sub-execution functions included in the main control.
[0081] In an optional embodiment, the method further includes: responding to a trigger operation on a first alternative control in the target control and executing the execution function corresponding to the first alternative control.
[0082] In an optional embodiment, the method further includes: responding to a trigger operation on a first alternative control in the target control, and controlling the first alternative control to be in an unselected state in the target control.
[0083] In an optional embodiment, the selection identifier is used to indicate the function type corresponding to the target control, and the execution function indicated by the function identifier matches the function type indicated by the selection identifier.
[0084] Furthermore, Figure 8 The electronic device shown also includes a bus 102 and a communication interface 103, with the processor 101, the communication interface 103 and the memory 100 connected via the bus 102.
[0085] The memory 100 may include high-speed random access memory (RAM) or non-volatile memory, such as at least one disk storage device. Communication between this system network element and at least one other network element is achieved through at least one communication interface 103 (which can be wired or wireless), such as the Internet, wide area network, local area network, or metropolitan area network. The bus 102 may be an ISA bus, PCI bus, or EISA bus, etc. The bus can be divided into address bus, data bus, control bus, etc. For ease of representation, Figure 8 The symbol is represented by a single double-headed arrow, but this does not mean that there is only one bus or one type of bus.
[0086] Processor 101 may be an integrated circuit chip with signal processing capabilities. In implementation, each step of the above method can be completed by the integrated logic circuitry in the hardware of processor 101 or by instructions in software form. The processor 101 can be a general-purpose processor, including a Central Processing Unit (CPU), a Network Processor (NP), etc.; it can also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field-Programmable Gate Array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, or discrete hardware components. It can implement or execute the methods, steps, and logic block diagrams disclosed in the embodiments of this disclosure. The general-purpose processor can be a microprocessor or any conventional processor. The steps of the methods disclosed in the embodiments of this disclosure can be directly manifested as execution by a hardware decoding processor, or execution by a combination of hardware and software modules in the decoding processor. The software module can reside in a readily available storage medium in the art, such as random access memory, flash memory, read-only memory, programmable read-only memory, electrically erasable programmable memory, or registers. This storage medium is located in memory 100, and processor 101 reads information from memory 100 and, in conjunction with its hardware, completes the steps of the method described in the foregoing embodiments.
[0087] This disclosure also provides a computer-readable storage medium storing computer-executable instructions. When these computer-executable instructions are invoked and executed by a processor, they cause the processor to implement the aforementioned control display control method. For specific implementation details, please refer to the method embodiments, which will not be repeated here.
[0088] Specifically, the above-mentioned control display control method includes: displaying a target control containing a main control and at least one alternative control in a graphical user interface; wherein the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of main controls and alternative controls; the main control is the control in the target control that is in a selected state; the main control contains a selection indicator and a corresponding function indicator, and the alternative controls contain corresponding function indicators; the display area of the main control and the display area of the alternative controls are visually connected; determining the execution function of the main control as the execution function currently corresponding to the target control; responding to a trigger operation for the main control, executing the execution function corresponding to the main control; responding to a selection operation for the alternative controls, adjusting the target alternative control to a selected state, and adjusting other controls in the target control to an unselected state; and switching the execution function currently corresponding to the target control to the execution function corresponding to the target alternative control.
[0089] In the above control display control method, the controls in the target control perform different functions when they are selected and not selected. The switching of the corresponding functions of the target control can be achieved without the need for additional switching controls, which improves the efficiency of interface display and the user's visual experience.
[0090] In an optional embodiment, the steps of responding to the selection operation of the candidate control, adjusting the target candidate control to the selected state, and adjusting other controls in the target control to the unselected state, include: responding to the selection operation of the candidate control, adjusting the target candidate control to the selected state, switching the main control in the target control to the target candidate control, adjusting other controls in the target control other than the target candidate control to the unselected state, and determining the other controls as candidate controls in the target control.
[0091] In an optional embodiment, after the step of switching the execution function currently corresponding to the target control to the execution function corresponding to the target candidate control, the method further includes: responding to a trigger operation on the current main control in the target control and executing the execution function corresponding to the target candidate control.
[0092] In an optional embodiment, the main control corresponds to at least one sub-execution function; based on this, the step of responding to a trigger operation on the main control and executing the execution function corresponding to the main control includes: responding to a trigger operation on the main control, determining a target sub-execution function from the sub-execution functions corresponding to the main control based on the operation type of the trigger operation, and executing the target sub-execution function; wherein, different operation types correspond to different sub-execution functions included in the main control.
[0093] In an optional embodiment, the method further includes: responding to a trigger operation on a first alternative control in the target control and executing the execution function corresponding to the first alternative control.
[0094] In an optional embodiment, the method further includes: responding to a trigger operation on a first alternative control in the target control, and controlling the first alternative control to be in an unselected state in the target control.
[0095] In an optional embodiment, the selection identifier is used to indicate the function type corresponding to the target control, and the execution function indicated by the function identifier matches the function type indicated by the selection identifier.
[0096] If a function is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this disclosure, in essence, or the part that contributes to the prior art, or a part of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, a terminal device, or a network device, etc.) to execute all or part of the steps of the methods of the various embodiments of this disclosure. The aforementioned storage medium includes various media capable of storing program code, such as a USB flash drive, a portable hard drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.
[0097] In the description of this disclosure, it should be noted that the terms "center," "upper," "lower," "left," "right," "vertical," "horizontal," "inner," and "outer," etc., indicate the orientation or positional relationship based on the orientation or positional relationship shown in the accompanying drawings, and are only for the convenience of describing this disclosure and simplifying the description, and do not indicate or imply that the device or element referred to must have a specific orientation, or be constructed and operated in a specific orientation, and therefore should not be construed as a limitation of this disclosure. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and should not be construed as indicating or implying relative importance.
[0098] Finally, it should be noted that the above embodiments are merely specific implementations of this disclosure, used to illustrate the technical solutions of this disclosure, and not to limit it. The protection scope of this disclosure is not limited thereto. Although this disclosure has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that any person skilled in the art can still modify or easily conceive of changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features, within the scope of the technology disclosed in this disclosure. Such modifications, changes, or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this disclosure, and should all be covered within the protection scope of this disclosure. Therefore, the protection scope of this disclosure should be determined by the protection scope of the claims.
Claims
1. A control display control method, characterized in that, The method includes: A target control is displayed in a graphical user interface, comprising a main control and at least one alternative control; wherein the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of the main control and the number of the alternative controls; the main control is the selected control among the target controls; the main control contains a selection indicator and a corresponding function indicator, and the alternative controls contain corresponding function indicators; the display area of the main control and the display area of the alternative controls are visually connected. The execution function of the main control is determined as the execution function currently corresponding to the target control; In response to a trigger operation on the main control, execute the corresponding function of the main control; In response to a selection operation on the candidate control, the target candidate control is adjusted to a selected state, and other controls in the target control are adjusted to an unselected state; Switch the execution function currently corresponding to the target control to the execution function corresponding to the target alternative control.
2. The method according to claim 1, characterized in that, The response to the selection operation of the candidate control involves adjusting the target candidate control to a selected state and adjusting other controls in the target control to an unselected state, including: In response to a selection operation on the candidate control, the target candidate control is adjusted to a selected state, the main control in the target control is switched to the target candidate control, the other controls in the target control other than the target candidate control are adjusted to an unselected state, and the other controls are determined as candidate controls in the target control.
3. The method according to claim 2, characterized in that, After the step of switching the execution function currently corresponding to the target control to the execution function corresponding to the target candidate control, the method further includes: In response to a trigger operation targeting the current main control in the target control, execute the corresponding function of the target candidate control.
4. The method according to claim 1, characterized in that, The main control corresponds to at least one sub-execution function; The steps of responding to the trigger operation of the main control and executing the corresponding function of the main control include: In response to a trigger operation on the main control, based on the operation type of the trigger operation, a target sub-execution function is determined from the sub-execution functions corresponding to the main control, and the target sub-execution function is executed; wherein, different operation types correspond to different sub-execution functions included in the main control.
5. The method according to claim 1, characterized in that, The method further includes: In response to a trigger operation targeting the first candidate control in the target control, execute the function corresponding to the first candidate control.
6. The method according to claim 5, characterized in that, The method further includes: In response to a trigger operation targeting a first alternative control in the target control, the first alternative control is controlled to be in an unselected state in the target control.
7. The method according to claim 1, characterized in that, The selection indicator is used to indicate the function type corresponding to the target control, and the execution function indicated by the function indicator matches the function type indicated by the selection indicator.
8. A control display control device, characterized in that, The device includes: A control display module is used to display a target control in a graphical user interface, comprising a main control and at least one alternative control; wherein the target control corresponds to N execution functions; N is not less than 2, and N is equal to the sum of the number of the main control and the number of the alternative controls; the main control is the control in the selected state among the target controls; the main control contains a selection indicator and a corresponding function indicator, and the alternative controls contain corresponding function indicators; the display area of the main control and the display area of the alternative controls are visually connected; The function determination module is used to determine the execution function of the main control as the execution function currently corresponding to the target control; The function execution module is used to respond to the trigger operation for the main control and execute the execution function corresponding to the main control; The control switching module is used to respond to the selection operation for the candidate control, adjust the target candidate control to the selected state, and adjust other controls in the target control to the unselected state; The function switching module is used to switch the execution function currently corresponding to the target control to the execution function corresponding to the target alternative control.
9. An electronic device, characterized in that, The electronic device includes a processor and a memory, the memory storing machine-executable instructions that can be executed by the processor, the processor executing the machine-executable instructions to implement the control display control method according to any one of claims 1 to 7.
10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer-executable instructions, which, when invoked and executed by a processor, cause the processor to implement the control display control method according to any one of claims 1 to 7.
