CN113552992A - Control display control method, device, equipment and medium - Google Patents
Control display control method, device, equipment and medium Download PDFInfo
- Publication number
- CN113552992A CN113552992A CN202110885898.5A CN202110885898A CN113552992A CN 113552992 A CN113552992 A CN 113552992A CN 202110885898 A CN202110885898 A CN 202110885898A CN 113552992 A CN113552992 A CN 113552992A
- Authority
- CN
- China
- Prior art keywords
- control
- setting
- combined
- display
- user interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 230000004044 response Effects 0.000 claims description 17
- 238000004590 computer program Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 7
- 230000003044 adaptive effect Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000004075 alteration Effects 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/60—Generating or modifying game content before or while executing the game program, e.g. authoring tools specially adapted for game development or game-integrated level editor
- A63F13/63—Generating or modifying game content before or while executing the game program, e.g. authoring tools specially adapted for game development or game-integrated level editor by the player, e.g. authoring using a level editor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a control display control method, device, equipment and medium, which are applied to the technical field of games and used for solving the problems of single control display mode, poor flexibility and low screen adaptability in the prior art. The method specifically comprises the following steps: responding to the setting triggering operation aiming at the UI control, and displaying a control setting interface; and responding to control setting operation executed in the control setting interface, determining control display attributes set for the UI control, and displaying the UI control in the graphical user interface based on the control display attributes. Therefore, the control display attribute can be set for the UI control by executing the control setting operation in the control setting interface, so that the UI control can be displayed in the graphical user interface according to the set control display attribute, the display mode of the UI control is enriched, the display flexibility of the UI control is improved, and the UI control can be self-adapted to the screen of the terminal equipment when being displayed in the graphical user interface.
Description
Technical Field
The present application relates to the field of game technologies, and in particular, to a control display control method, apparatus, device, and medium.
Background
In a game application, a plurality of User Interface (UI) controls are usually displayed on a game Interface, and a player can implement corresponding game settings or game operations through the UI controls.
However, the current UI control is usually displayed in the game interface according to default attributes, and the UI control has a single display mode, poor flexibility, and low screen adaptability to different types of terminal devices.
Disclosure of Invention
The embodiment of the application provides a control display control method, device, equipment and medium, which are used for solving the problems of single control display mode, poor flexibility and low screen adaptability in the prior art.
The technical scheme provided by the embodiment of the application is as follows:
in one aspect, an embodiment of the present application provides a control display control method, where a terminal device provides a graphical user interface, where the graphical user interface at least includes a UI control, and the control display control method includes:
responding to the setting triggering operation aiming at the UI control, and displaying a control setting interface;
and responding to control setting operation executed in the control setting interface, determining control display attributes set for the UI control, and displaying the UI control in the graphical user interface based on the control display attributes.
On the other hand, an embodiment of the present application provides a control display control apparatus, which provides a graphical user interface through a terminal device, where the graphical user interface at least includes a UI control, and the control display control apparatus includes:
the interface display unit is used for responding to the setting triggering operation aiming at the UI control and displaying a control setting interface;
and the display control unit is used for responding to the control setting operation executed in the control setting interface, determining the control display attribute set for the UI control, and displaying the UI control in the graphical user interface based on the control display attribute.
On the other hand, an embodiment of the present application provides a terminal device, including: the control display control method comprises a memory, a processor and a computer program which is stored on the memory and can run on the processor, wherein the control display control method provided by the embodiment of the application is realized when the processor executes the computer program.
On the other hand, an embodiment of the present application further provides a computer-readable storage medium, where computer instructions are stored, and when the computer instructions are executed by a processor, the control display control method provided in the embodiment of the present application is implemented.
The beneficial effects of the embodiment of the application are as follows:
in the embodiment of the application, through executing the control setting operation in the control setting interface, the control display attribute can be set for the UI control, so that the UI control can be displayed in the graphical user interface according to the set control display attribute, the display mode of the UI control is enriched, different control display attributes can be set for the UI control according to screens of different types of terminal equipment while the flexibility of display of the UI control is improved, and the UI control can be self-adaptive to the screen of the terminal equipment when displayed in the graphical user interface.
Additional features and advantages of the application will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by the practice of the application. The objectives and other advantages of the application may be realized and attained by the structure particularly pointed out in the written description and claims hereof as well as the appended drawings.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:
fig. 1 is a schematic flowchart illustrating an overview of a control display control method according to an embodiment of the present application;
FIG. 2a is a schematic diagram illustrating a display manner of a control setting interface on a graphical user interface according to an embodiment of the present application;
FIG. 2b is a schematic diagram of a control setting interface of the combined UI control according to an embodiment of the present application;
FIG. 2c is a schematic diagram of a control setting interface of a unitary UI control according to an embodiment of the present application;
FIG. 2d is a schematic diagram of a control setting interface of a responsive UI control in an embodiment of the present application;
FIG. 2e is a schematic diagram of another control setting interface of the combined UI control in the embodiment of the present application;
fig. 3 is a schematic flowchart of a control display control method for a combined UI control according to an embodiment of the present application;
fig. 4 is a functional structure diagram of a control display control apparatus in an embodiment of the present application;
fig. 5 is a schematic diagram of a hardware structure of a terminal device in the embodiment of the present application.
Detailed Description
In order to make the purpose, technical solution and advantages of the present application more clearly and clearly understood, the technical solution in the embodiments of the present application will be described below in detail and completely with reference to the accompanying drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
To facilitate a better understanding of the present application by those skilled in the art, a brief description of the technical terms involved in the present application will be given below.
1. The terminal device is a front-end device running game software, and may be, but is not limited to: mobile phones, computers, Personal Digital Assistants (PDAs), smart televisions, and the like.
2. The UI control is a control used for realizing a certain function in the graphical user interface. In the embodiment of the application, the UI control comprises a combined UI control, a single UI control and a response UI control; wherein:
the combined UI control is a UI control formed by at least two controls belonging to a master-slave relationship in a graphical user interface and comprises a main control and an auxiliary control, specifically, the main control can be one, and the auxiliary control can be at least one, and only one auxiliary control is taken as an example for explanation in the embodiment of the application;
the unitary UI control is a single UI control in the graphical user interface;
the responsive UI control is a control which supports information browsing and/or communication among users in a graphical user interface, such as a chat box and the like.
After introducing the technical terms related to the present application, the following briefly introduces the application scenarios and design ideas of the embodiments of the present application.
Currently, in game applications, UI controls are usually displayed in a game interface according to default attributes, and such controls are relatively single in display mode, relatively poor in flexibility, and relatively low in screen adaptability to different types of terminal devices. Therefore, in the embodiment of the application, a control setting interface is displayed in response to the setting triggering operation aiming at the UI control in the graphical user interface; and responding to control setting operation executed in the control setting interface, determining control display attributes set for the UI control, and displaying the UI control in the graphical user interface based on the control display attributes. Therefore, the control display attribute can be set for the UI control by executing the control setting operation in the control setting interface, so that the UI control can be displayed in the graphical user interface according to the set control display attribute, the display mode of the UI control is enriched, the display flexibility of the UI control is improved, and meanwhile, different control display attributes can be set for the UI control according to screens of different types of terminal equipment, so that the UI control can be self-adaptive to the screen of the terminal equipment when displayed in the graphical user interface.
After introducing the application scenario and the design concept of the embodiment of the present application, the following describes in detail the technical solution provided by the embodiment of the present application.
The embodiment of the application provides a control display control method, which can be applied to game applications, wherein the game applications provide a graphical user interface through terminal equipment, the graphical user interface at least comprises a UI control, and referring to fig. 1, the outline flow of the control display control method provided by the embodiment of the application is as follows:
step 101: and responding to the setting triggering operation aiming at the UI control, and displaying a control setting interface.
In this embodiment of the present application, the setting triggering operation for the UI control may be, but is not limited to, any of the following: single click operation, double click operation, etc. In practical application, the UI control in the graphical user interface includes at least one of a unitary UI control, a responsive UI control, and a combined UI control, any UI control in the graphical user interface can be used as a UI control to be set for display control, and specifically, a player can perform a single-click operation, a double-click operation, and other setting triggering operations for any UI control in the graphical user interface; in response to the setting triggering operation for the UI control, the game application may display a control setting interface on the graphical user interface, for example, referring to fig. 2a, the control setting interface may be displayed overlaid on the graphical user interface. In practice, the control setting interface can be, but is not limited to, a custom control panel.
In the embodiment of the application, in order to further enrich the display modes of the combined UI controls and improve the display flexibility of the combined UI controls and the adaptive capacity of the screen of the terminal device, any one of at least two controls included in the combined UI controls can also be used as a UI control to be set for display control, and in practical application, a player can select a UI control from at least two controls included in the combined UI controls as the UI control to be set through setting the control state of the combined UI control. Specifically, the player can perform a binding setting operation for the combined UI control; and the game application responds to the binding setting operation aiming at the combined UI control, determines the control state of the combined UI control, and determines the UI control to be set from the combined UI control based on the control state, so that the display control can be carried out aiming at the UI control to be set in the combined UI control.
In specific implementation, after a player performs a click operation, a double click operation and other setting triggering operations on a combined UI control, a game application responds to the setting triggering operations on the combined UI control, and when a control setting interface is displayed on a graphical user interface, as shown in fig. 2b, the control setting interface may include a binding setting control for setting a control binding state of the combined UI control, so that the player may set the control state of the combined UI control by performing a hook operation, a cancel hook operation and other binding setting operations on the binding setting control, specifically, the player may perform the hook operation on the binding setting control, set the control state of the combined UI control to the binding state, and may also perform the cancel hook operation on the binding setting control, and set the control state of the combined UI control to the unbinding state; and the game application responds to the binding setting operation aiming at the combined UI control, determines the control state of the combined UI control to be the binding state when determining that the binding setting control is in the checking state based on the binding setting operation, and determines the control state of the combined UI control to be the unbinding state when determining that the binding setting control is in the non-checking state based on the binding setting operation.
Further, after determining the control state of the combined UI control, the game application may determine, based on the control state, a UI control to be set from the combined UI control, and in practical applications, when determining, based on the control state, the UI control to be set from the combined UI control, there may be, but is not limited to, the following two cases:
in the first case: the game application determines that the control state of the combined UI control is a binding state.
In this case, the gaming application may determine all of the combined UI controls to be the UI controls to be set.
In the second case: the gaming application determines that the control state of the combined UI control is an unbiased state.
In this case, the game application may select one control from at least two controls included in the combined UI control as the UI control to be set.
In particular implementations, in one embodiment, the gaming application may determine a player-selected control of the at least two controls included in the combined UI control as the UI control to be set. Specifically, the player may perform a click operation on at least one of the at least two controls included in the combined UI control, and further, the game application, in response to performing the click operation on at least one of the at least two controls included in the combined UI control, selects at least one control selected by the player from the at least two controls included in the combined UI control as the UI control to be set.
In another embodiment, the gaming application may also determine a default control of the at least two controls included with the combined UI control as the UI control to be set. For example: assuming that a default control of the at least two controls included in the combined UI control is the master control, the gaming application may determine the master control as the UI control to be set.
It is worth mentioning that, in the embodiment of the present application, before determining, by the game application, a default control of at least two controls included in the combined UI control as a UI control to be set, it may be further determined whether a player performs a control selection operation within a set time range, after determining that the player does not perform the control selection operation within the set time range, then determining, as the UI control to be set, a default control of the at least two controls included in the combined UI control, and after determining that the player performs the control selection operation within the set time range, determining, as the UI control to be set, at least one control selected by the player from the at least two controls included in the combined UI control. For example: assuming that a default control of the combined UI control is a master control, when the game application determines that the control state of the combined UI control is an unbound state, if it is determined that the player does not perform a control selection operation (e.g., a click operation) on the control of the combined UI control within the set time range, the master control of the combined UI control may be determined as the UI control to be set, and if it is determined that the player performs a control selection operation (e.g., a click operation) on the control of the combined UI control within the set time range, at least one control selected by the player from at least two controls included in the combined UI control may be determined as the UI control to be set.
Step 102: and responding to control setting operation executed in the control setting interface, determining control display attributes set for the UI control, and displaying the UI control in the graphical user interface based on the control display attributes.
In the embodiment of the application, the control setting interface may include a size setting control for setting the size of the control. A player can perform setting control operations such as progress bar dragging operation and the like on the size setting control in the control setting interface to set the size of the UI control; and the game application responds to the setting control operation aiming at the size setting control in the control setting interface, determines the size adjustment proportion of the UI control, and displays the UI control in the graphical user interface according to the size adjustment proportion.
In addition, in the embodiment of the present application, the control setting interface may further include a transparency setting control for setting transparency of the control. A player can execute setting control operations such as progress bar dragging operation and the like aiming at a transparency setting control in a control setting interface to set the transparency of the UI control; and the game application responds to the setting control operation aiming at the transparency setting control in the control setting interface, determines the transparency adjustment proportion of the UI control, and displays the UI control in the graphical user interface according to the transparency adjustment proportion.
In a specific implementation, referring to fig. 2c, if the UI control is a unitary UI control in the graphical user interface selected by the player, the control setting interface at least includes a size setting control for setting a size of the control and a transparency setting control for setting transparency of the control, where the size setting control may include a size setting control for setting the size of the control. In this way, the player can adjust the size of the unitary UI control by executing setting control operations such as a progress bar dragging operation on the size setting control in the control setting interface, and further, the game application determines the size adjustment ratio of the unitary UI control in response to the setting control operation on the size setting control, and displays the unitary UI control in the graphical user interface according to the size adjustment ratio; in addition, the player can also adjust the transparency of the unitary UI control by executing setting control operations such as a progress bar dragging operation on the transparency setting control in the control setting interface, and further, the game application determines a transparency adjustment ratio of the unitary UI control in response to the setting control operation on the transparency setting control, and displays the unitary UI control in the graphical user interface according to the transparency adjustment ratio.
In another embodiment, referring to fig. 2d, if the UI control is a responsive UI control in a graphical user interface selected by a player, the control setting interface at least includes a size setting control for setting a size of the control and a transparency setting control for setting a transparency of the control, where the size setting control may include a height setting control for setting a height of the control, a width setting control for setting a width of the control, and a size setting control for setting a size of the control. In this way, the player can set control operation such as progress bar dragging operation and the like by executing the height setting control in the control setting interface, adjusting the height of the responsive UI control, further, the game application determines the height adjustment ratio of the responsive UI control in response to the setting control operation for the height setting control, and a nine-grid scaling algorithm is adopted to display the responsive UI control in the graphical user interface according to the height adjustment proportion, moreover, the player can also set control operation such as progress bar dragging operation and the like through executing the width setting control in the control setting interface, the width of the responsive UI control is adjusted, further, the game application responds to the setting control operation aiming at the width setting control to determine the width adjustment proportion of the responsive UI control, displaying the responsive UI control in the graphical user interface according to the width adjustment proportion by adopting a Sudoku scaling algorithm; in addition, the player can also adjust the size of the responsive UI control by executing setting control operations such as progress bar dragging operation and the like on the size setting control in the control setting interface, further, the game application responds to the setting control operation aiming at the size setting control, determines the size adjustment proportion of the responsive UI control, and displays the responsive UI control in the graphical user interface according to the size adjustment proportion by adopting a Sudoku scaling algorithm; in addition, the player can also adjust the transparency of the responsive UI control by executing setting control operations such as progress bar dragging operation and the like on the transparency setting control in the control setting interface, and further, the game application responds to the setting control operation aiming at the transparency setting control, determines the transparency adjustment proportion of the responsive UI control and displays the responsive UI control in the graphical user interface according to the transparency adjustment proportion.
In another embodiment, referring to fig. 2e, if the UI control is a combined UI control or at least one of combined UI controls in the graphical user interface selected by the player, a size setting control and a transparency setting control for configuring transparency of the control may also be included in the control setting interface, where the size setting control may include a size setting control for setting a size of the control. In this way, the player can adjust the size of the combined UI control by executing setting control operations such as progress bar dragging operation and the like on the size setting control in the control setting interface, and further, the game application responds to the setting control operation aiming at the size setting control, determines the size adjustment proportion of the combined UI control and displays the combined UI control in the graphical user interface according to the size adjustment proportion; in addition, the player can also adjust the transparency of the combined UI control by executing setting control operations such as progress bar dragging operation and the like on the transparency setting control in the control setting interface, and further, the game application responds to the setting control operation aiming at the transparency setting control, determines the transparency adjustment proportion of the target control and displays the target control in the graphical user interface according to the transparency adjustment proportion.
It is worth mentioning that, in the embodiment of the present application, in order to further enrich the display mode of the UI control and improve the display flexibility of the UI control and the adaptive capability of the screen of the terminal device, the player may also move the UI control arbitrarily in the screen of the terminal device, and specifically, the player may perform a dragging operation for the UI control to move the UI control in the screen of the terminal device. And responding to the movement operation of the specific UI control by the game application, and displaying the UI control in the graphical user interface along with the movement operation.
In practical application, in order to avoid the UI control from overflowing the screen of the terminal device in the moving process as much as possible, the game application can display the UI control in the graphical user interface along with the moving operation in the process of displaying the UI control in the graphical user interface, and can also display the UI control in the graphical user interface based on the touch edge adaptive rule when the UI control is determined to move to the screen boundary of the terminal device.
In one embodiment, if the UI control is a unitary UI control (or a responsive UI control) in the graphical user interface selected by the player, the player may perform a moving operation on the unitary UI control (or the responsive UI control) by arbitrarily dragging the unitary UI control (or the responsive UI control) in the screen of the terminal device, further, the game software responds to the moving operation for the unitary UI control (or the responsive UI control), displays the unitary UI control (or the responsive UI control) in the graphical user interface following the moving operation, and determines that the unitary UI control (or the responsive UI control) moves to the screen boundary of the terminal device during the displaying of the unitary UI control (or the responsive UI control) in the graphical user interface following the moving operation, and may further adapt based on the edge-touching rule, a unitary UI control (or responsive UI control) is displayed in the graphical user interface to avoid the unitary UI control (or responsive UI control) from spilling the screen of the terminal device.
In another embodiment, if the UI control is a combined UI control in the graphical user interface selected by the player, the player can perform a move operation on the combined UI control by arbitrarily dragging the combined UI control in the screen of the terminal device, further, the game software displays the combined UI control in the graphical user interface following the move operation in response to the move operation for the combined UI control, and the game application determines that one of the combined UI controls moves to the screen boundary of the terminal device while the game application displays the combined UI control in the graphical user interface following the move operation, and the other of the combined UI controls support the move until all of the combined UI controls move to the screen boundary of the terminal device, based on the edge-touching adaptive rule, the combined UI control is displayed in the graphical user interface, so as to avoid the combined UI control from overflowing the screen of the terminal equipment.
In another embodiment, if the UI control is a UI control in a combined UI control selected by the player, the player can freely drag the UI control in the combined UI control in the screen of the terminal device, performing a move operation on a UI control of the combined UI control, and further, the game software responds to the move operation for the UI control of the combined UI control, displaying the UI control of the combined UI control in the graphical user interface following the move operation, and in displaying the UI control of the combined UI control in the graphical user interface following the move operation, the method can also be used for determining that the UI control in the combined UI control moves to the screen boundary of the terminal equipment, based on the touch edge adaptive rule, and displaying the UI control in the combined UI control in the graphical user interface so as to avoid the UI control in the combined UI control from overflowing the screen of the terminal equipment.
For example: assuming that the player selects the main control in the combined UI control, the player can arbitrarily move the main control in the combined UI control in the screen of the terminal device, the game software responds to the movement operation of the main control in the combined UI control, the main control is displayed in the graphical user interface along with the movement operation, and in the process of displaying the main control along with the movement operation in the graphical user interface, when the main control is determined to move to the screen boundary of the terminal device, the main control is displayed in the graphical user interface based on the edge-touching self-adaptive rule, so that the main control is prevented from overflowing the screen of the terminal device.
In the following, a control display control method provided in the embodiment of the present application is further described in detail with "a player performs display control on a combined UI control in a graphical user interface" as a specific application scenario, and referring to fig. 3, a specific flow of the control display control method provided in the embodiment of the present application is as follows:
step 301: the game application responds to the setting triggering operation aiming at the combined UI control and displays a user-defined control panel in the graphical user interface; the user-defined control panel at least comprises a binding setting control, a size setting control and a transparency setting control.
Step 302: the game application responds to the binding setting operation aiming at the binding setting control in the user-defined control panel, judges whether the control state of the combined UI control is the binding state or not based on the binding setting operation, and if so, executes the step 303; if not, go to step 304.
Step 303: the game application determines the combined UI control as the UI control to be set and proceeds to step 307-step 310.
Step 304: the game application judges whether a control selection operation is executed for at least one of at least two controls included in the combined UI control within a set time range, if yes, step 305 is executed; if not, go to step 306.
Step 305: and the game application responds to the control selection operation executed aiming at least one of the at least two controls contained in the combined UI control, determines at least one control selected from the at least two controls contained in the combined UI control as the UI control to be set, and continues to execute the steps 307-310.
Step 306: the game application determines a default control of the at least two controls included in the combined UI control as the UI control to be set, and proceeds to step 307-step 310.
Step 307: and responding to the movement operation aiming at the UI control to be set by the game application, and displaying the UI control in the graphical user interface along with the movement operation.
Step 308: and when the game application determines that the UI control moves to the screen boundary of the terminal equipment, displaying the UI control in the graphical user interface based on the touch edge self-adaptive rule.
Step 309: the game application responds to the progress bar dragging operation of the size setting control in the user-defined control panel, determines the size adjustment proportion of the UI control to be set, and displays the UI control in the graphical user interface according to the size adjustment proportion.
Step 310: and the game application responds to the progress bar dragging operation of the transparency setting control in the user-defined control panel, determines the transparency adjustment proportion of the UI control to be set, and displays the UI control in the graphical user interface according to the transparency adjustment proportion.
Based on the foregoing embodiments, an embodiment of the present application provides a control display control apparatus, which provides a graphical user interface through a terminal device, where the graphical user interface includes at least a UI control, and referring to fig. 4, the control display control apparatus 400 provided in the embodiment of the present application at least includes:
an interface display unit 401, configured to respond to a setting trigger operation for a UI control, and display a control setting interface;
and a display control unit 402, configured to determine a control display attribute set for the UI control in response to a control setting operation executed in the control setting interface, and display the UI control in the graphical user interface based on the control display attribute.
In a possible implementation manner, the UI control includes a combined UI control composed of at least two controls belonging to a master-slave relationship, and the control display control apparatus 400 provided in this embodiment further includes:
a control determining unit 403, configured to determine, in response to a binding setting operation for the combined UI control, a control state of the combined UI control, and determine, based on the control state, a UI control to be set from the combined UI control.
In one possible implementation, the control setting interface includes a binding setting control for setting a control binding state of the combined UI control.
In a possible implementation manner, when determining the control state of the combined UI control in response to the binding setting operation for the combined UI control, the control determining unit 403 is specifically configured to:
determining the control state of the combined UI control as a binding state when determining that the binding setting control is in a checking state based on the binding setting operation;
and based on the binding setting operation, when the binding setting control is determined to be in the unchecked state, determining the control state of the combined UI control to be in the unbundled state.
In a possible implementation manner, when determining a UI control to be set from the combined UI controls based on the control state, the control determining unit 403 is specifically configured to:
when the control state is determined to be the binding state, determining all controls in the combined UI controls to be the UI controls to be set;
and when the control state is determined to be the unbinding state, selecting one control from at least two controls contained in the combined UI control as the UI control to be set.
In a possible implementation manner, when one control is selected from at least two controls included in the combined UI control as a UI control to be set, the control determining unit 403 is specifically configured to:
determining a default control of at least two controls contained in the combined UI control as a UI control to be set; alternatively, the first and second electrodes may be,
and determining the control selected by the player in at least two controls contained in the combined UI control as the UI control to be set.
In a possible implementation manner, the control display control apparatus 400 provided in this embodiment of the present application further includes:
and a movement control unit 404 for displaying the UI control in the graphical user interface following the movement operation in response to the movement operation for the UI control.
In one possible implementation, when the UI control is displayed in the graphical user interface following the movement operation, the movement control unit 404 is further configured to:
and when the UI control is determined to move to the screen boundary of the terminal equipment, displaying the UI control in the graphical user interface based on the touch edge self-adaptive combined UI control rule.
In one possible implementation, the UI controls include a unitary UI control, a responsive UI control, and a control composed of at least two controls belonging to a master-slave relationship; the control setting interface comprises a size setting control for setting the size of the control.
In a possible implementation manner, in response to a control setting operation executed in the control setting interface, a control display attribute set for the UI control is determined, and based on the control display attribute, when the UI control is displayed in the graphical user interface, the display control unit 402 is specifically configured to:
and responding to the setting control operation aiming at the size setting control in the control setting interface, determining the size adjustment proportion of the UI control, and displaying the UI control in the graphical user interface according to the size adjustment proportion.
In one possible implementation, the UI controls include a unitary UI control, a responsive UI control, and a combined UI control made up of at least two controls that belong to a master-slave relationship; the control setting interface comprises a transparency setting control for setting transparency of the control.
In a possible implementation manner, in response to a control setting operation executed in the control setting interface, a control display attribute set for the UI control is determined, and based on the control display attribute, when the UI control is displayed in the graphical user interface, the display control unit 402 is specifically configured to:
and responding to the setting control operation aiming at the transparency setting control in the control setting interface, determining the transparency adjustment proportion of the UI control, and displaying the UI control in the graphical user interface according to the transparency adjustment proportion.
It should be noted that the principle of the control display control apparatus 400 provided in the embodiment of the present application for solving the technical problem is similar to that of the control display control method provided in the embodiment of the present application, and therefore, the implementation of the control display control apparatus 400 provided in the embodiment of the present application can refer to the implementation of the control display control method provided in the embodiment of the present application, and repeated details are not repeated.
After the control display control method and the control display control device provided by the embodiment of the present application are introduced, a brief description is provided next for the terminal device provided by the embodiment of the present application.
Referring to fig. 5, a terminal device 500 according to an embodiment of the present application at least includes: the control display control method comprises a processor 501, a memory 502 and a computer program which is stored on the memory 502 and can run on the processor 501, wherein the control display control method provided by the embodiment of the application is realized when the processor 501 executes the computer program.
The terminal device 500 provided by the embodiment of the present application may further include a bus 503 connecting different components (including the processor 501 and the memory 502). Bus 503 represents one or more of any of several types of bus structures, including a memory bus, a peripheral bus, a local bus, and the like.
The Memory 502 may include readable media in the form of volatile Memory, such as Random Access Memory (RAM) 5021 and/or cache Memory 5022, and may further include Read Only Memory (ROM) 5023.
The memory 502 may also include a program tool 5025 having a set (at least one) of program modules 5024, the program modules 5024 including, but not limited to: an operating subsystem, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
It should be noted that the terminal device 500 shown in fig. 5 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present application.
The following describes a computer-readable storage medium provided by embodiments of the present application. The computer-readable storage medium provided by the embodiment of the present application stores computer instructions, and the computer instructions, when executed by the processor, implement the control display control method provided by the embodiment of the present application. Specifically, the executable program may be built in or installed in the terminal device 500, so that the terminal device 500 may implement the control display control method provided in the embodiment of the present application by executing the built-in or installed executable program.
In addition, the control display control method provided in the embodiment of the present application may also be implemented as a program product, where the program product includes program code, and when the program product can be run on the terminal device 500, the program code is configured to enable the terminal device 500 to execute the control display control method provided in the embodiment of the present application.
The program product provided by the embodiments of the present application may be any combination of one or more readable media, where the readable media may be a readable signal medium or a readable storage medium, and the readable storage medium may be, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof, and in particular, more specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a RAM, a ROM, an Erasable Programmable Read-Only Memory (EPROM), an optical fiber, a portable Compact disk Read-Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The program product provided by the embodiment of the application can adopt a CD-ROM and comprises program codes, and can run on a computing device. However, the program product provided by the embodiments of the present application is not limited thereto, and in the embodiments of the present application, the readable storage medium may be any tangible medium that can contain or store a program, which can be used by or in connection with an instruction execution system, apparatus, or device.
It should be noted that although several units or sub-units of the apparatus are mentioned in the above detailed description, such division is merely exemplary and not mandatory. Indeed, the features and functions of two or more units described above may be embodied in one unit, according to embodiments of the application. Conversely, the features and functions of one unit described above may be further divided into embodiments by a plurality of units.
Further, while the operations of the methods of the present application are depicted in the drawings in a particular order, this does not require or imply that these operations must be performed in this particular order, or that all of the illustrated operations must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions.
While the preferred embodiments of the present application have been described, additional variations and modifications in those embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all alterations and modifications as fall within the scope of the application.
It will be apparent to those skilled in the art that various changes and modifications may be made in the embodiments of the present application without departing from the spirit and scope of the embodiments of the present application. Thus, if such modifications and variations of the embodiments of the present application fall within the scope of the claims of the present application and their equivalents, the present application is also intended to encompass such modifications and variations.
Claims (15)
1. A control display control method is characterized in that a terminal device provides a graphical user interface, the graphical user interface at least comprises a User Interface (UI) control, and the control display control method comprises the following steps:
responding to the setting triggering operation aiming at the UI control, and displaying a control setting interface;
and responding to the control setting operation executed in the control setting interface, determining the control display attribute set for the UI control, and displaying the UI control in the graphical user interface based on the control display attribute.
2. The control display control method according to claim 1, wherein the UI control includes a combined UI control composed of at least two controls belonging to a master-slave relationship, the control display control method further comprising:
and responding to the binding setting operation aiming at the combined UI control, determining the control state of the combined UI control, and determining the UI control to be set from the combined UI control based on the control state.
3. The control display control method of claim 2, wherein the control setting interface comprises a binding setting control for setting a control binding state of the combined UI control.
4. The control display control method of claim 3, wherein determining the control state of the combined UI control in response to a binding setup operation for the combined UI control comprises:
determining that the control state of the combined UI control is a binding state when the binding setting control is determined to be in a checking state based on the binding setting operation;
and determining that the control state of the combined UI control is an unbundling state when the binding setting control is determined to be in an unchecked state based on the binding setting operation.
5. The control display control method of claim 4, wherein determining the UI control to be set from the combined UI control based on the control state comprises:
when the control state is determined to be the binding state, determining all controls in the combined UI control to be the UI control to be set;
and when the control state is determined to be the unbinding state, selecting one control from the at least two controls contained in the combined UI control as the UI control to be set.
6. The control display control method according to claim 5, wherein selecting one control from the at least two controls included in the combined UI control as the UI control to be set comprises:
determining a default control of the at least two controls contained in the combined UI control as the UI control to be set; alternatively, the first and second electrodes may be,
and determining a control selected by a player in the at least two controls contained in the combined UI control as the UI control to be set.
7. The control display control method of any one of claims 1-6, further comprising:
responding to the movement operation aiming at the UI control, and displaying the UI control in the graphical user interface along with the movement operation.
8. The control display control method according to claim 7, when the UI control is displayed in the graphical user interface following the movement operation, further comprising:
and when the UI control is determined to move to the screen boundary of the terminal equipment, displaying the UI control in the graphical user interface based on a touch edge self-adaptive combined UI control rule.
9. The control display control method according to any one of claims 1 to 6, wherein the UI controls include a unitary UI control, a responsive UI control, and a combined UI control composed of at least two controls belonging to a master-slave relationship; the control setting interface comprises a size setting control for setting the size of the control.
10. The control display control method according to claim 9, wherein determining a control display attribute set for the UI control in response to a control setting operation performed in the control setting interface, and displaying the UI control in the graphical user interface based on the control display attribute includes:
and responding to the setting control operation aiming at the size setting control in the control setting interface, determining the size adjustment proportion of the UI control, and displaying the UI control in the graphical user interface according to the size adjustment proportion.
11. The control display control method according to any one of claims 1 to 6, wherein the UI controls include a unitary UI control, a responsive UI control, and a combined UI control composed of at least two controls belonging to a master-slave relationship; the control setting interface comprises a transparency setting control for setting the transparency of the control.
12. The control display control method according to claim 11, wherein determining a control display attribute set for the UI control in response to a control setting operation performed in the control setting interface, and displaying the UI control in the graphical user interface based on the control display attribute includes:
and responding to the setting control operation aiming at the transparency setting control in the control setting interface, determining the transparency adjustment proportion of the UI control, and displaying the UI control in the graphical user interface according to the transparency adjustment proportion.
13. A control display control device is characterized in that a graphical user interface is provided through a terminal device, the graphical user interface at least comprises a User Interface (UI) control, and the control display control device comprises:
the interface display unit is used for responding to the setting triggering operation aiming at the UI control and displaying a control setting interface;
and the display control unit is used for responding to the control setting operation executed in the control setting interface, determining the control display attribute set for the UI control, and displaying the UI control in the graphical user interface based on the control display attribute.
14. A terminal device, comprising: a memory, a processor, and a computer program stored on the memory and executable on the processor, the processor implementing the control display control method of any of claims 1-12 when executing the computer program.
15. A computer-readable storage medium storing computer instructions which, when executed by a processor, implement the control display control method of any one of claims 1-12.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110885898.5A CN113552992A (en) | 2021-08-03 | 2021-08-03 | Control display control method, device, equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110885898.5A CN113552992A (en) | 2021-08-03 | 2021-08-03 | Control display control method, device, equipment and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113552992A true CN113552992A (en) | 2021-10-26 |
Family
ID=78105201
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110885898.5A Pending CN113552992A (en) | 2021-08-03 | 2021-08-03 | Control display control method, device, equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113552992A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113986079A (en) * | 2021-10-28 | 2022-01-28 | 腾讯科技（深圳）有限公司 | Virtual button setting method and device, storage medium and electronic equipment |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102855056A (en) * | 2012-07-09 | 2013-01-02 | 宇龙计算机通信科技(深圳)有限公司 | Terminal and terminal control method |
| CN104866222A (en) * | 2015-05-08 | 2015-08-26 | 广州三星通信技术研究有限公司 | Method and apparatus for displaying controls used in terminal |
| CN104978195A (en) * | 2015-06-26 | 2015-10-14 | 浪潮软件集团有限公司 | Interface configuration device and method |
| CN109388458A (en) * | 2018-09-26 | 2019-02-26 | 深圳壹账通智能科技有限公司 | Management method, terminal device and the computer readable storage medium of interface control |
| CN110119352A (en) * | 2019-04-18 | 2019-08-13 | 深圳壹账通智能科技有限公司 | UI adjustment method, device, computer equipment and the storage medium of application program |
| CN110134452A (en) * | 2018-02-09 | 2019-08-16 | 阿里巴巴集团控股有限公司 | Object processing method and device |
| CN111488109A (en) * | 2020-04-17 | 2020-08-04 | 上海闻泰信息技术有限公司 | Method, device, terminal and storage medium for acquiring control information of user interface |
| CN111701226A (en) * | 2020-06-17 | 2020-09-25 | 网易（杭州）网络有限公司 | Control method, device and equipment for control in graphical user interface and storage medium |
| CN111857720A (en) * | 2020-07-31 | 2020-10-30 | 北京字节跳动网络技术有限公司 | Method and device for generating user interface state information, electronic equipment and medium |
| CN112533013A (en) * | 2020-11-26 | 2021-03-19 | 广州博冠信息科技有限公司 | Control adjusting method and device, electronic equipment and storage medium |
| CN113082696A (en) * | 2021-04-01 | 2021-07-09 | 网易（杭州）网络有限公司 | Display control method and device and electronic equipment |
| CN113181626A (en) * | 2021-04-30 | 2021-07-30 | 网易（杭州）网络有限公司 | Control processing method and device, electronic equipment and readable medium |
-
2021
- 2021-08-03 CN CN202110885898.5A patent/CN113552992A/en active Pending
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102855056A (en) * | 2012-07-09 | 2013-01-02 | 宇龙计算机通信科技(深圳)有限公司 | Terminal and terminal control method |
| CN104866222A (en) * | 2015-05-08 | 2015-08-26 | 广州三星通信技术研究有限公司 | Method and apparatus for displaying controls used in terminal |
| CN104978195A (en) * | 2015-06-26 | 2015-10-14 | 浪潮软件集团有限公司 | Interface configuration device and method |
| CN110134452A (en) * | 2018-02-09 | 2019-08-16 | 阿里巴巴集团控股有限公司 | Object processing method and device |
| CN109388458A (en) * | 2018-09-26 | 2019-02-26 | 深圳壹账通智能科技有限公司 | Management method, terminal device and the computer readable storage medium of interface control |
| CN110119352A (en) * | 2019-04-18 | 2019-08-13 | 深圳壹账通智能科技有限公司 | UI adjustment method, device, computer equipment and the storage medium of application program |
| CN111488109A (en) * | 2020-04-17 | 2020-08-04 | 上海闻泰信息技术有限公司 | Method, device, terminal and storage medium for acquiring control information of user interface |
| CN111701226A (en) * | 2020-06-17 | 2020-09-25 | 网易（杭州）网络有限公司 | Control method, device and equipment for control in graphical user interface and storage medium |
| CN111857720A (en) * | 2020-07-31 | 2020-10-30 | 北京字节跳动网络技术有限公司 | Method and device for generating user interface state information, electronic equipment and medium |
| CN112533013A (en) * | 2020-11-26 | 2021-03-19 | 广州博冠信息科技有限公司 | Control adjusting method and device, electronic equipment and storage medium |
| CN113082696A (en) * | 2021-04-01 | 2021-07-09 | 网易（杭州）网络有限公司 | Display control method and device and electronic equipment |
| CN113181626A (en) * | 2021-04-30 | 2021-07-30 | 网易（杭州）网络有限公司 | Control processing method and device, electronic equipment and readable medium |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113986079A (en) * | 2021-10-28 | 2022-01-28 | 腾讯科技（深圳）有限公司 | Virtual button setting method and device, storage medium and electronic equipment |
| CN113986079B (en) * | 2021-10-28 | 2023-07-14 | 腾讯科技（深圳）有限公司 | Virtual button setting method and device, storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107977141B (en) | Interaction control method and device, electronic equipment and storage medium | |
| US20100255882A1 (en) | Apparatus and a method for arranging elements on a display | |
| CN103649895A (en) | Adjusting method of icon display and terminal | |
| CN110286819B (en) | Window management method and computing device | |
| CN107861602B (en) | Terminal CPU performance control method, terminal and computer readable storage medium | |
| CN110020300B (en) | Browser page synthesis method and terminal | |
| CN106873898B (en) | Application program working mode switching method and device and electronic equipment | |
| CN111813293B (en) | Application program management method and electronic equipment | |
| CN113918260A (en) | Application program display method and device and electronic equipment | |
| CN111966260B (en) | Window display method and computing device | |
| CN113552992A (en) | Control display control method, device, equipment and medium | |
| CN105549857B (en) | A kind of control method and electric terminal of electric terminal | |
| CN108762838B (en) | Application program preloading method and device, storage medium and terminal | |
| EP4170473A1 (en) | Application icon display method and apparatus, and electronic device | |
| JP5838278B1 (en) | Computer program | |
| CN114090110A (en) | Application program starting method and device and electronic equipment | |
| RU2630368C2 (en) | Method and device for controlling switching of virtual navigation panel | |
| CN113282213A (en) | Interface display method and device | |
| WO2012134479A1 (en) | Augmenting user interface elements | |
| CN113110779B (en) | Map display control method, device, equipment and medium | |
| CN112221123B (en) | Virtual object switching method and device, computer equipment and storage medium | |
| CN113304477A (en) | Game interface display method, device, equipment and medium | |
| CN115617225A (en) | Application interface display method and device, electronic equipment and storage medium | |
| JP5838279B1 (en) | Server device, server program | |
| CN116069231A (en) | Card arrangement management method and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |