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 49
- 230000004044 response Effects 0.000 claims description 25
- 238000004590 computer program Methods 0.000 claims description 7
- 230000003044 adaptive effect Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 238000012986 modification Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 230000006978 adaptation Effects 0.000 description 3
- 238000003491 array Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 239000002131 composite material Substances 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
- 238000003079 width control Methods 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
Description
技术领域technical field
本申请涉及游戏技术领域,尤其涉及一种控件显示控制方法、装置、设备及介质。The present application relates to the technical field of games, and in particular, to a control display control method, apparatus, device and medium.
背景技术Background technique
在游戏应用中,通常会在游戏界面上显示很多用户界面(User Interface,UI)控件,玩家通过这些UI控件可以实现相应的游戏设置或游戏操作。In game applications, many user interface (User Interface, UI) controls are usually displayed on the game interface, and players can implement corresponding game settings or game operations through these UI controls.
然而,目前的UI控件通常按照默认属性显示在游戏界面中,这种UI控件显示方式比较单一、灵活性较差,而且,对不同类型的终端设备的屏幕适配度较低。However, the current UI controls are usually displayed in the game interface according to the default properties. Such UI controls are displayed in a single manner, with poor flexibility, and have low screen adaptation to different types of terminal devices.
发明内容SUMMARY OF THE INVENTION
本申请实施例提供了一种控件显示控制方法、装置、设备及介质,用以解决现有技术存在的控件显示方式单一、灵活性较差以及屏幕适配度较低的问题。Embodiments of the present application provide a control display control method, apparatus, device, and medium, so as to solve the problems of single control display mode, poor flexibility, and low screen adaptation in the prior art.
本申请实施例提供的技术方案如下:The technical solutions provided in the embodiments of the present application are as follows:
一方面,本申请实施例提供了一种控件显示控制方法,通过终端设备提供图形用户界面,图形用户界面中至少包括UI控件,该控件显示控制方法包括:On the one hand, an embodiment of the present application provides a method for controlling display of controls. A graphical user interface is provided through a terminal device. The graphical user interface includes at least UI controls, and the method for controlling display of controls includes:
响应针对UI控件的设置触发操作,显示控件设置界面;In response to the setting trigger operation for the UI control, the control setting interface is displayed;
响应在控件设置界面中执行的控件设置操作,确定为UI控件设置的控件显示属性,并基于控件显示属性,在图形用户界面中显示UI控件。In response to a control setting operation performed in the control setting interface, a control display property set for the UI control is determined, and based on the control display property, the UI control is displayed in the graphical user interface.
另一方面,本申请实施例提供了一种控件显示控制装置,通过终端设备提供图形用户界面,图形用户界面中至少包括UI控件,该控件显示控制装置包括:On the other hand, an embodiment of the present application provides a control display control device, which provides a graphical user interface through a terminal device, the graphical user interface includes at least UI controls, and the control display control device includes:
界面显示单元,用于响应针对UI控件的设置触发操作,显示控件设置界面;The interface display unit is used for displaying the control setting interface in response to the setting trigger operation for the UI control;
显示控制单元,用于响应在控件设置界面中执行的控件设置操作,确定为UI控件设置的控件显示属性,并基于控件显示属性,在图形用户界面中显示UI控件。The display control unit is used for determining the control display property set for the UI control in response to the control setting operation performed in the control setting interface, and displaying the UI control in the graphical user interface based on the control display property.
另一方面,本申请实施例提供了一种终端设备,包括:存储器、处理器和存储在存储器上并可在处理器上运行的计算机程序,处理器执行计算机程序时实现本申请实施例提供的控件显示控制方法。On the other hand, an embodiment of the present application provides a terminal device, including: a memory, a processor, and a computer program stored in the memory and running on the processor, and the processor implements the computer program provided by the embodiment of the present application when the processor executes the computer program. The control shows the control method.
另一方面,本申请实施例还提供了一种计算机可读存储介质,计算机可读存储介质存储有计算机指令,计算机指令被处理器执行时实现本申请实施例提供的控件显示控制方法。On the other hand, an embodiment of the present application further provides a computer-readable storage medium, where the computer-readable storage medium stores computer instructions, and when the computer instructions are executed by a processor, the control display control method provided by the embodiments of the present application is implemented.
本申请实施例的有益效果如下:The beneficial effects of the embodiments of the present application are as follows:
本申请实施例中,通过在控件设置界面中执行控件设置操作,可以为UI控件设置控件显示属性,从而可以按照设置的控件显示属性,在图形用户界面中显示UI控件,进而在丰富了UI控件的显示方式,提高了UI控件显示的灵活性的同时,可以根据不同类型的终端设备的屏幕为UI控件设置不同的控件显示属性,以使UI控件在图形用户界面中显示时能够自适应终端设备的屏幕。In the embodiment of the present application, by performing the control setting operation in the control setting interface, the control display property 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 property, thereby enriching the UI control. While improving the display flexibility of UI controls, different control display properties can be set for UI controls according to the screens of different types of terminal devices, so that UI controls can be adaptive to terminal devices when displayed in a graphical user interface. screen.
本申请的其它特征和优点将在随后的说明书中阐述,并且,部分地可以从说明书中变得显而易见,或者通过实施本申请而了解。本申请的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中特别指出的结构来实现和获得。Other features and advantages of the present application will be set forth in the description which follows, and in part may become apparent from the description, or may be learned by practice of the present application. The objectives and other advantages of the application may be realized and attained by the structure particularly pointed out in the written description, claims, and drawings.
附图说明Description of drawings
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:The drawings described herein are used to provide further understanding of the present application and constitute a part of the present application. The schematic embodiments and descriptions of the present application are used to explain the present application and do not constitute an improper limitation of the present application. In the attached image:
图1为本申请实施例中控件显示控制方法的概况流程示意图;1 is a schematic flowchart of an overview of a control method for displaying controls in an embodiment of the present application;
图2a为本申请实施例中控件设置界面在图形用户界面上的显示方式示意图;2a is a schematic diagram of a display mode of a control setting interface on a graphical user interface in an embodiment of the present application;
图2b为本申请实施例中组合式UI控件的一种控件设置界面示意图;2b is a schematic diagram of a control setting interface of a combined UI control in the embodiment of the application;
图2c为本申请实施例中单一式UI控件的控件设置界面示意图;2c is a schematic diagram of a control setting interface of a single UI control in the embodiment of the application;
图2d为本申请实施例中响应式UI控件的控件设置界面示意图;2d is a schematic diagram of a control setting interface of a responsive UI control in an embodiment of the application;
图2e为本申请实施例中组合式UI控件的另一种控件设置界面示意图;2e is a schematic diagram of another control setting interface of the combined UI control in the embodiment of the application;
图3为本申请实施例中针对组合式UI控件的控件显示控制方法的具体流程示意图;3 is a schematic flow chart of a control display control method for a combined UI control in an embodiment of the present application;
图4为本申请实施例中控件显示控制装置的功能结构示意图;FIG. 4 is a schematic functional structure diagram of a control display control device in an embodiment of the present application;
图5为本申请实施例中终端设备的硬件结构示意图。FIG. 5 is a schematic diagram of a hardware structure of a terminal device in an embodiment of the present application.
具体实施方式Detailed ways
为了使本申请的目的、技术方案及有益效果更加清楚明白,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,并不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。In order to make the purpose, technical solutions and beneficial effects of the present application more clear, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments It is only a part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present application.
为便于本领域技术人员更好地理解本申请,下面先对本申请涉及的技术用语进行简单介绍。In order to facilitate those skilled in the art to better understand the present application, the following briefly introduces the technical terms involved in the present application.
1、终端设备,是运行游戏软件的前端设备,可以是但不限于是:手机、计算机、个人数字助理(Personal Digital Assistant,PDA)、智能电视等。1. A terminal device is a front-end device that runs game software, which can be, but is not limited to, a mobile phone, a computer, a Personal Digital Assistant (PDA), a smart TV, and the like.
2、UI控件,是图形用户界面中用于实现某个功能的控件。本申请实施例中,UI控件包括组合式UI控件、单一式UI控件和响应式UI控件;其中:2. UI controls are controls used to implement a certain function in the graphical user interface. In the embodiment of the present application, the UI controls include a combined UI control, a single UI control, and a responsive UI control; wherein:
组合式UI控件,是图形用户界面中由属于主从关系的至少两个控件组成的UI控件,包括主控件和副控件,具体的,主控件可以是一个,副控件可以是至少一个,本申请实施例仅以一个副控件为例进行说明;A combined UI control is a UI control composed of at least two controls belonging to a master-slave relationship in a graphical user interface, including a main control and a sub-control. Specifically, the main control can be one, and the sub-control can be at least one. This application The embodiment only takes a secondary control as an example for description;
单一式UI控件,是图形用户界面中单独的UI控件;A single UI control is a separate UI control in a graphical user interface;
响应式UI控件,是图形用户界面中支持信息浏览和/或用户间通信的控件,例如,聊天框等。Responsive UI controls are controls in graphical user interfaces that support information browsing and/or communication between users, such as chat boxes, etc.
在介绍了本申请涉及的技术用语后,接下来,对本申请实施例的应用场景和设计思想进行简单介绍。After introducing the technical terms involved in the present application, next, the application scenarios and design ideas of the embodiments of the present application are briefly introduced.
目前,在游戏应用中,UI控件通常按照默认属性显示在游戏界面中,这种控件显示方式比较单一、灵活性较差,而且,对不同类型的终端设备的屏幕适配度较低。为此,本申请实施例中,响应针对图形用户界面中的UI控件的设置触发操作,显示控件设置界面;响应在控件设置界面中执行的控件设置操作,确定为UI控件设置的控件显示属性,并基于控件显示属性,在图形用户界面中显示UI控件。这样,通过在控件设置界面中执行控件设置操作,可以为UI控件设置控件显示属性,从而可以按照设置的控件显示属性,在图形用户界面中显示UI控件,进而在丰富了UI控件的显示方式,提高了UI控件显示的灵活性的同时,可以根据不同类型的终端设备的屏幕为UI控件设置不同的控件显示属性,以使UI控件在图形用户界面中显示时能够自适应终端设备的屏幕。Currently, in game applications, UI controls are usually displayed on the game interface according to default properties. Such controls are displayed in a simple manner, with poor flexibility, and have low screen adaptation to different types of terminal devices. For this reason, in the embodiment of the present application, the control setting interface is displayed in response to the setting trigger operation for the UI control in the graphical user interface; in response to the control setting operation performed in the control setting interface, the display property of the control set for the UI control is determined, And based on the control display properties, the UI controls are displayed in the graphical user interface. In this way, by performing the control setting operation in the control setting interface, the control display property 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 property, thereby enriching the display mode of the UI control, While improving the display flexibility of the UI controls, different control display properties can be set for the UI controls according to the screens of different types of terminal devices, so that the UI controls can adapt to the screen of the terminal device when displayed in the graphical user interface.
在介绍了本申请实施例的应用场景和设计思想之后,下面对本申请实施例提供的技术方案进行详细说明。After introducing the application scenarios and design ideas of the embodiments of the present application, the technical solutions provided by the embodiments of the present application are described in detail below.
本申请实施例提供了一种控件显示控制方法,该控件显示控制方法可以应用于游戏应用,其中,游戏应用通过终端设备提供图形用户界面,图形用户界面中至少包括UI控件,参阅图1所示,本申请实施例提供的控件显示控制方法的概况流程如下:An embodiment of the present application provides a control method for displaying controls. The method for controlling display of controls can be applied to a game application, wherein the game application provides a graphical user interface through a terminal device, and the graphical user interface includes at least UI controls, as shown in FIG. 1 . , the overview process of the control display control method provided by the embodiment of the present application is as follows:
步骤101:响应针对UI控件的设置触发操作,显示控件设置界面。Step 101: Display a control setting interface in response to the setting trigger operation for the UI control.
本申请实施例中,针对UI控件的设置触发操作可以是但不限于是以下任意一种:单击操作、双击操作等。实际应用中,图形用户界面中的UI控件包括单一式UI控件、响应式UI控件和组合式UI控件中的至少一种,图形用户界面中的任一UI控件都可以作为待设置的UI控件进行显示控制,具体的,玩家可以针对图形用户界面中的任一UI控件执行单击操作、双击操作等设置触发操作;游戏应用响应针对UI控件的设置触发操作,可以在图形用户界面上显示控件设置界面,例如,参阅图2a所示,可以将控件设置界面覆盖在图形用户界面的上方进行显示。实际应用中,控件设置界面可以是但不限于是自定义控制面板。In this embodiment of the present application, the setting trigger operation for the UI control may be, but is not limited to, any one of the following: a single-click operation, a double-click operation, and the like. In practical applications, the UI controls in the GUI include at least one of a single UI control, a responsive UI control, and a combined UI control, and any UI control in the GUI can be used as the UI control to be set. Display control, specifically, the player can set trigger operations such as single-click operation, double-click operation, etc. on any UI control in the GUI; the game application can display the control settings on the GUI in response to the setting trigger operation for the UI control The interface, for example, as shown in FIG. 2a, the control setting interface can be displayed on the top of the graphical user interface. In practical applications, the control setting interface may be, but is not limited to, a custom control panel.
本申请实施例中,为了进一步丰富组合式UI控件的显示方式,提高组合式UI控件显示的灵活性以及对终端设备的屏幕的自适应能力,组合式UI控件包含的至少两个控件中的任一控件也可以作为待设置的UI控件进行显示控制,实际应用中,玩家可以通过设置组合式UI控件的控件状态,从组合式UI控件包含的至少两个控件中选取UI控件作为待设置的UI控件。具体的,玩家可以针对组合式UI控件执行绑定设置操作;游戏应用响应针对组合式UI控件的绑定设置操作,确定组合式UI控件的控件状态,并基于控件状态,从组合式UI控件中确定待设置的UI控件,从而可以针对组合式UI控件中待设置的UI控件进行显示控制。In the embodiment of the present application, in order to further enrich the display mode of the combined UI control, improve the display flexibility of the combined UI control and the adaptive ability to the screen of the terminal device, any one of the at least two controls included in the combined UI control A control can also be used as a UI control to be set for display control. In practical applications, the player can select a UI control from at least two controls included in the combined UI control as the UI to be set by setting the control state of the combined UI control controls. Specifically, the player can perform a binding setting operation for the combined UI control; the game application responds to the binding setting operation for the combined UI control, determines the control state of the combined UI control, and based on the control state, selects the combined UI control from the combined UI control. The UI controls to be set are determined, so that display control can be performed on the UI controls to be set in the combined UI controls.
在具体实施时,玩家针对组合式UI控件执行单击操作、双击操作等设置触发操作后,游戏应用响应针对组合式UI控件的设置触发操作,在图形用户界面上显示控件设置界面时,参阅图2b所示,控件设置界面中可以包括用于设置组合式UI控件的控件绑定状态的绑定设置控件,这样,玩家可以通过针对绑定设置控件执行勾选操作、取消勾选操作等绑定设置操作,来设置组合UI控件的控件状态,具体的,玩家可以针对绑定设置控件执行勾选操作,将组合UI控件的控件状态设置为绑定状态,还可以针对绑定设置控件执行取消勾选操作,将组合UI控件的控件状态设置为解绑状态;游戏应用响应针对组合式UI控件绑定设置操作,基于绑定设置操作,确定绑定设置控件处于勾选状态时,确定组合式UI控件的控件状态为绑定状态,基于绑定设置操作,确定绑定设置控件处于未勾选状态时,确定组合式UI控件的控件状态为解绑状态。In a specific implementation, after the player performs a single-click operation, a double-click operation, etc. on the combined UI control to set trigger operations, the game application responds to the set trigger operation for the combined UI control, and displays the control setting interface on the graphical user interface, see Fig. As shown in 2b, the control setting interface may include a binding setting control for setting the control binding state of the combined UI control. In this way, the player can perform binding operations such as checking and unchecking the binding setting controls. The setting operation is used to set the control state of the combined UI control. Specifically, the player can perform a check operation for the binding setting control, set the control state of the combined UI control to the binding state, and can also perform unchecking for the binding setting control. Select the operation to set the control state of the combined UI control to the unbound state; the game application responds to the binding setting operation for the combined UI control, and based on the binding setting operation, when the binding setting control is determined to be in the checked state, the combined UI is determined. The control state of the control is the bound state. Based on the binding setting operation, when it is determined that the binding setting control is in the unchecked state, the control state of the combined UI control is determined to be the unbound state.
进一步的,游戏应用确定组合式UI控件的控件状态后,可以基于控件状态,从组合式UI控件中确定待设置的UI控件,实际应用中,游戏应用基于控件状态,从组合式UI控件中确定待设置的UI控件时,可能存在但不限于以下两种情况:Further, after the game application determines the control state of the combined UI control, it can determine the UI control to be set from the combined UI control based on the control state. In practical applications, the game application determines from the combined UI control based on the control state. The UI controls to be set may exist but are not limited to the following two situations:
第一种情况:游戏应用确定组合式UI控件的控件状态为绑定状态。The first case: the game application determines that the control state of the combined UI control is the binding state.
此种情况下,游戏应用可以将组合式UI控件中的所有控件确定为待设置的UI控件。In this case, the game application may determine all the controls in the combined UI controls as the UI controls to be set.
第二种情况:游戏应用确定组合式UI控件的控件状态为解绑状态。The second case: the game application determines that the control state of the combined UI control is the unbound state.
此种情况下,游戏应用可以从组合式UI控件包含的至少两个控件中选取一个控件作为待设置的UI控件。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.
在具体实施时,在一个实施例中,游戏应用可以将组合式UI控件包含的至少两个控件中玩家选择的控件确定为待设置的UI控件。具体的,玩家可以针对组合式UI控件包含的至少两个控件中的至少一个控件执行点击操作,进一步的,游戏应用响应针对组合式UI控件包含的至少两个控件中的至少一个控件执行点击操作,从组合式UI控件包含的至少两个控件中选择玩家选择的至少一个控件作为待设置的UI控件。During specific implementation, in one embodiment, the game application may determine the control selected by the player among the at least two controls included in the combined UI control as the UI control to be set. Specifically, the player can 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 responds by performing a click operation on at least one of the at least two controls included in the combined UI control , select at least one control selected by the player from at least two controls included in the combined UI control as the UI control to be set.
在另一个实施例中,游戏应用还可以将组合式UI控件包含的至少两个控件中的默认控件确定为待设置的UI控件。例如:假设组合式UI控件包含的至少两个控件中的默认控件是主控件,则游戏应用可以将主控件确定为待设置的UI控件。In another embodiment, the game application may further determine the default control among the at least two controls included in the combined UI control as the UI control to be set. For example, assuming that the default control in the at least two controls included in the combined UI control is the main control, the game application may determine the main control as the UI control to be set.
值得说的是,本申请实施例中,游戏应用将组合式UI控件包含的至少两个控件中的默认控件确定为待设置的UI控件之前,还可以判断玩家在设定时间范围内是否执行了控件选择操作,确定玩家在设定时间范围内未执行控件选择操作后,再将组合式UI控件包含的至少两个控件中的默认控件确定为待设置的UI控件,而确定玩家在设定时间范围内执行了控件选择操作后,可以将玩家从组合式UI控件包含的至少两个控件中选择的至少一个控件确定为待设置的UI控件。例如:假设组合式UI控件中的默认控件是主控件,则游戏应用确定组合式UI控件的控件状态为解绑状态时,若确定玩家在设定时间范围内未针对组合式UI控件中的控件执行控件选择操作(例如,点击操作),则可以将组合式UI控件中的主控件确定为待设置的UI控件,若确定玩家在设定时间范围内针对组合式UI控件中的控件执行了控件选择操作(例如,点击操作),则可以将玩家从组合式UI控件包含的至少两个控件中选择的至少一个控件确定为待设置的UI控件。It is worth mentioning that, in the embodiment of the present application, before the game application determines the default control in the at least two controls included in the combined UI control as the UI control to be set, it can also determine whether the player has executed within the set time range. Control selection operation, after confirming that the player has not performed the control selection operation within the set time range, then determine the default control of at least two controls included in the combined UI control as the UI control to be set, and determine that the player is in the set time. After the control selection operation is performed within the range, at least one control selected by the player from the at least two controls included in the combined UI control may be determined as the UI control to be set. For example: Assuming that the default control in the combined UI control is the main control, when the game application determines that the control state of the combined UI control is the unbound state, if it is determined that the player does not target the controls in the combined UI control within the set time range When a control selection operation (for example, a click operation) is performed, the main control in the combined UI control can be determined as the UI control to be set. If it is determined that the player has executed the control for the control in the combined UI control within the set time range If an operation is selected (eg, a click operation), 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.
步骤102:响应在控件设置界面中执行的控件设置操作,确定为UI控件设置的控件显示属性,并基于控件显示属性,在图形用户界面中显示UI控件。Step 102: In response to the control setting operation performed in the control setting interface, determine the control display property set for the UI control, and display the UI control in the graphical user interface based on the control display property.
本申请实施例中,控件设置界面中可以包括用于设置控件尺寸的尺寸设置控件。玩家可以在控件设置界面中针对尺寸设置控件执行进度条拖动操作等设置控制操作,来设置UI控件的尺寸;游戏应用响应在控件设置界面中针对尺寸设置控件的设置控制操作,确定UI控件的尺寸调整比例,并按照尺寸调整比例在图形用户界面中显示UI控件。In this embodiment of the present application, the control setting interface may include a size setting control for setting the size of the control. The player can set the size of the UI control by performing setting control operations such as dragging the progress bar for the size setting control in the control setting interface; the game application responds to the setting control operation for the size setting control in the control setting interface to determine the size of the UI control. Resizing and displaying UI controls in a graphical user interface according to the resizing scale.
此外,本申请实施例中,控件设置界面还可以包括用于设置控件透明度的透明度设置控件。玩家可以在控件设置界面中针对透明度设置控件执行进度条拖动操作等设置控制操作,来设置UI控件的透明度;游戏应用响应在控件设置界面中针对透明度设置控件的设置控制操作,确定UI控件的透明度调整比例,并按照透明度调整比例在图形用户界面中显示UI控件。In addition, in this embodiment of the present application, the control setting interface may further include a transparency setting control for setting the transparency of the control. The player can set the transparency of the UI controls by performing setting control operations such as dragging the progress bar for the transparency setting control in the control setting interface; the game application responds to the setting control operation for the transparency setting control in the control setting interface to determine the UI control. Transparency scaling and displaying UI controls in the GUI according to the transparency scaling.
在具体实施时,在一个实施例中,参阅图2c所示,若UI控件为玩家选择的图形用户界面中的单一式UI控件,控件设置界面中至少包括用于设置控件尺寸的尺寸设置控件以及用于设置控件透明度的透明度设置控件,其中,尺寸设置控件可以包括用于设置控件大小的大小设置控件。这样,玩家可以通过对控件设置界面中的大小设置控件执行进度条拖动操作等设置控制操作,对单一式UI控件的大小进行调整,进一步的,游戏应用响应针对大小设置控件的设置控制操作,确定单一式UI控件的大小调整比例,并按照大小调整比例在图形用户界面中显示单一式UI控件;此外,玩家还可以通过对控件设置界面中的透明度设置控件执行进度条拖动操作等设置控制操作,对单一式UI控件的透明度进行调整,进一步的,游戏应用响应针对透明度设置控件的设置控制操作,确定单一式UI控件的透明度调整比例,并按照透明度调整比例在图形用户界面中显示单一式UI控件。In specific implementation, in one embodiment, as shown in FIG. 2c, if the UI control is a single UI control in the GUI selected by the player, the control setting interface at least includes a size setting control for setting the size of the control and A transparency setting control for setting the transparency of the control, wherein 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 single UI control by performing a setting control operation such as a progress bar dragging operation on the size setting control in the control setting interface. Further, the game application responds to the setting control operation for the size setting control, Determine the size adjustment ratio of the single UI control, and display the single UI control in the GUI according to the size adjustment ratio; in addition, the player can also control the settings such as dragging the progress bar through the transparency setting control in the control setting interface. The operation is to adjust the transparency of the single UI control. Further, the game application responds to the setting control operation for the transparency setting control, determines the transparency adjustment ratio of the single UI control, and displays the single UI in the GUI according to the transparency adjustment ratio. UI controls.
在另一个实施例中,参阅图2d所示,若UI控件为玩家选择的图形用户界面中的响应式UI控件,控件设置界面中至少包括用于设置控件尺寸的尺寸设置控件以及用于设置控件透明度的透明度设置控件,其中,尺寸设置控件可以包括用于设置控件高度的高度设置控件、用于设置控件宽度的宽度设置控件和用于设置控件大小的大小设置控件。这样,玩家可以通过对控件设置界面中的高度设置控件执行进度条拖动操作等设置控制操作,对响应式UI控件的高度进行调整,进一步的,游戏应用响应针对高度设置控件的设置控制操作,确定响应式UI控件的高度调整比例,并采用九宫格缩放算法,按照高度调整比例在图形用户界面中显示响应式UI控件,而且,玩家还可以通过对控件设置界面中的宽度设置控件执行进度条拖动操作等设置控制操作,对响应式UI控件的宽度进行调整,进一步的,游戏应用响应针对宽度设置控件的设置控制操作,确定响应式UI控件的宽度调整比例,并采用九宫格缩放算法,按照宽度调整比例在图形用户界面中显示响应式UI控件;此外,玩家还可以通过对控件设置界面中的大小设置控件执行进度条拖动操作等设置控制操作,对响应式UI控件的大小进行调整,进一步的,游戏应用响应针对大小设置控件的设置控制操作,确定响应式UI控件的大小调整比例,并采用九宫格缩放算法,按照大小调整比例在图形用户界面中显示响应式UI控件;另外,玩家还可以通过对控件设置界面中的透明度设置控件执行进度条拖动操作等设置控制操作,对响应式UI控件的透明度进行调整,进一步的,游戏应用响应针对透明度设置控件的设置控制操作,确定响应式UI控件的透明度调整比例,并按照透明度调整比例在图形用户界面中显示响应式UI控件。In another embodiment, as shown in FIG. 2d, if the UI control is a responsive UI control in the GUI selected by the player, the control setting interface at least includes a size setting control for setting the size of the control and a size setting control for setting the control A transparency setting control for transparency, wherein the size setting control may include a height setting control for setting the height of the control, a width setting control for setting the width of the control, and a size setting control for setting the size of the control. In this way, the player can adjust the height of the responsive UI control by performing setting control operations such as a progress bar dragging operation on the height setting control in the control setting interface. Further, the game application responds to the setting control operation for the height setting control, Determine the height adjustment ratio of the responsive UI control, and use the nine-square scaling algorithm to display the responsive UI control in the GUI according to the height adjustment ratio. Moreover, the player can also perform the progress bar dragging by setting the width control in the control setting interface. The width of the responsive UI controls is adjusted by setting control operations such as manual operations. Further, the game application responds to the setting control operations for the width setting controls, determines the width adjustment ratio of the responsive UI controls, and uses the nine-square grid scaling algorithm to adjust the width according to the width. Adjust the scale to display the responsive UI controls in the GUI; in addition, players can also adjust the size of the responsive UI controls by performing setting control operations such as dragging the progress bar on the size setting controls in the control setting interface, and further , the game application responds to the setting control operation for the size setting control, determines the size adjustment ratio of the responsive UI control, and uses the nine-square grid scaling algorithm to display the responsive UI control in the graphical user interface according to the size adjustment ratio; in addition, the player can also The transparency of the responsive UI control is adjusted by performing setting control operations such as a progress bar dragging operation on the transparency setting control in the control setting interface. Further, the game application responds to the setting control operation for the transparency setting control to determine the responsive UI. The transparency of the control is scaled and the responsive UI controls are displayed in the GUI according to the transparency scale.
在另一个实施例中,参阅图2e所示,若UI控件为玩家选择的图形用户界面中的组合式UI控件或者组合式UI控件中的至少一个控件,则控件设置界面中还可以包括尺寸设置控件以及用于配置控件透明度的透明度设置控件,其中,尺寸设置控件可以包括用于设置控件大小的大小设置控件。这样,玩家可以通过对控件设置界面中的大小设置控件执行进度条拖动操作等设置控制操作,对组合式UI控件的大小进行调整,进一步的,游戏应用响应针对大小设置控件的设置控制操作,确定组合式UI控件的大小调整比例,并按照大小调整比例在图形用户界面中显示组合式UI控件;此外,玩家还可以通过对控件设置界面中的透明度设置控件执行进度条拖动操作等设置控制操作,对组合式UI控件的透明度进行调整,进一步的,游戏应用响应针对透明度设置控件的设置控制操作,确定目标控件的透明度调整比例,并按照透明度调整比例在图形用户界面中显示目标控件。In another embodiment, as shown in FIG. 2e, if the UI control is a combined UI control in the GUI selected by the player or at least one of the combined UI controls, the control setting interface may further include size setting A control and a transparency setting control for configuring the transparency of the control, wherein 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 combined UI control by performing a setting control operation such as a progress bar drag operation on the size setting control in the control setting interface. Further, the game application responds to the setting control operation for the size setting control, Determine the size adjustment ratio of the combined UI control, and display the combined UI control in the GUI according to the size adjustment ratio; in addition, the player can also perform settings control such as dragging the progress bar on the transparency setting control in the control setting interface. operation, adjust the transparency of the combined UI control, further, the game application responds to the setting control operation for the transparency setting control, determines the transparency adjustment ratio of the target control, and displays the target control in the GUI according to the transparency adjustment ratio.
值得说的是,本申请实施例中,为了进一步丰富UI控件的显示方式,提高UI控件显示的灵活性以及对终端设备的屏幕的自适应能力,玩家还可以在终端设备的屏幕中任意移动UI控件,具体的,玩家可以针对UI控件执行拖动操作,以在终端设备的屏幕中移动UI控件。游戏应用响应针对的UI控件的移动操作,在图形用户界面中跟随移动操作显示UI控件。It is worth mentioning that, in the embodiment of the present application, in order to further enrich the display mode of UI controls, improve the flexibility of UI control display and the adaptability to the screen of the terminal device, the player can also move the UI arbitrarily on the screen of the terminal device. Controls, specifically, the player can perform a drag operation on the UI controls to move the UI controls on the screen of the terminal device. The game application responds to the movement operation of the targeted UI control, and displays the UI control in the graphical user interface following the movement operation.
实际应用中,为了尽可能地避免UI控件在移动过程中溢出终端设备的屏幕,游戏应用在图形用户界面中跟随移动操作显示UI控件的过程中,还可以在确定UI控件移动至终端设备的屏幕边界时,基于触边自适应规则,在图形用户界面中显示UI控件。In practical applications, in order to avoid the UI controls overflowing the screen of the terminal device as much as possible during the moving process, in the process of displaying the UI controls following the moving operation in the graphical user interface, the game application can also determine that the UI controls are moved to the screen of the terminal device. When the boundary is touched, UI controls are displayed in the GUI based on the adaptive rule of touch.
在具体实施时,在一个实施例中,若UI控件为玩家选择的图形用户界面中的单一式UI控件(或响应式UI控件),则玩家可以通过在终端设备的屏幕中任意拖动单一式UI控件(或响应式UI控件),对单一式UI控件(或响应式UI控件)执行移动操作,进一步的,游戏软件响应针对单一式UI控件(或响应式UI控件)的移动操作,在图形用户界面中跟随移动操作显示单一式UI控件(或响应式UI控件),而且,游戏应用在图形用户界面中跟随移动操作显示单一式UI控件(或响应式UI控件)的过程中,确定单一式UI控件(或响应式UI控件)移动至终端设备的屏幕边界时,还可以基于触边自适应规则,在图形用户界面中显示单一式UI控件(或响应式UI控件),以避免单一式UI控件(或响应式UI控件)溢出终端设备的屏幕。In specific implementation, in one embodiment, if the UI control is a single UI control (or a responsive UI control) in the graphical user interface selected by the player, the player can drag the single UI control arbitrarily on the screen of the terminal device. UI controls (or responsive UI controls), perform movement operations on the single UI controls (or responsive UI controls), and further, the game software responds to the movement operations on the single UI controls (or responsive UI controls), in the graphics In the user interface, a single UI control (or a responsive UI control) is displayed following a movement operation, and the game application is in the process of displaying a single UI control (or a responsive UI control) following the movement operation in the graphical user interface. When the UI control (or responsive UI control) moves to the screen boundary of the terminal device, it can also display a single UI control (or responsive UI control) in the graphical user interface based on the touch edge adaptive rule to avoid the single UI control The control (or responsive UI control) overflows the screen of the end device.
在另一个实施例中,若UI控件为玩家选择的图形用户界面中的组合式UI控件,则玩家可以通过在终端设备的屏幕中任意拖动组合式UI控件,对组合式UI控件执行移动操作,进一步的,游戏软件响应针对组合式UI控件的移动操作,在图形用户界面中跟随移动操作显示组合式UI控件,而且,游戏应用在图形用户界面中跟随移动操作显示组合式UI控件的过程中,确定组合式UI控件中的一个控件移动至终端设备的屏幕边界时,组合式UI控件中的其他控件仍支持移动,直至组合式UI控件中的所有控件移动至终端设备的屏幕边界时,基于触边自适应规则,在图形用户界面中显示组合式UI控件,以避免组合式UI控件溢出终端设备的屏幕。In another embodiment, if the UI control is a combined UI control in a graphical user interface selected by the player, the player can move the combined UI control by dragging the combined UI control arbitrarily on the screen of the terminal device. , further, the game software responds to the moving operation for the combined UI control, and displays the combined UI control following the moving operation in the graphical user interface, and the game application displays the combined UI control following the moving operation in the graphical user interface. , it is determined that when one control in the combined UI control moves to the screen boundary of the terminal device, other controls in the combined UI control still support movement until all the controls in the combined UI control move to the screen boundary of the terminal device, based on Touch-edge adaptive rules, displaying combined UI controls in the GUI to avoid the combined UI controls overflowing the screen of the terminal device.
在另一个实施例中,若UI控件为玩家选择的组合式UI控件中的UI控件,则玩家通过在终端设备的屏幕中任意拖动组合式UI控件中的UI控件,对组合式UI控件中的UI控件执行移动操作,进一步的,游戏软件响应针对组合式UI控件中的UI控件的移动操作,在图形用户界面中跟随移动操作显示组合式UI控件中的UI控件,而且,游戏应用在图形用户界面中跟随移动操作显示组合式UI控件中的UI控件的过程中,还可以在确定组合式UI控件中的UI控件移动至终端设备的屏幕边界时,基于触边自适应规则,在图形用户界面中显示组合式UI控件中的UI控件,以避免组合式UI控件中的UI控件溢出终端设备的屏幕。In another embodiment, if the UI control is a UI control in the combined UI control selected by the player, the player can drag the UI control in the combined UI control arbitrarily on the screen of the terminal device to control the UI control in the combined UI control. The UI control performs a moving operation. Further, the game software responds to the moving operation for the UI control in the combined UI control, and displays the UI control in the combined UI control following the moving operation in the graphical user interface. In the process of displaying the UI controls in the combined UI controls following the moving operation in the user interface, when it is determined that the UI controls in the combined UI controls are moved to the screen boundary of the terminal device, based on the edge-touch adaptive rule, in the graphical user interface. The UI controls in the combined UI controls are displayed in the interface to prevent the UI controls in the combined UI controls from overflowing the screen of the terminal device.
例如:假设玩家选择的是组合式UI控件中的主控件,则玩家可以在终端设备的屏幕中任意移动组合式UI控件中的主控件,游戏软件响应针对组合式UI控件中的主控件的移动操作,在图形用户界面中跟随移动操作显示该主控件,而且,在图形用户界面中跟随移动操作显示该主控件的过程中,确定该主控件移动至终端设备的屏幕边界时,基于触边自适应规则,在图形用户界面中显示该主控件,以避免该主控件溢出终端设备的屏幕。For example: if the player selects the main control in the combined UI control, the player can move the main control in the combined UI control arbitrarily on the screen of the terminal device, and the game software responds to the movement of the main control in the combined UI control operation, the main control is displayed following the moving operation in the graphical user interface, and in the process of displaying the main control following the moving operation in the graphical user interface, when it is determined that the main control is moved to the screen boundary of the terminal Adapting the rules, the main control is displayed in the graphical user interface to avoid the main control overflowing the screen of the terminal device.
下面以“玩家对图形用户界面中的组合式UI控件进行显示控制”为具体应用场景,对本申请实施例提供的控件显示控制方法作进一步详细说明,参阅图3所示,本申请实施例提供的控件显示控制方法的具体流程如下:Hereinafter, the control method for displaying controls provided by the embodiments of the present application will be further described in detail by taking “players control the display of combined UI controls in a graphical user interface” as a specific application scenario. Referring to FIG. The specific process of the control display control method is as follows:
步骤301:游戏应用响应针对组合式UI控件的设置触发操作,在图形用户界面中显示自定义控制面板;其中,自定义控制面板中至少包括绑定设置控件、大小设置控件和透明度设置控件。Step 301: The game application displays a custom control panel in a graphical user interface in response to the setting trigger operation for the combined UI control; wherein the custom control panel at least includes a binding setting control, a size setting control and a transparency setting control.
步骤302:游戏应用响应针对自定义控制面板中的绑定设置控件的绑定设置操作,基于该绑定设置操作判断组合式UI控件的控件状态是否为绑定状态,若是,则执行步骤303;若否,则执行步骤304。Step 302: the game application responds to the binding setting operation for the binding setting control in the custom control panel, and judges whether the control state of the combined UI control is the binding state based on the binding setting operation, and if so, executes
步骤303:游戏应用将组合式UI控件确定为待设置的UI控件,继续执行步骤307-步骤310。Step 303: The game application determines the combined UI control as the UI control to be set, and continues to perform steps 307 to 310.
步骤304:游戏应用判断在设定时间范围内是否针对组合式UI控件包含的至少两个控件中的至少一个控件执行了控件选择操作,若是,则执行步骤305;若否,则执行步骤306。Step 304: The game application judges whether a control selection operation is performed for at least one of the at least two controls included in the combined UI control within the set time range, if yes, go to Step 305; if not, go to Step 306.
步骤305:游戏应用响应针对组合式UI控件包含的至少两个控件中的至少一个控件执行的控件选择操作,将从组合式UI控件包含的至少两个控件中选择的至少一个控件确定为待设置的UI控件,继续执行步骤307-步骤310。Step 305: In response to the control selection operation performed on at least one of the at least two controls included in the combined UI control, the game application determines that at least one selected from the at least two controls included in the combined UI control is to be set the UI control, continue to step 307-
步骤306:游戏应用将组合式UI控件包含的至少两个控件中的默认控件确定为待设置的UI控件,继续执行步骤307-步骤310。Step 306: The game application determines the default control among the at least two controls included in the combined UI control as the UI control to be set, and proceeds to step 307 to step 310.
步骤307:游戏应用响应针对待设置的UI控件的移动操作,在图形用户界面中跟随移动操作显示该UI控件。Step 307: The game application responds to the moving operation for the UI control to be set, and displays the UI control in the graphical user interface following the moving operation.
步骤308:游戏应用确定该UI控件移动至终端设备的屏幕边界时,基于触边自适应规则,在图形用户界面中显示该UI控件。Step 308: When the game application determines that the UI control is moved to the screen boundary of the terminal device, the UI control is displayed in the graphical user interface based on the edge-touch adaptive rule.
步骤309:游戏应用响应针对自定义控制面板中的大小设置控件的进度条拖动操作,确定待设置的UI控件的大小调整比例,并按照大小调整比例在图形用户界面中显示该UI控件。Step 309: The game application determines the resizing ratio of the UI control to be set in response to the drag operation of the progress bar for the resizing control in the custom control panel, and displays the UI control in the GUI according to the resizing ratio.
步骤310:游戏应用响应针对自定义控制面板中的透明度设置控件的进度条拖动操作,确定待设置的UI控件的透明度调整比例,并按照透明度调整比例在图形用户界面中显示该UI控件。Step 310: The game application determines the transparency adjustment ratio of the UI control to be set in response to the progress bar drag operation for the transparency setting control in the custom control panel, and displays the UI control in the GUI according to the transparency adjustment ratio.
基于上述实施例,本申请实施例提供了一种控件显示控制装置,通过终端设备提供图形用户界面,图形用户界面中至少包括UI控件,参阅图4所示,本申请实施例提供的控件显示控制装置400至少包括:Based on the above-mentioned embodiment, the embodiment of the present application provides a control display control device, which provides a graphical user interface through a terminal device, and the graphical user interface at least includes UI controls. Referring to FIG. 4 , the control display control device provided by the embodiment of the present application The
界面显示单元401,用于响应针对UI控件的设置触发操作,显示控件设置界面;The
显示控制单元402,用于响应在控件设置界面中执行的控件设置操作,确定为UI控件设置的控件显示属性,并基于控件显示属性,在图形用户界面中显示UI控件。The
在一种可能的实施方式中,UI控件包括由属于主从关系的至少两个控件组成的组合式UI控件,本申请实施例提供的控件显示控制装置400还包括: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
控件确定单元403,用于响应针对组合式UI控件的绑定设置操作,确定组合式UI控件的控件状态,并基于控件状态,从组合式UI控件中确定待设置的UI控件。The
在一种可能的实施方式中,控件设置界面包括用于设置组合式UI控件的控件绑定状态的绑定设置控件。In a possible implementation, the control setting interface includes a binding setting control for setting the binding state of the control of the composite UI control.
在一种可能的实施方式中,响应针对组合式UI控件的绑定设置操作,确定组合式UI控件的控件状态时,控件确定单元403具体用于: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
基于绑定设置操作,确定绑定设置控件处于勾选状态时,确定组合式UI控件的控件状态为绑定状态;Based on the binding setting operation, when it is determined that the binding setting control is in the checked state, it is determined that the control state of the combined UI control is the binding state;
基于绑定设置操作,确定绑定设置控件处于未勾选状态时,确定组合式UI控件的控件状态为解绑状态。Based on the binding setting operation, when it is determined that the binding setting control is in the unchecked state, it is determined that the control state of the combined UI control is the unbinding state.
在一种可能的实施方式中,基于控件状态,从组合式UI控件中确定待设置的UI控件时,控件确定单元403具体用于:In a possible implementation manner, when determining the UI control to be set from the combined UI controls based on the state of the control, the
确定控件状态为绑定状态时,将组合式UI控件中的所有控件确定为待设置的UI控件;When it is determined that the control state is the bound state, all controls in the combined UI control are determined as the UI controls to be set;
确定控件状态为解绑状态时,从组合式UI控件包含的至少两个控件中选取一个控件作为待设置的UI控件。When it is determined that the control state is the unbound state, one control is selected from at least two controls included in the combined UI control as the UI control to be set.
在一种可能的实施方式中,从组合式UI控件包含的至少两个控件中选取一个控件作为待设置的UI控件时,控件确定单元403具体用于:In a possible implementation manner, when a control is selected from at least two controls included in the combined UI control as the UI control to be set, the
将组合式UI控件包含的至少两个控件中的默认控件确定为待设置的UI控件;或者,Determine the default control among the at least two controls included in the combined UI control as the UI control to be set; or,
将组合式UI控件包含的至少两个控件中玩家选择的控件确定为待设置的UI控件。The control selected by the player among the at least two controls included in the combined UI control is determined as the UI control to be set.
在一种可能的实施方式中,本申请实施例提供的控件显示控制装置400还包括:In a possible implementation manner, the control
移动控制单元404,用于响应针对UI控件的移动操作,在图形用户界面中跟随移动操作显示UI控件。The
在一种可能的实施方式中,在图形用户界面中跟随移动操作显示UI控件时,移动控制单元404还用于:In a possible implementation manner, when the UI controls are displayed following the movement operation in the graphical user interface, the
确定UI控件移动至终端设备的屏幕边界时,基于触边自适应组合式UI控件规则,在图形用户界面中显示UI控件。When it is determined that the UI control is moved to the screen boundary of the terminal device, the UI control is displayed in the graphical user interface based on the edge-touch adaptive combined UI control rule.
在一种可能的实施方式中,UI控件包括单一式UI控件、响应式UI控件和由属于主从关系的至少两个控件组成的;控件设置界面包括用于设置控件尺寸的尺寸设置控件。In a possible implementation, the UI controls include a single UI control, a responsive UI control, and at least two controls belonging to a master-slave relationship; the control setting interface includes a size setting control for setting the size of the control.
在一种可能的实施方式中,响应在控件设置界面中执行的控件设置操作,确定为UI控件设置的控件显示属性,并基于控件显示属性,在图形用户界面中显示UI控件时,显示控制单元402具体用于:In a possible implementation, in response to the control setting operation performed in the control setting interface, the control display property set for the UI control is determined, and based on the control display property, when the UI control is displayed in the graphical user interface, the
响应在控件设置界面中针对尺寸设置控件的设置控制操作,确定UI控件的尺寸调整比例,并按照尺寸调整比例在图形用户界面中显示UI控件。In response to the setting control operation for the size setting control in the control setting interface, the size adjustment ratio of the UI control is determined, and the UI control is displayed in the graphical user interface according to the size adjustment ratio.
在一种可能的实施方式中,UI控件包括单一式UI控件、响应式UI控件和由属于主从关系的至少两个控件组成的组合式UI控件;控件设置界面包括用于设置控件透明度的透明度设置控件。In a possible implementation, the UI controls include a single 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 includes a transparency for setting the transparency of the control Set controls.
在一种可能的实施方式中,响应在控件设置界面中执行的控件设置操作,确定为UI控件设置的控件显示属性,并基于控件显示属性,在图形用户界面中显示UI控件时,显示控制单元402具体用于:In a possible implementation, in response to the control setting operation performed in the control setting interface, the control display property set for the UI control is determined, and based on the control display property, when the UI control is displayed in the graphical user interface, the
响应在控件设置界面中针对透明度设置控件的设置控制操作,确定UI控件的透明度调整比例,并按照透明度调整比例在图形用户界面中显示UI控件。In response to the setting control operation for the transparency setting control in the control setting interface, the transparency adjustment ratio of the UI control is determined, and the UI control is displayed in the graphical user interface according to the transparency adjustment ratio.
需要说明的是,本申请实施例提供的控件显示控制装置400解决技术问题的原理与本申请实施例提供的控件显示控制方法相似,因此,本申请实施例提供的控件显示控制装置400的实施可以参见本申请实施例提供的控件显示控制方法的实施,重复之处不再赘述。It should be noted that the principle of the control
在介绍了本申请实施例提供的控件显示控制方法和装置之后,接下来,对本申请实施例提供的终端设备进行简单介绍。After the control display control method and apparatus provided by the embodiments of the present application are introduced, next, the terminal equipment provided by the embodiments of the present application is briefly introduced.
参阅图5所示,本申请实施例提供的终端设备500至少包括:处理器501、存储器502和存储在存储器502上并可在处理器501上运行的计算机程序,处理器501执行计算机程序时实现本申请实施例提供的控件显示控制方法。Referring to FIG. 5 , the
本申请实施例提供的终端设备500还可以包括连接不同组件(包括处理器501和存储器502)的总线503。其中,总线503表示几类总线结构中的一种或多种,包括存储器总线、外围总线、局域总线等。The
存储器502可以包括易失性存储器形式的可读介质,例如随机存储器(RandomAccess Memory,RAM)5021和/或高速缓存存储器5022,还可以进一步包括只读存储器(ReadOnly Memory,ROM)5023。The
存储器502还可以包括具有一组(至少一个)程序模块5024的程序工具5025,程序模块5024包括但不限于:操作子系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。The
终端设备500也可以与一个或多个外部设备504(例如键盘、遥控器等)通信,还可以与一个或者多个使得用户能与终端设备500交互的设备通信(例如手机、电脑等),和/或,与使得终端设备500与一个或多个其它终端设备500进行通信的任何设备(例如路由器、调制解调器等)通信。这种通信可以通过输入/输出(Input/Output,I/O)接口505进行。并且,终端设备500还可以通过网络适配器506与一个或者多个网络(例如局域网(Local AreaNetwork,LAN),广域网(Wide Area Network,WAN)和/或公共网络,例如因特网)通信。如图5所示,网络适配器506通过总线503与终端设备500的其它模块通信。应当理解,尽管图5中未示出,可以结合终端设备500使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of IndependentDisks,RAID)子系统、磁带驱动器以及数据备份存储子系统等。The
需要说明的是,图5所示的终端设备500仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任何限制。It should be noted that the
下面对本申请实施例提供的计算机可读存储介质进行介绍。本申请实施例提供的计算机可读存储介质存储有计算机指令,计算机指令被处理器执行时实现本申请实施例提供的控件显示控制方法。具体地,该可执行程序可以内置或者安装在终端设备500中,这样,终端设备500就可以通过执行内置或者安装的可执行程序实现本申请实施例提供的控件显示控制方法。The following describes the computer-readable storage medium provided by the embodiments of the present application. The computer-readable storage medium provided by the embodiments of the present application stores computer instructions, and when the computer instructions are executed by the processor, the control method for displaying controls provided by the embodiments of the present application is implemented. Specifically, the executable program may be built-in or installed in the
此外,本申请实施例提供的控件显示控制方法还可以实现为一种程序产品,该程序产品包括程序代码,当该程序产品可以在终端设备500上运行时,该程序代码用于使终端设备500执行本申请实施例提供的控件显示控制方法。In addition, the control display control method provided by the embodiment of the present application can also be implemented as a program product, where the program product includes program code, and when the program product can be run on the
本申请实施例提供的程序产品可以采用一个或多个可读介质的任意组合,其中,可读介质可以是可读信号介质或者可读存储介质,而可读存储介质可以是但不限于是电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合,具体地,可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、RAM、ROM、可擦式可编程只读存储器(Erasable Programmable Read Only Memory,EPROM)、光纤、便携式紧凑盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。The program product provided by the embodiments of the present application may adopt any combination of one or more readable media, where the readable medium may be a readable signal medium or a readable storage medium, and the readable storage medium may be, but not limited to, an electrical , magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatuses or devices, or any combination of the above, in particular, more specific examples (non-exhaustive list) of readable storage media include: having one or more Electrical connection of wires, portable disks, hard disks, RAM, ROM, Erasable Programmable Read-Only Memory (EPROM), optical fiber, Portable Compact Disc Read-Only Memory (CD- ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
本申请实施例提供的程序产品可以采用CD-ROM并包括程序代码,还可以在计算设备上运行。然而,本申请实施例提供的程序产品不限于此,在本申请实施例中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。The program product provided by the embodiments of the present application may adopt a CD-ROM and include program codes, and may also run on a computing device. However, the program product provided by the embodiment of the present application is not limited to this. In the embodiment of the present application, the readable storage medium may be any tangible medium containing or storing a program, and the program may be used by or associated with an instruction execution system, apparatus, or device. In conjunction with.
应当注意,尽管在上文详细描述中提及了装置的若干单元或子单元,但是这种划分仅仅是示例性的并非强制性的。实际上,根据本申请的实施方式,上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之,上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。It should be noted that although several units or sub-units of the apparatus are mentioned in the above detailed description, this division is merely exemplary and not mandatory. Indeed, according to embodiments of the present application, the features and functions of two or more units described above may be embodied in one unit. Conversely, the features and functions of one unit described above may be further subdivided to be embodied by multiple units.
此外,尽管在附图中以特定顺序描述了本申请方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。Furthermore, although the operations of the methods of the present application are depicted in the figures in a particular order, this does not require or imply that the operations must be performed in the particular order, or that all illustrated operations must be performed to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined to be performed as one step, and/or one step may be decomposed into multiple steps to be performed.
尽管已描述了本申请的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。While the preferred embodiments of the present application have been described, additional changes and modifications to these embodiments may occur to those skilled in the art once the basic inventive concepts are known. Therefore, the appended claims are intended to be construed to include the preferred embodiment and all changes and modifications that fall within the scope of this application.
显然,本领域的技术人员可以对本申请实施例进行各种改动和变型而不脱离本申请实施例的精神和范围。这样,倘若本申请实施例的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。Obviously, those skilled in the art can make various changes and modifications to the embodiments of the present application without departing from the spirit and scope of the embodiments of the present application. Thus, if these 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 include these modifications and variations.
Claims (15)
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 | 浪潮软件集团有限公司 | An 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 | 浪潮软件集团有限公司 | An 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 |
---|---|---|
WO2018120084A1 (en) | Flexible display device control method and apparatus | |
CN107977141B (en) | Interaction control method and device, electronic equipment and storage medium | |
JP4996721B2 (en) | Luminance control device, luminance control method, and luminance control program | |
JP2013537329A (en) | Draggable tab | |
US12115439B2 (en) | System and method for using fingerprints to determine commands in a video game | |
JP2014523056A (en) | On-demand tab recovery | |
US20130036357A1 (en) | Systems and methods for automatically switching on and off a "scroll-on output" mode | |
TW201044255A (en) | Electronic device, computer-executable system, and application program display control method thereof | |
CN113296651B (en) | Window management method and computing device | |
CN111831182A (en) | Application icon control method, device and electronic device | |
CN109656639B (en) | Interface rolling method, device, equipment and medium | |
CN108815843B (en) | Control method and device of virtual rocker | |
CN105117120B (en) | The table hat and the operating method of intelligent watch of a kind of intelligent watch | |
US20240252920A1 (en) | Method and apparatus for displaying game interface, and device and storage medium thereof | |
CN113110779B (en) | A map display control method, device, equipment and medium | |
CN113552992A (en) | Control display control method, device, equipment and medium | |
CN114296857A (en) | Interface adjustment method, device, electronic device and readable medium | |
WO2012134479A1 (en) | Augmenting user interface elements | |
JP6662861B2 (en) | Hit test to determine whether to enable direct operation in response to user action | |
CN108351888B (en) | Generating deferrable data streams | |
CN110180172B (en) | Map switching method and device in game, electronic equipment and storage medium | |
CN115364487A (en) | Game table processing method and device, computer equipment and storage medium | |
JP2017157057A (en) | Display control device | |
CN113360064A (en) | Method and device for searching local area of picture, medium and electronic equipment | |
WO2010070528A1 (en) | Method of and apparatus for emulating input |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20211026 |