Element display method and device, electronic equipment and computer readable storage medium
By adjusting the display parameters of interface elements in response to user gaze operations, the problem of insufficient flexibility caused by the fixed display size of interface elements in the prior art is solved, and higher flexibility and user experience of display interface elements are achieved.
Patent Information
- Application Number
- CN202411440821.7
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-10-15
- Publication Date
- 2025-02-14
AI Technical Summary
In the prior art, the display size of interface elements on the graphical user interface is fixed, resulting in insufficient flexibility of display interface elements.
By responding to the user's gaze operation on the target interface, the gaze position is determined and the interface element group associated with the position is adjusted, such as adjusting the display parameters.
It realizes dynamic adjustment of the display parameters of interface elements through gaze operation, improves the flexibility of display interface elements, and enhances the user interaction experience.
Smart Images

Figure CN119440327A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of display technology, and in particular to an element display method, device, electronic device and computer-readable storage medium. Background Art
[0002] With the development of Internet technology, electronic devices are used more and more widely, and various information on the Internet can be displayed on the graphical user interface of the electronic devices.
[0003] Among them, various information on the Internet can be displayed on a graphical user interface in the form of interface elements. However, currently the display size of the interface elements on the graphical user interface is fixed. The fixed display size reduces the flexibility of displaying the interface elements. Summary of the invention
[0004] Embodiments of the present application provide an element display method, device, electronic device, and computer-readable storage medium, which can improve the flexibility of displaying interface elements.
[0005] In a first aspect, an embodiment of the present application provides an element display method, the method comprising:
[0006] Displaying a target interface, wherein the target interface includes interface elements;
[0007] In response to a gaze operation on the target interface, determining a gaze position corresponding to the gaze operation in the target interface;
[0008] Determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements;
[0009] Adjust display parameters of the at least two interface elements on the target interface.
[0010] In a second aspect, an embodiment of the present application further provides an element display device, the device comprising:
[0011] An interface display module, used to display a target interface, wherein the target interface includes interface elements;
[0012] A first determining module, configured to determine, in response to a gaze operation on the target interface, a gaze position corresponding to the gaze operation in the target interface;
[0013] A second determination module is used to determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements;
[0014] The parameter adjustment module is used to adjust the display parameters of the at least two interface elements on the target interface.
[0015] In a third aspect, an embodiment of the present application further provides an electronic device, comprising a memory storing a plurality of instructions; the processor loads instructions from the memory to execute any one of the element display methods provided in the embodiment of the present application.
[0016] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores a plurality of instructions, and the instructions are suitable for loading by a processor to execute any one of the element display methods provided in the embodiment of the present application.
[0017] In an embodiment of the present application, a target interface is displayed, the target interface includes interface elements, and in response to a gaze operation on the target interface, a gaze position corresponding to the gaze operation in the target interface is determined; an interface element group matching the gaze position is determined, wherein the interface element group includes at least two interface elements, and an association relationship exists between at least two interface elements; display parameters of at least two interface elements on the target interface are adjusted, so that the display parameters of the interface elements can be adjusted through the gaze operation, thereby improving the flexibility of displaying the interface elements. BRIEF DESCRIPTION OF THE DRAWINGS
[0018] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without creative work.
[0019] Figure 1 is a schematic diagram of an element display system provided in an embodiment of the present application;
[0020] Figure 2 It is a schematic diagram of an embodiment of the flow chart of the element display method provided in the embodiment of the present application;
[0021] Figure 3 is a schematic diagram of a target interface provided in an embodiment of the present application;
[0022] Figure 4 is another schematic diagram of the target interface provided in the embodiment of the present application;
[0023] Figure 5 is another schematic diagram of the target interface provided in the embodiment of the present application;
[0024] Figure 6 is another schematic diagram of the target interface provided in the embodiment of the present application;
[0025] Figure 7 is another schematic diagram of the target interface provided in the embodiment of the present application;
[0026] Figure 8 is another schematic diagram of the target interface provided in the embodiment of the present application;
[0027] Fig. 9 It is a schematic diagram of another embodiment of the element display method provided in the embodiments of the present application;
[0028] Fig.10 is a schematic diagram of the structure of an element display device provided in an embodiment of the present application;
[0029] Fig.11 It is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0030] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only 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 skilled in the art without creative work are within the scope of protection of this application.
[0031] Before explaining the embodiments of the present application in detail, some terms involved in the embodiments of the present application are first explained.
[0032] Among them, in the description of the embodiments of the present application, the terms "first", "second", etc. may be used in this article to describe various concepts, but unless otherwise specified, these concepts are not limited by these terms. These terms are only used to distinguish one concept from another concept. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.
[0033] The present application provides an element display method, device, electronic device and computer readable storage medium. Specifically, the element display method of the present application can be executed by an electronic device, wherein the electronic device can be a terminal or a server.
[0034] The terminal may be a smart phone, a tablet computer, a laptop computer, a touch screen, a game console, a personal computer (PC), a personal digital assistant (PDA), a head-mounted display device, or other terminal devices. The terminal may also include a client, which may be a game application client, a browser client carrying a game program, or an instant messaging client, etc.
[0035] The server can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, content delivery networks (CDNs), as well as big data and artificial intelligence platforms.
[0036] For example, Figure 1 As shown, the electronic device is described by taking terminal 10 as an example. The terminal 10 can display a target interface, the target interface includes interface elements, and in response to a gaze operation on the target interface, determines a gaze position corresponding to the gaze operation in the target interface, and sends the gaze position to server 20. Server 20 determines an interface element group matching the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements, and returns the at least two interface elements to terminal 10. Terminal 10 adjusts display parameters of at least two interface elements on the target interface.
[0037] The following is a detailed description of the embodiments in conjunction with the accompanying drawings. It should be noted that the description order of the following embodiments is not intended to limit the preferred order of the embodiments. Although the logical order is shown in the flow chart, in some cases, the steps shown or described may be performed in an order different from that shown in the accompanying drawings.
[0038] In this embodiment, a terminal is taken as an example for explanation. This embodiment provides an element display method, such as Figure 2 As shown, the specific process of the element display method can be as follows:
[0039] 201. Display a target interface, where the target interface includes interface elements.
[0040] Among them, the terminal can display the target interface through a graphical user interface. The target interface refers to an interface that can present content to the user and the user can interact with it. The screen displayed on the target interface can be set according to actual conditions. For example, the screen displayed on the target interface can be a game screen or a video screen, which is not limited in the embodiments of the present application.
[0041] An interface element refers to the content that is visually presented to the user on the target interface. Its type can be set according to actual conditions. For example, an interface element can be at least one of text, pictures, controls, links, tables, icons, navigation bars, and status bars. The embodiments of the present application are not limited here.
[0042] For example, when the target interface is a desktop, the interface elements may include controls and a status bar. For another example, when the screen displayed on the target interface is a game screen, the interface elements may be controls in the game.
[0043] Optionally, the terminal may receive a display instruction and display a target interface according to the display instruction. Alternatively, the terminal may also display a target interface in response to a game match start operation. The manner in which the terminal displays the target interface may be set according to actual conditions, and the present application embodiment is not limited thereto.
[0044] In some embodiments, displaying a target interface includes:
[0045] Obtain normal display parameters corresponding to the non-immersive game mode, where the normal display parameters include a normal display size;
[0046] Display the target interface and display interface elements on the target interface according to normal display parameters.
[0047] Among them, the non-immersive game mode refers to the normal display mode of the target interface. The normal display parameters refer to the display parameters in the normal display mode. The display parameters refer to the parameters used to describe the visual effects of the interface elements. The display parameters may include the display content and display style parameters of the interface elements, and the display style parameters are used to describe the characteristics and performance of the display that displays the target interface.
[0048] The display style parameters may be set according to actual conditions. For example, the display style parameters may include at least one of display size, display brightness, display grayscale, and display color, which is not limited in the embodiments of the present application.
[0049] When the interface elements are displayed on the target interface according to normal display parameters, the visual experience of the interface elements on the target interface is the same as the current player's visual experience of the interface elements.
[0050] In some embodiments, displaying a target interface includes:
[0051] Obtain target display parameters corresponding to the immersive game mode, under which the display size of the interface element is smaller than the normal display size corresponding to the non-immersive game mode;
[0052] Display the target interface and display interface elements on the target interface according to the target display parameters.
[0053] Among them, the target display parameters include the display size. Since the display size corresponding to the interface elements in the immersive game mode is smaller than the normal display size corresponding to the non-immersive mode, displaying the interface elements on the target interface according to the target display parameters can reduce the impact of the interface elements on the player's viewing of the game screen, thereby improving the player's game immersion.
[0054] For example, the interface elements include controls. When the controls are displayed on the target interface according to normal display parameters, the target interface can be as follows: Figure 3 As shown in 301, when the control is displayed on the target interface according to the target display parameter, the target interface can be as follows Figure 3 No. 302.
[0055] 202. In response to a gaze operation on a target interface, determine a gaze position corresponding to the gaze operation in the target interface.
[0056] Among them, the gaze operation refers to the viewing operation of the target interface by the user using the terminal. When the user using the terminal gazes at a certain position on the target interface, the certain position is the gaze position, that is, the gaze position is the position of the gaze point of the user using the terminal on the target interface.
[0057] Optionally, when the time that the gaze point of the user using the terminal is at a certain position is equal to a preset time length, the terminal determines the gaze position corresponding to the gaze operation in the target interface. The preset time length can be set according to actual conditions, for example, the preset time length can be equal to 0 seconds or greater than 0 seconds, which is not limited in the embodiments of the present application.
[0058] 203. Determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and an association relationship exists between the at least two interface elements.
[0059] Among them, the interface element group that matches the gaze position refers to the interface element group including the interface element located at the gaze position, that is, at least two interface elements include the interface element located at the gaze position. After determining the gaze position, the terminal matches the gaze position with the corresponding positions of each interface element on the target interface to obtain the interface element located at the gaze position. For the convenience of description, the interface element located at the gaze position can be referred to as the first target interface element.
[0060] For example, the target interface and gaze position can be Figure 4 As shown, at this time, the first target interface element is the control c1.
[0061] The interface element other than the first target interface element among the at least two interface elements may be referred to as a second target interface element. The second target interface element and the first target interface element are associated, which may mean that the second target interface element and the first target interface element are related in some aspect.
[0062] The type of the association relationship between the first target interface element and the second target interface element can be set according to actual conditions. For example, the association relationship between at least two interface elements can refer to the association relationship between the positions of the first target interface element and the second target interface element on the target interface. For another example, at least two interface elements are at least two controls, and the association relationship between at least two interface elements can refer to the association relationship between the control function corresponding to the first target interface element and the control function corresponding to the second target interface element. The embodiments of the present application are not limited here.
[0063] In some embodiments, determining a group of interface elements that match the gaze position includes:
[0064] Acquire a display area corresponding to an interface element group including at least two interface elements, where the display area displays at least two interface elements in the interface element group;
[0065] The interface element group corresponding to the display area including the gaze position is determined as the interface element group matching the gaze position.
[0066] Among them, one interface element group may correspond to one display area. Since at least two interface elements in the interface element group are displayed on one display area, one display area may include display sub-areas of at least two interface elements in the interface element group.
[0067] Optionally, the display sub-areas of at least two interface elements in the interface element group may be merged to obtain a display area corresponding to the interface element group. In this case, the display area may be described by an area range, and the interface element group corresponding to the area range including the gaze position is the interface element group that matches the gaze position. Alternatively, the display sub-areas of at least two interface elements in the interface element group may not be merged. In this case, the display area may be represented by the display sub-areas of at least two interface elements, and the terminal may match the gaze position with each display sub-area, and determine the interface element group corresponding to the display sub-area including the gaze position as the interface element group that matches the gaze position.
[0068] When there is a corresponding display area in an interface element group, the association relationship between at least two interface elements in the interface element group may refer to the association relationship between the positions of at least two interface elements on the target interface. The terminal may first determine the distance between each interface element based on the position of each interface element on the target interface, and then store the interface elements at a distance that meets a preset distance condition in the same interface element group. After obtaining the gaze position, the interface element group that matches the gaze position may be directly determined from the stored interface element groups.
[0069] For example, the target interface, the gaze position, and the group of interface elements matching the gaze position can be as follows: Figure 5 As shown, at this time, at least two interface elements in the interface element group include control c1, control c2, control c3, control c4, control c5, control c6 and a small map.
[0070] When the terminal detects that the user is gazing at a certain interface element, the user may interact with the interface element or with interface elements near the interface element. Therefore, in an embodiment of the present application, a display area corresponding to an interface element group including at least two interface elements is obtained, and the display area displays at least two interface elements in the interface element group. The interface element group corresponding to the display area including the gaze position is determined as the interface element group that matches the gaze position, so that the display parameters of the interface elements at the gaze position and the interface elements near the gaze position can be adjusted subsequently, thereby improving the flexibility of displaying interface elements while ensuring that the interface elements for which the display parameters are adjusted are the interface elements required by the user.
[0071] In some embodiments, determining a group of interface elements that match the gaze position includes:
[0072] Determine an interface element located at a gaze position and determine an interface element located at a target position whose distance from the gaze position meets a preset distance condition;
[0073] According to the interface elements located at the gaze position and the interface elements located at the target position, a group of interface elements matching the gaze position is determined.
[0074] Among them, after obtaining the interface elements located at the gaze position and the interface elements located at the target position, the terminal can combine the interface elements located at the gaze position and the interface elements located at the target position into an interface element group, which is the interface element group that matches the gaze position.
[0075] In an embodiment of the present application, an interface element located at a gaze position is determined, and an interface element located at a target position whose distance from the gaze position meets a preset distance condition is determined in real time. Then, based on the interface elements located at the gaze position and the interface elements located at the target position, an interface element group matching the gaze position is determined, thereby realizing real-time generation of an interface element group without pre-setting the interface element group.
[0076] In some embodiments, the interface element includes a control, and determining a group of interface elements that match the gaze position includes:
[0077] Determine a control located at a gaze position and determine a target control associated with the control at the gaze position, and associate a control function corresponding to the control at the gaze position with a control function corresponding to the target control;
[0078] Based on the controls at the gaze position and the target controls, determine the group of UI elements that match the gaze position.
[0079] Among them, for the convenience of description, the control located at the gaze position is called the first target control. The terminal can first determine the control located at the gaze position, and then determine the target control corresponding to the control function associated with the control function of the first target control. Finally, the control located at the gaze position and the target control are combined into an interface element group, which is the interface element group that matches the gaze position.
[0080] Alternatively, the terminal may also determine in advance whether there is an association relationship between the control functions corresponding to each control based on the control functions corresponding to each control, and then associate the controls corresponding to the control functions with the association relationship, so that after the terminal determines the control located at the gaze position, it can directly obtain the target control associated with the control located at the gaze position.
[0081] When there is an association relationship between at least two control functions, it means that the controls corresponding to the at least two control functions are usually triggered at the same time. For example, the screen displayed on the target interface is a game screen, and the at least two control functions can be a big move skill and a flame skill, or at least two control functions can be a sprint skill and a firing skill, which is not limited in the present embodiment of the application.
[0082] In an embodiment of the present application, a control located at a gaze position and a target control associated with the control at the gaze position are determined, a control function corresponding to the control at the gaze position and a control function corresponding to the target control are associated, and a group of interface elements matching the gaze position is determined based on the control at the gaze position and the target control, so as to simultaneously adjust display parameters of function-associated controls, thereby making the function-associated controls easier to be noticed by players and facilitating interaction between players and function-associated controls.
[0083] In some embodiments, the target interface is a game interface of a target game, and determining a target control associated with a control at the gaze position includes:
[0084] Obtaining information related to control function settings of the target game corresponding to the control located at the gaze position or control usage habit information of the player of the target game;
[0085] According to the association information or the control usage habit information, a target control associated with the control at the gaze position is determined.
[0086] Among them, the association information may include a control function associated with the control function corresponding to the control located at the gaze position. After obtaining the association information, the terminal determines the control having the control function in the association information as the target control associated with the control at the gaze position. Alternatively, the association information may directly include the target control. At this time, the various controls may be associated in advance according to the control function to obtain initial association information. After obtaining the association information from the initial association information, the terminal may directly obtain the target control from the association information. The association information is the initial association information including the first target control.
[0087] The control usage habit information may be the control usage habit information of the player playing the target game on the terminal, or the control usage habit information may include the control usage habit information of the player playing the target game on the terminal and the control usage habit information of the player playing the target game on other terminals.
[0088] The control usage habit information may include the player's usage time for each control. After obtaining the control usage habit information, the terminal may determine the time difference between the usage times of each control, and determine at least two controls corresponding to the usage times whose time difference is within a preset difference range (when the time difference is within the preset difference range, it means that the usage times of the two controls are relatively close, and the probability that the two controls are used at the same time is relatively high) as at least two controls with an associated relationship, and determine the controls other than the first target control among the at least two controls including the first target control as target controls.
[0089] Alternatively, the control usage habit information may directly include at least two controls that are in an associated relationship. In this case, the time difference between the usage time of each control may be determined in advance, and at least two controls corresponding to the usage time whose time difference is within a preset difference range may be determined as at least two controls that are in an associated relationship. Based on the at least two controls that are in an associated relationship, the control usage habit information may be generated.
[0090] In this embodiment, association information of control function settings corresponding to the controls located at the gaze position of the target game or control usage habit information of the players of the target game is obtained, and the target controls associated with the controls at the gaze position are determined based on the association information or the control usage habit information, so that the display parameters of the function-associated controls can be adjusted at the same time, so that the function-associated controls better meet the needs of the players, further facilitating the interaction between the players and the function-associated controls.
[0091] 204. Adjust display parameters of at least two interface elements on the target interface.
[0092] Among them, display parameters refer to parameters used to describe the visual effects of interface elements. Display parameters may include display content and display style parameters of interface elements. Display content refers to information displayed on the interface element. Display style parameters are used to describe the characteristics and performance of the display that displays the target interface. Display style parameters can be set according to actual conditions. For example, display style parameters may include at least one of display size, display brightness, display grayscale, and display color. The embodiments of the present application are not limited here.
[0093] The method of adjusting the display parameters can be set according to actual conditions. For example, when the display parameter is the display size, the adjustment of the display parameters may include enlarging or reducing the display size. When the display parameter is the display color, the adjustment of the display parameters may be to increase the depth of the display color or reduce the depth of the display color. The embodiments of the present application are not limited here.
[0094] Optionally, the adjustment of the display parameters may be an adjustment to highlight the interface element, or the adjustment of the display parameters may be an adjustment to de-highlight the interface element. When the adjustment of the display parameters may be an adjustment to highlight the interface element and the display parameters include the display size, the adjustment of the display parameters may be an enlargement of the display size. When the adjustment of the display parameters may be an adjustment to de-highlight the interface element and the display parameters include the display size, the adjustment of the display parameters may be a reduction of the display size.
[0095] In an embodiment of the present application, in response to a gaze operation on a target interface, a gaze position corresponding to the gaze operation in the target interface is determined, and an interface element group matching the gaze position is determined, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements. The display parameters of the at least two interface elements are adjusted, so that not only the display parameters of the interface elements can be dynamically changed to improve the flexibility of displaying the interface elements, but also the display parameters of at least two interface elements are adjusted each time in units of the interface element group, which can improve the efficiency of adjusting the display parameters of the interface elements and reduce the discomfort caused by frequent changes in the interface.
[0096] In some embodiments, the display parameter includes a display size, and adjusting the display parameter of at least two interface elements on the target interface includes:
[0097] The display sizes of at least two interface elements on the target interface are enlarged.
[0098] The display size can be enlarged according to the first preset size, that is, after enlargement, the display size of at least two interface elements displayed on the target interface is the first preset size. The first preset size is a size larger than the normal display size.
[0099] For example, the gaze position and the group of interface elements that match the gaze position can be as follows: Figure 6 As shown in 601, after at least two interface elements in the interface element group are enlarged, the target interface can be as follows Figure 6 As shown in 602.
[0100] In an embodiment of the present application, enlarging the display size of at least two interface elements on the target interface can reduce the viewing burden of the eyes on the at least two interface elements and reduce the probability of the at least two interface elements being triggered by mistake.
[0101] When interface elements are displayed on the target interface according to the target display parameters and the display sizes of at least two interface elements on the target interface are enlarged, not only can the immersion of the game be improved, but also the viewing burden of the eyes on the at least two interface elements can be reduced, and the probability of at least two interface elements being triggered by mistake can be reduced.
[0102] In some embodiments, enlarging the display sizes of at least two interface elements on the target interface includes:
[0103] Obtaining display content of a first interface element in the interface element group in a magnification mode, wherein the display content of the first interface element in the magnification mode has more information than the display content before magnification;
[0104] Displaying the display content of the first interface element in the magnified mode on the target interface;
[0105] Alternatively, the display content of the first interface element in the magnification mode is displayed on the target interface and the display size of the second interface element in the interface element group is magnified, and the display content of the second interface element before and after the magnification is the same.
[0106] Among them, at least two interface elements in the group of interface elements matching the gaze position may both be first interface elements, or at least two interface elements in the group of interface elements matching the gaze position may include a first interface element and a second interface element.
[0107] The first interface element refers to an interface element whose display size is not only enlarged but also whose display content is increased. The second interface element refers to an interface element whose display size is enlarged. The display content of the second interface element before enlargement is the same as the display content after enlargement, that is, the display size of the second interface element is enlarged, but the display content of the second interface element is not changed.
[0108] The display content before magnification refers to the display content of the first interface element when it is not in the magnification mode. When the first interface element is not in the magnification mode, the display content of the first interface element on the target interface is limited. When the first interface element is in the magnification mode, the first interface element can be magnified, so more display content can be displayed on the first interface element. Therefore, the display content of the first interface element in the magnification mode has more information than the display content when it is not in the magnification mode.
[0109] For example, when at least two interface elements in the interface element group matching the gaze position include a first interface element and a second interface element and the target interface is Figure 6 As shown in 601, the first interface element may be a small map, and the second interface elements may be controls c1, c2, c3, c4, c5, and c6. After displaying the display content of the first interface element in the zoom mode on the target interface and enlarging the display size of the second interface element in the interface element group, the target interface may be as shown in FIG. Figure 6 As shown in 602.
[0110] More information can be set according to the properties of the first interface element. For example, when the first interface element is a small map, the more information can be more map detail information. The map detail information can be, for example, location information and / or longitude and latitude information. At this time, the map corresponding to the display content of the first interface element in the zoom mode has higher accuracy. When the first interface element is a collection of multiple sub-interface elements, the more information can be multiple sub-interface elements. At this time, the first interface element is enlarged and the multiple sub-interface elements are expanded and displayed at the same time.
[0111] Optionally, the terminal can obtain more information and then add more information to the display content before enlargement to obtain the display content of the first interface element in the enlarged mode. Alternatively, the terminal can pre-store the display content of the first interface element in the enlarged mode and then directly obtain the display content of the first interface element in the enlarged mode from the storage space.
[0112] In an embodiment of the present application, the display content of the first interface element in the interface element group in the zoom mode is obtained, and the display content of the first interface element in the zoom mode has more information than the display content before zooming in, and the display content of the first interface element in the zoom mode is displayed on the target interface. Alternatively, the display content of the first interface element in the zoom mode is displayed on the target interface and the display size of the second interface element in the interface element group is enlarged, and the display content of the second interface element before zooming in is the same as the display content after zooming in, so that not only can the interface element be enlarged, but also more information can be displayed on the interface element, so that the display of the interface element better meets the needs of players.
[0113] In some embodiments, enlarging the display sizes of at least two interface elements on the target interface includes:
[0114] Enlarging the display sizes of at least two interface elements on the target interface according to a first preset size;
[0115] The present application also includes:
[0116] Get the gaze time corresponding to the gaze operation;
[0117] The magnification sizes of at least two interface elements are dynamically changed according to the gaze time, and the magnification is stopped when the magnification size is equal to a second preset size.
[0118] The longer the gaze time, the larger the magnification size, and the shorter the gaze time, the smaller the magnification size. After the display size of at least two interface elements on the target interface is magnified according to the first preset size, if the player continues to gaze at the at least two interface elements for a long time, it indicates that the player may not have seen the at least two interface elements clearly. Therefore, the magnification size of the at least two interface elements can be dynamically changed according to the gaze time until the magnification size is equal to the second preset size and the magnification is stopped. The second preset size is larger than the first preset size.
[0119] In an embodiment of the present application, the display size of at least two interface elements on the target interface is enlarged according to a first preset size, the gaze time corresponding to the gaze operation is obtained, and the enlarged size of the at least two interface elements is dynamically changed according to the gaze time until the enlarged size is equal to a second preset size and the enlargement is stopped, thereby further improving the flexibility of displaying interface elements and making it easier for players to view interface elements.
[0120] In some embodiments, the target interface is a game interface of a target game, and enlarging the display size of at least two interface elements on the target interface includes:
[0121] Obtaining the operable area of the electronic device by the hand of the player of the target game;
[0122] At least two interface elements on the target interface are enlarged and displayed in the operable area.
[0123] The operable area of the electronic device by the hand refers to the area that the hand can operate when holding the electronic device. For example, when the two hands hold the left and right sides of the electronic device, the interface element group and the operable area that match the gaze position can be as follows: Figure 7 As shown, when at least two interface elements are enlarged and displayed in the operable area, the target interface can be as follows Figure 8 shown.
[0124] When the target interface is the game interface of the target game, the player usually holds the electronic device with both hands. At this time, the area on the electronic device that can be operated by both hands is limited, and the area on the electronic device that can be operated by both hands is close to the hands. When the player looks at at least two interface elements, the player is more likely to interact with the at least two interface elements. Therefore, in an embodiment of the present application, the operable area of the electronic device for the hand of the player of the target game is obtained, and at least two interface elements on the target interface are enlarged and displayed on the operable area, thereby improving the convenience of the player interacting with the at least two interface elements.
[0125] From the above content, it can be seen that in an embodiment of the present application, a target interface is displayed, the target interface includes interface elements, and in response to a gaze operation on the target interface, a gaze position corresponding to the gaze operation in the target interface is determined; an interface element group matching the gaze position is determined, wherein the interface element group includes at least two interface elements, and there is an association relationship between at least two interface elements; display parameters of at least two interface elements on the target interface are adjusted to achieve adjustment of the display parameters of the interface elements through the gaze operation, thereby improving the flexibility of displaying the interface elements.
[0126] According to the following Fig. 9 , the element display method provided by the present application is further described. In this embodiment, the display size is taken as an example of the display parameter, and the enlargement is taken as an example of the adjustment.
[0127] 901. The terminal obtains a target display size corresponding to an immersive game mode, wherein the target display size of the interface element is smaller than a normal display size corresponding to a non-immersive game mode, and displays a target interface, and displays the interface element on the target interface according to the target display size.
[0128] 902. In response to a gaze operation on a target interface, the terminal determines a gaze position in the target interface corresponding to the gaze operation, and determines an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, an association relationship exists between the at least two interface elements, and the at least two interface elements include a first interface element and / or a second interface element.
[0129] 903. The terminal obtains display content of a first interface element in the interface element group in a magnification mode. In the magnification mode, the display content of the first interface element has more information than the display content before magnification.
[0130] 904. The terminal displays the display content of the first interface element in the magnification mode on the target interface, or displays the display content of the first interface element in the magnification mode on the target interface and enlarges the display size of the second interface element in the interface element group according to the first preset size, and the display content of the second interface element before enlargement is the same as the display content after enlargement.
[0131] The magnification mode may include different magnification sizes, and the first interface element may have display contents of different magnification sizes in the magnification mode. At this time, displaying the display contents of the first interface element in the magnification mode on the target interface includes:
[0132] Display content corresponding to the first preset size of the first interface element in the magnification mode is displayed on the target interface.
[0133] This embodiment also includes:
[0134] Get the gaze time corresponding to the gaze operation;
[0135] According to the gaze time, the display content of the first interface element with different magnified sizes and the magnified size of the second interface element are dynamically changed until the magnification is stopped when the magnified size is equal to the second preset size.
[0136] 905. The terminal enlarges the display size of the second interface element on the target interface according to the first preset size, and the display content of the second interface element before and after the enlargement is the same.
[0137] The terminal may display the display content of the first interface element in the magnification mode on the operable area of the target interface and enlarge the display size of the second interface element on the operable area of the target interface according to the first preset size.
[0138] The specific implementation method and corresponding beneficial effects of this embodiment can be specifically referred to the above-mentioned element display method embodiment, and this embodiment will not be described in detail here.
[0139] In order to better implement the above method, an embodiment of the present application further provides an element display device, which can be specifically integrated into an electronic device, such as a computer device, which can be a terminal, a server, or other device.
[0140] Among them, the terminal can be a mobile phone, a tablet computer, a smart Bluetooth device, a laptop computer, a personal computer and other devices; the server can be a single server or a server cluster composed of multiple servers.
[0141] For example, in this embodiment, the method of the embodiment of the present application is described in detail by taking the element display device specifically integrated in the terminal as an example. This embodiment provides an element display device, such as Fig.10 As shown, the element display device may include:
[0142] The interface display module 1001 is used to display a target interface, where the target interface includes interface elements.
[0143] The first determining module 1002 is used to determine a gaze position corresponding to the gaze operation in the target interface in response to the gaze operation on the target interface.
[0144] The second determination module 1003 is used to determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements.
[0145] The parameter adjustment module 1004 is used to adjust display parameters of at least two interface elements on the target interface.
[0146] In some embodiments, the second determining module 1003 is specifically configured to execute:
[0147] Acquire a display area corresponding to an interface element group including at least two interface elements, where the display area displays at least two interface elements in the interface element group;
[0148] The interface element group corresponding to the display area including the gaze position is determined as the interface element group matching the gaze position.
[0149] In some embodiments, the second determining module 1003 is specifically configured to execute:
[0150] Determine an interface element located at a gaze position and determine an interface element located at a target position whose distance from the gaze position meets a preset distance condition;
[0151] According to the interface elements located at the gaze position and the interface elements located at the target position, a group of interface elements matching the gaze position is determined.
[0152] In some embodiments, the second determining module 1003 is specifically configured to execute:
[0153] Determine a control located at a gaze position and determine a target control associated with the control at the gaze position, and associate a control function corresponding to the control at the gaze position with a control function corresponding to the target control;
[0154] Based on the controls at the gaze position and the target controls, determine the group of UI elements that match the gaze position.
[0155] In some embodiments, the target interface is a game interface of a target game, and the second determination module 1003 is specifically used to execute:
[0156] Obtaining information related to a control function setting corresponding to a control at a gaze position in a target game or information on control usage habits of a player of the target game;
[0157] According to the association information or the control usage habit information, a target control associated with the control at the gaze position is determined.
[0158] In some embodiments, the display parameters include display size, and the parameter adjustment module 1004 is specifically used to perform:
[0159] The display sizes of at least two interface elements on the target interface are enlarged.
[0160] In some embodiments, the parameter adjustment module 1004 is specifically configured to perform:
[0161] Obtaining display content of a first interface element in the interface element group in a magnification mode, wherein the display content of the first interface element in the magnification mode has more information than the display content before magnification;
[0162] Displaying the display content of the first interface element in the magnified mode on the target interface;
[0163] Alternatively, the display content of the first interface element in the magnification mode is displayed on the target interface and the display size of the second interface element in the interface element group is magnified, and the display content of the second interface element before and after the magnification is the same.
[0164] In some embodiments, the parameter adjustment module 1004 is specifically configured to perform:
[0165] Enlarging the display sizes of at least two interface elements on the target interface according to a first preset size;
[0166] Get the gaze time corresponding to the gaze operation;
[0167] The magnification sizes of at least two interface elements are dynamically changed according to the gaze time, and the magnification is stopped when the magnification size is equal to a second preset size.
[0168] In some embodiments, the target interface is a game interface of a target game, and the parameter adjustment module 1004 is specifically used to perform:
[0169] Obtaining the operable area of the electronic device by the hand of the player of the target game;
[0170] At least two interface elements on the target interface are enlarged and displayed in the operable area.
[0171] In some embodiments, the interface display module 1001 is specifically used to perform:
[0172] Obtain target display parameters corresponding to the immersive game mode, under which the display size of the interface element is smaller than the normal display size corresponding to the non-immersive game mode;
[0173] Display the target interface and display interface elements on the target interface according to the target display parameters.
[0174] In specific implementation, the above modules can be implemented as independent entities, or can be arbitrarily combined and implemented as the same or several entities. The specific implementation methods and corresponding beneficial effects of the above modules can be found in the previous method embodiments, which will not be repeated here.
[0175] Accordingly, an embodiment of the present application further provides an electronic device, which may be a terminal, and the terminal may be a smart phone, a tablet computer, a laptop computer, a touch screen, a game console, a personal computer (PC), a personal digital assistant (PDA), or other terminal devices. Fig.11 As shown, Fig.11 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. The electronic device 1100 includes a processor 1101 having one or more processing cores, a memory 1102 having one or more computer-readable storage media, and a computer program stored in the memory 1102 and executable on the processor. The processor 1101 is electrically connected to the memory 1102. It will be understood by those skilled in the art that the electronic device structure shown in the figure does not constitute a limitation on the electronic device, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.
[0176] The processor 1101 is the control center of the electronic device 1100. It uses various interfaces and lines to connect the various parts of the entire electronic device 1100, executes various functions of the electronic device 1100 and processes data by running or loading software programs and / or modules stored in the memory 1102, and calling data stored in the memory 1102, thereby monitoring the electronic device 1100 as a whole.
[0177] In the embodiment of the present application, the processor 1101 in the electronic device 1100 will load instructions corresponding to the processes of one or more application programs into the memory 1102 according to the following steps, and the processor 1101 will run the application programs stored in the memory 1102 to implement various functions, such as:
[0178] Displaying a target interface, where the target interface includes interface elements;
[0179] In response to a gaze operation on a target interface, determining a gaze position corresponding to the gaze operation in the target interface;
[0180] Determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements;
[0181] Adjust display parameters of at least two interface elements on the target interface.
[0182] The specific implementation methods and corresponding beneficial effects of the above operations can be found in the detailed description of the element display method above, which will not be elaborated here.
[0183] Optional, such as Fig.11 As shown, the electronic device 1100 further includes: a touch screen 1103, a radio frequency circuit 1104, an audio circuit 1105, an input unit 1106, and a power supply 1107. The processor 1101 is electrically connected to the touch screen 1103, the radio frequency circuit 1104, the audio circuit 1105, the input unit 1106, and the power supply 1107, respectively. Those skilled in the art can understand that Fig.11 The electronic device structure shown in the figure does not constitute a limitation of the electronic device, and may include more or less components than shown in the figure, or combine certain components, or arrange the components differently.
[0184] The touch display screen 1103 can be used to display a graphical user interface and receive operation instructions generated by the user acting on the graphical user interface. The touch display screen 1103 may include a display panel and a touch panel. Among them, the display panel can be used to display information input by the user or information provided to the user and various graphical user interfaces of the electronic device, and these graphical user interfaces can be composed of graphics, text, icons, videos and any combination thereof. Optionally, the display panel can be configured in the form of a liquid crystal display (LCD, Liquid Crystal Display), an organic light-emitting diode (OLED, Organic Light-EmittingDiode) and the like. The touch panel can be used to collect the user's touch operation on or near it (such as the user uses any suitable object or attachment such as a finger, a stylus, etc. on the touch panel or near the touch panel), and generate corresponding operation instructions, and the operation instructions execute corresponding programs. Optionally, the touch panel may include two parts: a touch detection device and a touch controller. Among them, the touch detection device detects the user's touch orientation, detects the signal brought by the touch operation, and transmits the signal to the touch controller; the touch controller receives the touch information from the touch detection device, converts it into the touch point coordinates, and then sends it to the processor 1101, and can receive the command sent by the processor 1101 and execute it. The touch panel can cover the display panel. When the touch panel detects a touch operation on or near it, it is transmitted to the processor 1101 to determine the type of touch event, and then the processor 1101 provides a corresponding visual output on the display panel according to the type of touch event. In an embodiment of the present application, the touch panel and the display panel can be integrated into the touch display screen 1103 to realize the input and output functions. However, in some embodiments, the touch panel and the touch panel can be used as two independent components to realize the input and output functions. That is, the touch display screen 1103 can also be used as a part of the input unit 1106 to realize the input function.
[0185] The radio frequency circuit 1104 may be used to send and receive radio frequency signals, so as to establish wireless communication with a network device or other electronic devices through wireless communication, and to send and receive signals between the network device or other electronic devices.
[0186] The audio circuit 1105 can be used to provide an audio interface between the user and the electronic device through a speaker and a microphone. The audio circuit 1105 can transmit the electrical signal converted from the received audio data to the speaker, which is converted into a sound signal for output; on the other hand, the microphone converts the collected sound signal into an electrical signal, which is received by the audio circuit 1105 and converted into audio data, and then the audio data is output to the processor 1101 for processing, and then sent to another electronic device through the radio frequency circuit 1104, or the audio data is output to the memory 1102 for further processing. The audio circuit 1105 may also include an earplug jack to provide communication between an external headset and an electronic device.
[0187] The input unit 1106 may be used to receive input numbers, character information or user feature information (such as fingerprint, iris, facial information, etc.), and generate keyboard, mouse, joystick, optical or trackball signal input related to user settings and function control.
[0188] The power supply 1107 is used to supply power to various components of the electronic device 1100. Optionally, the power supply 1107 can be logically connected to the processor 1101 through a power management system, so that the power management system can manage charging, discharging, and power consumption. The power supply 1107 can also include one or more DC or AC power supplies, recharging systems, power failure detection circuits, power converters or inverters, power status indicators, and other arbitrary components.
[0189] although Fig.11 Not shown, the electronic device 1100 may also include a camera, a sensor, a wireless fidelity module, a Bluetooth module, etc., which will not be described in detail here.
[0190] In the above embodiments, the description of each embodiment has its own emphasis. For parts that are not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.
[0191] A person of ordinary skill in the art will appreciate that all or part of the steps in the various methods of the above embodiments may be completed by instructions, or by controlling related hardware through instructions. The instructions may be stored in a computer-readable storage medium and loaded and executed by a processor.
[0192] To this end, an embodiment of the present application provides a computer-readable storage medium, in which a plurality of computer programs are stored, and the computer program can be loaded by a processor to execute any element display method provided in the embodiment of the present application. For example, the computer program can execute the following steps:
[0193] Displaying a target interface, where the target interface includes interface elements;
[0194] In response to a gaze operation on a target interface, determining a gaze position corresponding to the gaze operation in the target interface;
[0195] Determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements;
[0196] Adjust display parameters of at least two interface elements on the target interface.
[0197] The specific implementation methods and corresponding beneficial effects of the above operations can be found in the detailed description of the element display method above, which will not be elaborated here.
[0198] The computer-readable storage medium may include: a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, etc.
[0199] Since the computer program stored in the computer-readable storage medium can execute any one of the element display methods provided in the embodiments of the present application, the beneficial effects that can be achieved by any one of the element display methods provided in the embodiments of the present application can be achieved. Please refer to the previous embodiments for details and will not be repeated here.
[0200] The above is a detailed introduction to an element display method, device, electronic device and computer-readable storage medium provided in the embodiments of the present application. Specific examples are used herein to illustrate the principles and implementation methods of the present application. The description of the above embodiments is only used to help understand the method of the present application and its core idea; at the same time, for technical personnel in this field, according to the ideas of the present application, there will be changes in the specific implementation methods and application scopes. In summary, the content of this specification should not be understood as a limitation on the present application.
Claims
1. An element display method, characterized in that: The method comprises: Display a target interface, wherein the target interface includes interface elements; In response to a gaze operation on the target interface, determining a gaze position corresponding to the gaze operation in the target interface; Determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements; Adjust display parameters of the at least two interface elements on the target interface.
2. The element display method according to claim 1, characterized in that: The determining of the interface element group matching the gaze position includes: Acquire a display area corresponding to an interface element group including at least two interface elements, wherein the display area displays at least two interface elements in the interface element group; The interface element group corresponding to the display area including the gaze position is determined as the interface element group matching the gaze position.
3. The element display method according to claim 1, characterized in that: The determining of the interface element group matching the gaze position includes: Determine an interface element located at the gaze position and determine an interface element located at a target position whose distance from the gaze position meets a preset distance condition; According to the interface elements located at the gaze position and the interface elements located at the target position, a group of interface elements matching the gaze position is determined.
4. The element display method according to claim 1, characterized in that: The interface element includes a control, and determining a group of interface elements matching the gaze position includes: Determine a control located at the gaze position and determine a target control associated with the control at the gaze position, wherein a control function corresponding to the control at the gaze position is associated with a control function corresponding to the target control; According to the control located at the gaze position and the target control, a group of interface elements matching the gaze position is determined.
5. The element display method according to claim 4, characterized in that: The target interface is a game interface of a target game, and determining a target control associated with the control at the gaze position includes: Acquire association information of control function settings corresponding to the control located at the gaze position in the target game or control usage habit information of a player of the target game; A target control associated with the control at the gaze position is determined according to the association information or the control usage habit information.
6. The element display method according to claim 1, characterized in that: The display parameters include a display size, and the adjusting the display parameters of the at least two interface elements on the target interface includes: The display sizes of the at least two interface elements on the target interface are enlarged.
7. The element display method according to claim 6, characterized in that: The enlarging the display sizes of the at least two interface elements on the target interface includes: Acquire display content of a first interface element in the interface element group in a magnification mode, wherein the display content of the first interface element in the magnification mode has more information than the display content before magnification; Displaying the display content of the first interface element in the magnification mode on the target interface; Alternatively, the display content of the first interface element in the magnification mode is displayed on the target interface and the display size of the second interface element in the interface element group is enlarged, and the display content of the second interface element before and after the enlargement is the same.
8. The element display method according to claim 6, characterized in that: The enlarging the display sizes of the at least two interface elements on the target interface includes: Enlarging the display sizes of the at least two interface elements on the target interface according to a first preset size; The method further comprises: Obtaining a gaze time corresponding to the gaze operation; The enlarged sizes of the at least two interface elements are dynamically changed according to the gaze time, and the enlargement is stopped when the enlarged size is equal to a second preset size.
9. The element display method according to claim 6, characterized in that: The target interface is a game interface of a target game, and the step of enlarging the display sizes of the at least two interface elements on the target interface includes: Obtaining an operable area of the electronic device by a hand of a player of the target game; The at least two interface elements on the target interface are enlarged and displayed on the operable area.
10. The element display method according to any one of claims 1 to 9, characterized in that: The display target interface includes: Acquire a target display parameter corresponding to the immersive game mode, under which the display size of the interface element is smaller than a normal display size corresponding to the non-immersive game mode; The target interface is displayed, and interface elements are displayed on the target interface according to the target display parameters.
11. An element display device, characterized in that: The device comprises: An interface display module, used to display a target interface, wherein the target interface includes interface elements; A first determining module, configured to determine, in response to a gaze operation on the target interface, a gaze position corresponding to the gaze operation in the target interface; A second determination module is used to determine an interface element group that matches the gaze position, wherein the interface element group includes at least two interface elements, and there is an association relationship between the at least two interface elements; The parameter adjustment module is used to adjust the display parameters of the at least two interface elements on the target interface.
12. An electronic device, characterized in that: It comprises a processor and a memory, wherein the memory stores a plurality of instructions; the processor loads instructions from the memory to execute the element display method according to any one of claims 1 to 0.
13. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a plurality of instructions, and the instructions are suitable for being loaded by a processor to execute the element display method according to any one of claims 1 to 10.