Information display method and device, electronic equipment and storage medium

Abstract

The invention discloses an information display method and device, electronic equipment and a storage medium, and is applied to the technical field of information display of games. The method comprises the steps of determining a current position of a target interaction object in a graphical user interface; determining a first display area of a content display control based on the current position, wherein the content display control is used for displaying interaction information of the target interaction object; in response to the fact that at least part of the first display area is located outside a preset display area of the graphical user interface, the first display area is shifted, a second display area located in the preset display area after shifting is obtained, and the content display control is displayed in the second display area. According to the embodiment of the invention, when the display area of the content display control of the target interaction object is located outside the preset display area, the display area of the content display control is shifted into the preset display area, so that a player can always obtain complete interaction information of the target interaction object.

Description

Technical Field

[0001] The present application relates to the field of game information display, and in particular to an information display method, an information display device, an electronic device, and a computer-readable storage medium. Background Art

[0002] In the sandbox game, you can click on the sandbox target to display the details interface of the sandbox target. The details interface is attached near the sandbox target. If the sandbox target happens to be at the edge of the screen, or the details interface is relatively large, part of the details interface will exceed the screen, and the player will not be able to fully obtain the details of the sandbox target.

[0003] It should be noted that the information disclosed in the above background technology section is only used to enhance the understanding of the background of this application, and therefore may include information that does not constitute prior art known to ordinary technicians in this field. Summary of the Invention

[0004] This application aims to solve at least one of the technical problems existing in the prior art. To this end, this application proposes an information display method, an information display device, an electronic device, and a computer-readable storage medium, which can offset the display area of ​​the content display control of a target interactive object to within the preset display area when the display area of ​​the content display control of the target interactive object is outside the preset display area, thereby ensuring that the player can always obtain complete interactive information of the target interactive object.

[0005] In a first aspect, the present application provides an information display method for providing a graphical user interface through a display screen of a terminal device, the method comprising:

[0006] determining a current position of a target interactive object in the graphical user interface;

[0007] Determining a first display area of ​​a content display control based on the current position, the content display control being used to display interaction information of the target interactive object;

[0008] In response to the first display area being at least partially outside a preset display area of ​​the graphical user interface, the first display area is offset to obtain a second display area located within the preset display area after the offset, and the content display control is displayed in the second display area.

[0009] In a second aspect, the present application provides an information display device that provides a graphical user interface through a display screen of a terminal device, the information display device comprising:

[0010] A first determining module, configured to determine a current position of a target interactive object in the graphical user interface;

[0011] a second determining module, configured to determine a first display area of ​​a content display control based on the current position, wherein the content display control is configured to display interaction information of the target interactive object;

[0012] an offset module for offsetting the first display area in response to the first display area being at least partially outside the preset display area of ​​the graphical user interface to obtain a second display area located within the preset display area after the offset, and displaying the content display control in the second display area.

[0013] In a third aspect, the present application provides an electronic device, comprising:

[0014] memory, processor, and display;

[0015] The memory is used to store one or more computer instructions;

[0016] The processor is configured to execute the one or more computer instructions to implement the above-mentioned information display method;

[0017] The display screen is used to display a graphical user interface.

[0018] In a fourth aspect, the present application provides a computer-readable storage medium having one or more computer instructions stored thereon, which implement the above-mentioned information display method when executed by a processor.

[0019] In the information display method, information display device, electronic device and computer-readable storage medium provided by the embodiments of the present application, the closer the current position of the target interactive object in the graphical user interface is to the edge of the graphical user interface, the easier it is for the interactive information to exceed the edge of the interface when displaying the interactive information of the target interactive object.

[0020] Therefore, based on the current position of the target interactive object, a first display area of ​​the content display control for displaying interactive information can be first determined. Then, a determination is made as to whether the first display area exceeds the preset display area of ​​the graphical user interface. If the first display area is outside the preset display area, the content display control cannot be fully displayed. In this case, the first display area needs to be offset to a second display area within the preset display area. The content display control is then displayed in the second display area, allowing the player to always see the complete content display control and, therefore, the complete interactive information of the target object.

[0021] Additional aspects and advantages of the embodiments of the present application will be given in part in the description below, and in part will become obvious from the description below, or will be learned through practice of the embodiments of the present application. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] The above and / or additional aspects and advantages of the present application will become apparent and easily understood from the description of the embodiments in conjunction with the following drawings, in which:

[0023] Figure 1 This is a schematic diagram of an application scenario of the information display method provided in an embodiment of the present application;

[0024] Figure 2 This is a schematic diagram of a first flow chart of the information display method provided in an embodiment of the present application;

[0025] Figure 3 This is a schematic diagram of the first scenario of the information display method provided in an embodiment of the present application;

[0026] Figure 4 This is a second flow chart of the information display method provided in an embodiment of the present application;

[0027] Figure 5 This is a schematic diagram of a second scenario of the information display method provided in an embodiment of the present application;

[0028] Figure 6 2 is a schematic diagram of a third scenario of the information display method provided in an embodiment of the present application;

[0029] Figure 7 4 is a schematic diagram of a fourth scenario of the information display method provided in an embodiment of the present application;

[0030] Figure 8 Schematic diagram of the fifth scenario of the information display method provided in an embodiment of the present application;

[0031] Figure 9 3 is a schematic diagram of a third flow chart of the information display method provided in an embodiment of the present application;

[0032] Figure 10 This is a fourth flow chart of the information display method provided in an embodiment of the present application;

[0033] Figure 11 is a module schematic diagram of the information display device provided in an embodiment of the present application;

[0034] Figure 12 is a schematic diagram of the structure of the terminal device provided in an embodiment of the present application; and

[0035] Figure 13 This is a schematic diagram of the hardware structure of the terminal device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0036] The following description sets forth many specific details to facilitate a thorough understanding of the present application. However, the present application can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the scope of the present application. Therefore, the present application is not limited to the specific embodiments disclosed below.

[0037] It should be noted that the terms "first", "second", "third", etc. in the claims, description and drawings of the present application are used to distinguish similar objects and are not used to describe a specific order or sequence. The data used in this way are interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in a sequence other than that illustrated or described herein. In addition, the terms "including", "having" and 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.

[0038] It should be understood that in the embodiments of the present application, "at least one" refers to one or more, and "more than one" refers to two or more. "And / or" is merely a description of the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the previous and subsequent associated objects are in an "or" relationship. "Including A, B and / or C" means including any one, any two, or any three of A, B, and C.

[0039] It should be understood that in the embodiments of the present application, "B corresponding to A," "B corresponding to A," "A corresponds to B," or "B corresponds to A" means that B is associated with A and B can be determined based on A. Determining B based on A does not mean determining B based solely on A; B can also be determined based on A and / or other information.

[0040] In view of the above-mentioned problems, embodiments of the present application provide a method, device, electronic device, and computer-readable storage medium for displaying information in a game.

[0041] The information display method in the game provided by the embodiment of the present application can be executed by an electronic device, which can be a terminal device or a server, etc. The terminal device can be a terminal device such as a smart phone, a tablet computer, or a laptop computer.

[0042] 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 storage, network services, cloud communications, middleware services, domain name services, security services, CDN, as well as big data and artificial intelligence platforms.

[0043] In an optional embodiment, when the in-game information display method is executed on a terminal device, the terminal device may include a display screen and a processor. The display screen is configured to present a graphical user interface (GUI), which at least partially displays the game screen. The display screen is also configured to receive instructions generated by a player acting on the game screen. The game screen may include a portion of a virtual game scene, which is a virtual world in which virtual characters operate. The processor is configured to store the game application, execute the game, generate the game screen, respond to instructions, and control the display of the game screen on the display screen. When the player operates the game screen via the display screen, the game screen can control the local content of the terminal device in response to the received operation instructions.

[0044] In an optional embodiment, the game of the present application may be a real-time sandbox strategy game, and the game screen is the sandbox interface.

[0045] Real-time sandbox strategy game is a type of game that focuses on strategy and combines real-time operations and sandbox map elements.

[0046] There are many ways for the terminal device to provide the graphical user interface to the player. For example, the graphical user interface can be rendered and displayed on the display screen of the terminal device, or presented through holographic projection.

[0047] The game scene can be understood as a sandbox world, a simulation of the real world in the game, a virtual environment that is semi-simulated and semi-fictional, or a purely fictional virtual environment. The game scene can be any of a 2D virtual scene, a 2.5D virtual scene, and a 3D virtual scene.

[0048] A virtual scene typically includes multiple scene elements, which are the elements required to construct the virtual scene. For example, they may include, but are not limited to, at least one of the following: virtual character elements, virtual item elements, virtual building elements, virtual terrain elements, and virtual vegetation elements. Virtual terrain elements may include, but are not limited to, natural landforms such as land, oceans, lakes, and rivers. A virtual scene is where players control virtual characters to complete game logic.

[0049] It is understood that a virtual character is a game character controlled by the player in the game. The player manipulates the virtual character to perform various game activities in the game scene, such as picking up props, fighting, exploring, or solving puzzles. The virtual character can represent the player's image and can be implemented as a three-dimensional virtual model or a two-dimensional virtual model, which is not specifically limited in this embodiment. Virtual characters include, but are not limited to, at least one of a virtual person, a virtual animal, and a virtual machine.

[0050] In an optional embodiment, when the information display method in the game is run on a server, the method can be implemented and executed based on a cloud gaming system. A cloud gaming system refers to a gaming method based on cloud computing.

[0051] A cloud gaming system consists of a server and client devices. The main operating entity of the game application and the entity that presents the game screen are separate. The storage and operation of the in-game information display method are completed on the server. The game screen is presented on the client, which is mainly used to receive and send game data and present the game screen. For example, the client can be a display device with data transmission capabilities close to the player, such as a mobile terminal, television, computer, PDA, personal digital assistant, head-mounted display device, etc., but the terminal device that processes the game data is the cloud server.

[0052] When playing the game, the player operates the client to send instructions to the server. The server controls the game according to the instructions, encodes and compresses the game screen and other data, and returns it to the client through the network. Finally, the client decodes and outputs the game screen.

[0053] It should be noted that in the embodiments of the present application, the execution entity of the information display method in the game can be a terminal device or a server, wherein the terminal device can be a local terminal device or a client device in the aforementioned cloud game. The embodiments of the present application do not limit the type of execution entity.

[0054] For example, combined with the above introduction, Figure 1 A game system 1000 for implementing a game control method provided by an embodiment of the present application is shown. The game system 1000 may include at least one terminal device 100, at least one server 200, at least one database 300, and a network.

[0055] The terminal device 100 held by the user can be connected to different servers through the network. The terminal device is any device with computing hardware that can support and execute the software application tool corresponding to the game.

[0056] In the above-mentioned game system 1000, the terminal device 100 is used to install and run the game application. In some cases, the game application may not be installed in advance in the terminal device 100, and the player can directly access the game through a client such as a browser.

[0057] Players log in to the game application using their registered game account and can control the virtual character corresponding to that game account to participate in the game. When a player logs in to the game application, the terminal device 100 sends a login request to the server 200. The server 200 verifies the game account used by the player and determines the game mechanism corresponding to the game account based on the login request. If the verification is successful, the server 200 returns a login success notification to the terminal device 100.

[0058] When players participate in the game through the game application, data is exchanged between the terminal device 100 and the server 200. The terminal device 100 sends various information to the server 200. The server 200 determines the display data of the terminal device 100 based on the stored game mechanism and the received information, and sends the display data to the terminal device 100, so that the display data sent by the server 200 can be displayed to the player through the terminal device 100.

[0059] In possible application scenarios, different terminal devices 100 may be served by different servers 200. Therefore, in order to distinguish the servers 200 corresponding to different terminal devices 100, the embodiments of this application will be described using the first and second methods. In fact, the servers 200 corresponding to different terminal devices 100 may also be the same server 200. Therefore, without distinguishing between the first and second methods, it can be understood that the terminal devices 100 corresponding to the virtual characters in the same game scene are served by the same server 200.

[0060] In addition, when the gaming system 1000 includes multiple terminal devices, multiple servers, and multiple networks, different terminal devices can be connected to each other through different networks and different servers. The network can be a wireless network or a wired network, such as a wireless local area network (WLAN), a local area network (LAN), a cellular network, a 2G network, a 3G network, a 4G network, a 5G network, etc.

[0061] In addition, different terminal devices can also use their own Bluetooth network or hotspot network to connect to other terminal devices or connect to servers, etc.

[0062] In addition, the system 100 may include multiple databases coupled to different servers, and the game-related information may be continuously stored in the databases when different users play the multi-user game online.

[0063] It should be noted that in the embodiments of the present application, the same virtual game is running on multiple terminal devices. Therefore, data exchange between the multiple terminal devices can be achieved through the virtual game server. Therefore, when terminal device 1 sends data to terminal device 2, it can be understood that terminal device 1 sends data to the virtual game server, and the server sends the data to terminal device 2. When terminal device 1 receives data sent by terminal device 2, it can be understood that terminal device 1 receives data sent by the virtual game server, which is the data sent by terminal device 2 to the server. Alternatively, there may be no game server, and terminal device 1 can send game data directly to terminal device 2.

[0064] It should be noted that Figure 1 The game system diagram shown is only an example. The game system 1000 described in the embodiment of the present application is intended to more clearly illustrate the technical solution of the embodiment of the present application, and does not constitute a limitation on the technical solution provided in the embodiment of the present application. A person skilled in the art will know that with the evolution of the game system and the emergence of new business scenarios, the technical solution provided in the embodiment of the present application is also applicable to similar technical problems.

[0065] It should be noted that the triggering operations that appear in the subsequent detailed introduction of the information display method in the game provided by the embodiment of the present application can all be regarded as operations performed by the player through fingers or controlling a medium such as a mouse, keyboard, or stylus. The specific medium to be used can be determined according to the type of electronic device. For example, when the electronic device is a touch screen device such as a mobile phone, tablet computer, or game console, the player can perform touch operations on the touch screen through any suitable object or accessory such as a finger or stylus. When the terminal device is a non-touch screen terminal device such as a desktop computer or laptop computer, the player can perform operations through external devices such as a mouse and keyboard.

[0066] The technical solution of the present application is described in detail below through specific embodiments. It should be noted that the following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

[0067] like Figure 2 As shown, Figure 2 This is a flow chart of an information display method provided in an embodiment of the present application. It should be noted that the steps shown can be performed in a different logical order than that shown in the flow chart of the method. The method may include the following steps 011 to 013, which are described in detail below.

[0068] Step 011: Determine the current position of the target interactive object in the graphical user interface.

[0069] The target interactive object is the interactive object selected from the interactive objects currently displayed on the graphical user interface.

[0070] Among them, interactive objects are game elements that players can trigger to induce specific feedback or state changes through triggering operations (such as clicking, pressing keys, touching, etc.).

[0071] In an optional embodiment, in response to a first triggering operation on a target interactive object of the graphical user interface, determining a current position of the target interactive object; and / or

[0072] In response to a camera movement operation received by the graphical user interface, determining a current position of a target interactive object; and / or

[0073] In response to a zoom operation received by the graphical user interface, a current position of the target interactive object is determined.

[0074] The first trigger operation may be a click, a key press, a touch, or the like.

[0075] After the player selects an interactive object, the target interactive object can be determined. Based on the player's trigger position in the graphical user interface, the current position of the target interactive object in the graphical user interface can be determined.

[0076] It is understood that during the game, players can move and / or zoom the camera angle to view different game scenes. For example, in a sandbox game, players can change the camera angle by moving or zooming the camera to view different sandbox areas in the graphical user interface. The position of the target interactive object in the game scene is generally fixed. When the camera angle changes, the current position of the target interactive object also changes accordingly.

[0077] Therefore, in response to a lens movement operation and / or a lens zoom operation received by the graphical user interface, the current position of the target interactive object can be re-determined.

[0078] In this way, by responding to the first trigger operation, the lens movement operation and / or the lens zoom operation, the current position of the target interactive object in the graphical user interface can be accurately determined, which can facilitate the subsequent judgment of whether the interactive information of the target interactive object exceeds the preset display area of ​​the graphical user interface when displayed.

[0079] Step 012: Determine a first display area of ​​the content display control based on the current position.

[0080] The content display control is a control that is mounted in a graphical user interface to display specific content.

[0081] In an optional embodiment, the content display control is used to display the interaction information of the target interactive object.

[0082] The interaction information of the target interaction object may be detailed information introducing the target interaction object; or, the interaction information of the target interaction object may be interaction information preset by the target interaction object; or, the interaction information of the target interaction object may be status information of the target interaction object (such as busy, idle, etc.).

[0083] In an optional embodiment, the interactive information may include video, image and / or text, etc.

[0084] In an optional embodiment, in response to a triggering operation on the content display control, the content display control is caused to display different interactive information.

[0085] See also Figure 3 For example, a graphical user interface S1 includes a preset display area S2, which can be used to display a game scene. The preset display area S2 includes multiple interactive objects S3. For example, a target interactive object S4 is first selected from the multiple interactive objects S3, and then a content display control S5 for displaying interactive information of the target interactive object S4 can be displayed. The content display control S5 includes multiple sub-controls S6 and a content display area S7. Different sub-controls S6 correspond to different interactive information. In response to a triggering operation on any sub-control S6, the interactive information corresponding to the sub-control S6 can be displayed in the content display area S7.

[0086] The first display area is the pre-display area of ​​the content display control. It is understood that the first display area may be located within the graphical user interface, or only partially within the graphical user interface, depending on the current position of the target interactive object. The closer the current position is to the edge of the graphical user interface, the more likely the first display area is to exceed the boundary of the graphical user interface, resulting in part of the first display area being invisible to the user.

[0087] When determining the first display area, a reference coordinate system may be established with a predetermined position of the graphical user interface (e.g., the center of the graphical user interface, any corner point, or the midpoint of any edge) as the origin. The first display area may then be determined based on the current coordinates of the target interactive object in the coordinate system.

[0088] Generally, the relative position of the first display area with respect to the target interactive object is fixed. For example, the current position of the target interactive object is located at a preset position in the first display area (e.g., a position at a preset width and height from the intersection with the lower left corner of the first display area, the center of the first display area, any corner point, the midpoint of any edge, etc.). Therefore, based on the current coordinates of the current position of the target interactive object in the coordinate system, the position coordinates of the first display area in the coordinate system can be determined, thereby facilitating subsequent determination of whether the first display area exceeds the display boundary.

[0089] See also Figure 4 In an optional embodiment, step 012: determining a first display area based on the current location and interaction information includes:

[0090] Step 0121: Determine a first display area based on the current position and interaction information.

[0091] It can be understood that, in addition to the current position of the target interactive object affecting the display position of the content display control, the size of the content display control also affects the display position of the content display control.

[0092] When a content display control displays interactive information, the size of the display area required to fully display the interactive information may also vary depending on the amount of information and the layout of the interactive information.

[0093] Therefore, when determining the first display area for displaying the content display control, the first display area can be determined based on the current position and the interaction information.

[0094] Please continue reading Figure 4 In an optional embodiment, step 0121:

[0095] Step 01211: Determine the size of the first display area based on the interaction information.

[0096] Step 01212: Establish a coordinate system with the predetermined position of the graphical user interface as the origin;

[0097] Step 01213: Based on the current coordinates of the current position in the coordinate system and the size of the first display area, determine a first coordinate range of the first display area in the coordinate system.

[0098] Specifically, the size of the first display area can be determined based on the interactive information. For example, the size of the first display area required to fully display the interactive information can be determined based on the amount of information in the interactive information (such as the number of videos, images, and text included), the layout method (such as the layout method of images, the paragraph format of text (such as the first line indent, line spacing, character spacing, etc.)), the font size, etc.

[0099] For example, the size of the first display area is positively correlated with the amount of interactive information. Thus, the larger the amount of information, the larger the first display area will be used to display the content display control to ensure that the interactive information is fully displayed.

[0100] See also Figure 5 In an optional embodiment, the size of the content display control S5 is a preset size, the content display control S5 includes a content display area S7, and is provided with a page turning control S8, and the page turning control S8 is used to turn pages of the content display area S7.

[0101] It is understood that when the interactive information cannot be fully displayed in the content display area S7, the interactive information can be divided into multiple pages, and the pages can be turned through the page turning control S8, so that multiple pages of interactive information can be viewed in the content display area S7. In this way, different interactive information can be displayed through the fixed-size content display control S5.

[0102] See also Figure 6 After determining the size of the first display area, a coordinate system can be established with the predetermined position of the graphical user interface as the origin O. Then, based on the current coordinates of the current position of the target interactive object in the coordinate system, the size of the first display area, and the relative position of the current position and the first display area, the first coordinate range of the first display area in the coordinate system can be determined.

[0103] If the coordinate system includes a horizontal axis X extending along the width direction and a vertical axis Y extending along the height direction, the first coordinate range can be expressed by the horizontal coordinate range and the vertical coordinate range.

[0104] Step 013: In response to the first display area being at least partially outside the preset display area of ​​the graphical user interface, the first display area is offset to obtain a second display area located within the preset display area after the offset, and a content display control is displayed in the second display area.

[0105] The preset display area is an area in the graphical user interface for displaying game content.

[0106] In an optional embodiment, the preset display area may occupy a portion or all of the graphical user interface. For another example, the graphical user interface is used to display a game interface, and the preset display area may occupy a portion or all of the game interface.

[0107] For example, you can play the game in full-screen mode, in which case the game interface occupies the entire graphical user interface; or you can play the game in windowed mode, in which case the graphical user interface not only displays the game interface but also displays information such as the system status bar; or you can play the game in split-screen mode, in which case the game interface can occupy one of the multiple screens divided by the graphical user interface.

[0108] In an optional embodiment, the graphical user interface includes an upper edge, a lower edge, a left edge and a right edge, the preset display area includes an upper border, a lower border, a left border and a right border, and a first spacing between the upper border and the upper edge, a second spacing between the lower border and the lower edge, a third spacing between the left border and the left edge, and a fourth spacing between the right border and the right edge are greater than or equal to 0.

[0109] In an optional embodiment, in response to a size customization operation on a preset display area, at least one of the first spacing, the second spacing, the third spacing, and the fourth spacing is customized.

[0110] In an optional embodiment, the width and height of the preset display area satisfy the following relationship:

[0111] X<(Wx) / 2, Y<(Hy) / 2;

[0112] Wherein, X is the width of the preset display area, W is the width of the graphical user interface, x is the width of the content display control, Y is the height of the preset display area, H is the height of the graphical user interface, and y is the height of the content display control.

[0113] By limiting the maximum width and height of the preset display area, problems caused by improper size settings of the preset display area can be avoided, such as causing the width of the content display control to occupy the entire width of the preset display area, and / or the height of the content display control to occupy the entire height of the preset display area, thereby obscuring other information displayed on the game interface.

[0114] Specifically, after determining the first display area, it can be determined whether the first display area is at least partially outside the preset display area. If the first display area is at least partially outside the preset display area, it may cause the content display control to be partially outside the preset display area. At this time, the user may not be able to see the complete content display control, or the content display control may block other display areas outside the preset display area (such as the status bar, content displayed in other split screens, etc.), affecting the user experience.

[0115] See also Figure 7If it is determined that the first display area P1 is at least partially outside the preset display area S2, the content display control S5 can no longer be displayed in the first display area P1. Therefore, the first display area P1 can be offset to obtain a second display area P2 located within the preset display area S2. The content display control S5 can then be displayed in the second display area P2, ensuring that the content display control S5 is located within the preset display area S2, allowing the user to fully view the content display control S5, and preventing the content display control S5 from obstructing other display areas outside the preset display area S2.

[0116] In an optional embodiment, the first display area is offset in an offset direction with the shortest offset distance to obtain a second display area located within the preset display area.

[0117] In an optional embodiment, it may be determined whether the first display area is at least partially located outside the preset display area based on the first coordinate range and the second coordinate range of the preset display area in the coordinate system.

[0118] The relative position between the preset display area and the graphical user interface is determined. Therefore, based on the relative position, the second coordinate range of the preset display area in the coordinate system of the graphical user interface can be determined.

[0119] Afterwards, by comparing the first coordinate range and the second coordinate range, it can be quickly determined whether the first display area is at least partially located outside the preset display area.

[0120] For example, it may be determined whether the horizontal coordinate range of the first coordinate range is within the horizontal coordinate range of the second coordinate range, and whether the vertical coordinate range of the first coordinate range is within the vertical coordinate range of the second coordinate range.

[0121] When the abscissa range of the first coordinate range is outside the abscissa range of the second coordinate range, or the ordinate range of the first coordinate range is outside the ordinate range of the second coordinate range, it can be determined that the first display area is at least partially outside the preset display area.

[0122] When the abscissa range of the first coordinate range is within the abscissa range of the second coordinate range, and the ordinate range of the first coordinate range is within the ordinate range of the second coordinate range, it can be determined that the first display area is completely within the preset display area.

[0123] Please refer again Figure 4 In an optional embodiment, step 013 includes:

[0124] Step 0131: Determine an offset direction and an offset distance based on the relative positions of the first display area and the preset display area;

[0125] Step 0132: offset the first display area based on the offset direction and the offset distance to obtain a second display area located within the preset display area after the offset.

[0126] Specifically, when the first display area is at least partially located outside the preset display area, the first display area may be offset to obtain a second display area that is offset into the preset display area.

[0127] During the offset, the offset direction and offset distance may be determined based on the relative positions of the first display area and the preset display area.

[0128] Taking the first display area as a rectangle as an example, the first display area includes an upper boundary, a lower boundary, a left boundary, and a right boundary. When determining the offset direction and offset distance, you can first determine a target boundary in the first display area that is outside the preset display area. The target boundary includes at least one of the upper boundary, the lower boundary, the left boundary, and the right boundary.

[0129] The target boundary is a boundary completely outside the preset display area.

[0130] At this time, it is only necessary to move the target boundary into the preset display area to offset the second display area. In order to offset the target boundary, the offset direction and offset distance can be determined based on the relative position of the target boundary and the boundary corresponding to the preset display area.

[0131] For example, the offset direction is the direction in which the target boundary approaches the boundary corresponding to the preset display area, so that when the target boundary moves along the offset direction, it can approach the preset display area, thereby causing the target boundary to offset into the preset display area.

[0132] In an optional embodiment, the offset direction may be a direction with the shortest offset distance when the first display area completely enters the preset display area.

[0133] When there is only one target boundary, the offset direction may be a direction perpendicular to the target boundary and close to the preset display area, so as to ensure that the target boundary is offset into the preset display area while minimizing the offset distance.

[0134] For example, see Figure 7 For example, if the target boundary is the upper boundary, the offset direction S9 is parallel to the height direction of the graphical user interface S1 and toward the preset display area S2 (i.e., downward direction of the graphical user interface S1). For another example, if the target boundary is the left boundary, the offset direction is parallel to the width direction of the graphical user interface and toward the preset display area (i.e., rightward direction of the graphical user interface).

[0135] In an optional embodiment, there are two target boundaries, and the offset direction can be determined based on multiple directions that are respectively perpendicular to the multiple target boundaries.

[0136] See also Figure 8 For example, the offset direction S9 is determined by the composite direction of multiple directions. If the target boundary includes the upper boundary and the left boundary, the offset direction S9 is the direction toward the lower right corner in the graphical user interface S1; if the target boundary includes the upper boundary and the right boundary, the offset direction is the direction toward the lower left corner in the graphical user interface; if the target boundary includes the lower boundary and the left boundary, the offset direction is the direction toward the upper right corner in the graphical user interface.

[0137] For example, the offset distance is the distance required for the target boundary to move into the preset display area along the offset direction.

[0138] When there is one target boundary, the offset distance is the distance between the target boundary and the boundary corresponding to the preset display area along the offset direction.

[0139] When there are two target boundaries, the offset distance is the distance between the intersection of the two target boundaries and the corner point corresponding to the preset display area.

[0140] In this way, by moving the offset distance along the offset direction, the target boundary can be moved into the preset display area.

[0141] See also Figure 9 In an optional embodiment, step 0131 includes:

[0142] Step 01311: Determine an offset direction and an offset distance based on a first vector and / or a second vector from a portion of the first display area outside the preset display area to the preset display area.

[0143] The first display area may be of any shape, such as a rectangle, a circle, a diamond, or other regular or irregular shapes.

[0144] It can be understood that the offset of the first display area can be decomposed into an offset along the width direction and an offset along the height direction. The offset along the width direction can move the first display area within the width range of the preset display area, while the offset along the height direction can move the first display area within the height range of the preset display area, thereby offsetting to obtain a second display area located within the preset display area.

[0145] The first vector is an offset in the width direction. The first vector is parallel to the width direction of the graphical user interface, and its length is the maximum width of the portion of the first display area outside the preset display area in the width direction.

[0146] The second vector is an offset in the height direction, the first vector is parallel to the height direction of the graphical user interface, and its length is the maximum height of the portion of the first display area outside the preset display area in the height direction.

[0147] It can be understood that when the first display area is within the height range of the preset display area (that is, the vertical coordinate range of the first display area is within the vertical coordinate range of the preset display area), there is no need to perform an offset in the height and width directions. In this case, the offset direction and offset distance can be determined based on the first vector. For example, the offset direction is the direction of the first vector, and the offset distance is the length of the first vector.

[0148] When the first display area is within the width range of the preset display area (that is, the horizontal coordinate range of the first display area is within the horizontal coordinate range of the preset display area), there is no need to offset in the width direction. At this time, the offset direction and offset distance can be determined based on the second vector, such as the offset direction is the direction of the second vector, and the offset distance is the length of the second vector.

[0149] When the first display area is partially located within the width and height ranges of the preset display area, an offset in the width and height directions is required. Therefore, the offset direction and offset distance can be determined based on the first vector and the second vector.

[0150] To reduce the offset distance, the first and second vectors can be added together to form an offset vector. The offset vector's direction is then used as the offset direction, and its length is used as the offset distance. This approach, compared to first offsetting by the first vector and then by the second vector, results in a shorter offset distance.

[0151] In an optional embodiment, it is determined whether the second display area blocks the target interactive object. If the second display area blocks the target interactive object, the second display area is offset again to obtain a third display area that is located in the preset display area and does not block the target interactive object, thereby displaying the content display control in the third display area.

[0152] In the information display method of the present application, when the user performs a first trigger operation on a target interactive object in a graphical user interface, the current position of the target interactive object can be obtained.

[0153] It can be understood that the closer the current position is to the edge of the graphical user interface, the easier it is for the interaction information of the target interaction object to exceed the edge of the interface when the interaction information is displayed.

[0154] Therefore, based on the current position of the target interactive object, a first display area of ​​the content display control for displaying interactive information can be first determined. Then, it is determined whether the first display area exceeds the preset display area. If the first display area is outside the preset display area, the content display control cannot be fully displayed. In this case, the first display area needs to be offset to a second display area within the preset display area. The content display control is then displayed in the second display area, allowing the player to always see the complete content display control and the complete interactive information of the target object.

[0155] See also Figure 10 In some embodiments, the information display method further includes steps 014 and 015, which are described in detail below.

[0156] Step 014: Re-determining the interaction information in response to a second triggering operation on the content display control;

[0157] Step 015: Based on the re-determined interaction information, update the first display area.

[0158] It can be understood that the content display control may include a content display area, and the interaction information of the target interactive object can be displayed through the content display area. However, when the amount of interaction information is too large, the content display area cannot display all the interaction information. If the interaction information includes information on various aspects of the target interactive object (such as status information, detailed information, etc.), the content display area can display one or more aspects of the information.

[0159] The player can perform a second trigger operation on the content display control to view different aspects of the interaction information of the target interactive object. For example, by performing a second trigger operation on the content display control, the interaction information to be displayed in the content display area is determined.

[0160] For example, the content display control includes multiple sub-controls, each of which corresponds to one or more aspects of interactive information of the target interactive object. In response to the user's second trigger operation on any sub-control, one or more sub-controls can be selected to determine the interactive information to be displayed in the content display area.

[0161] It is understood that if the amount of information, layout, etc. of the interactive information displayed in the content display area varies, the size of the content display area will also vary if the interactive information is to be fully displayed. Therefore, based on the second trigger operation on the content display control, the interactive information displayed in the content display area can be re-determined, and then the size of the content display area can be determined based on the re-determined interactive information. Finally, based on the size of the content display area, the first display area is updated, and whether to offset is determined based on the updated first display area.

[0162] Please refer again Figure 9 In some embodiments, the information display method further includes step 017, which is described in detail below.

[0163] Step 017: In response to the first display area being located within the preset display area, displaying a content display control in the first display area.

[0164] It is understood that when the first display area (or the updated first display area) is located within the preset display area, the content display control can be fully displayed within the preset display area. Therefore, there is no need to offset the first display area, and the content display control can be directly displayed in the first display area.

[0165] According to the method described in the above embodiment, the present application embodiment also provides an information display device 300 for executing the steps in the above information display method. Figure 10 , Figure 10 : is a schematic diagram of a module of an information display device 300 provided in an embodiment of the present application. The information display device 300 includes:

[0166] A first determining module 301 is configured to determine a current position of a target interactive object in a graphical user interface;

[0167] A second determining module 302 is configured to determine a first display area of ​​a content display control based on the current location, where the content display control is configured to display interaction information of a target interactive object;

[0168] The offset module 303 is used to offset the first display area in response to the first display area being at least partially outside the preset display area of ​​the graphical user interface to obtain a second display area that is located within the preset display area after the offset, and display the content display control in the second display area.

[0169] It should be noted that the specific details of each module unit in the above-mentioned information display device have been described in detail in the embodiment of the above-mentioned information display method, and will not be repeated here.

[0170] In the embodiments of the present application, the term "module" or "unit" refers to a computer instruction or a part of a computer instruction that has a predetermined function and works together with other related parts to achieve a predetermined goal, and can be implemented in whole or in part by using software, hardware (such as processing circuits or memories) or a combination thereof. Similarly, a processor (or multiple processors or memories) can be used to implement one or more modules or units. In addition, each module or unit can be part of an overall module or unit that includes the function of the module or unit.

[0171] In some embodiments, the information display device in the embodiments of the present application can be implemented in hardware, such as a terminal device, or a component in the terminal device, such as an integrated circuit or chip; the information display device can also be implemented in software, such as as an application installed in the terminal device.

[0172] In some embodiments, see Figure 11 , Figure 11 5 is a schematic diagram of the structure of a terminal device provided in an embodiment of the present application. Terminal device 500 includes a processor 501, a memory 502, and a display screen 503. Memory 502 stores computer instructions 504 executable on processor 501. When executed by processor 501, these instructions 504 implement the various processes of the aforementioned information display method embodiment and achieve the same technical effects. To avoid repetition, these instructions are not further described here.

[0173] See also Figure 12 , Figure 12 7 is a schematic diagram of the hardware structure of a terminal device provided in an embodiment of the present application. The terminal device can be a terminal or a server. Exemplarily, the terminal device 700 includes a central processing unit (CPU) 701, a system memory 704 including a random access memory (RAM) 702 and a read-only memory (ROM) 703, and a system bus 705 connecting the system memory 704 and the central processing unit 701.

[0174] In some embodiments, the terminal device 700 may also include a basic input / output system (BIOS) 706 for facilitating information transmission between various components within the computer, and a large-capacity storage device 707 for storing an operating system 713, a client 714, and other program modules 715.

[0175] In some embodiments, the basic input / output system 706 includes a display 708 for displaying a graphical user interface and an input device 709 such as a touch panel and other input devices for user input of information. A touch panel is also called a touch screen. A touch panel may include two parts: a touch device and a touch controller. Other input devices may include, but are not limited to, a physical keyboard, function keys (such as a volume control button, an on / off button, etc.), a trackball, a mouse, and a joystick, which will not be described in detail here.

[0176] The display 708 and input device 709 are both connected to the CPU 701 via an input / output controller 710 connected to the system bus 705. The basic input / output system 706 may also include an input / output controller 710 for receiving and processing input from a touch panel, other input devices, etc. Similarly, the input / output system 706 may also include output devices, such as a display screen, a printer, or other types of output devices.

[0177] The mass storage device 707 is connected to the central processing unit 701 via a mass storage controller (not shown) connected to the system bus 705. The mass storage device 707 and its associated computer-readable medium provide non-volatile storage for the terminal device 700. In other words, the mass storage device 707 may include a computer-readable medium (not shown) such as a hard disk or a Compact Disc Read-Only Memory (CD-ROM) drive.

[0178] According to various embodiments of the present application, the terminal device 700 can also be connected to a remote computer on a network via a network such as the Internet. In other words, the terminal device 700 can be connected to the network 717 via the network interface unit 716 connected to the system bus 705, or the network interface unit 716 can be used to connect to other types of networks or remote computer systems (not shown).

[0179] An embodiment of the present application also provides a non-transitory computer-readable storage medium, which stores computer instructions. When the computer instructions are executed by a processor, the various processes of the embodiment of the above-mentioned information display method are implemented and the same technical effect can be achieved. To avoid repetition, they will not be repeated here.

[0180] The processor may be the processor in the terminal device in the above embodiment. The computer readable storage medium may be a computer read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.

[0181] Computer-readable media may include computer storage media and communication media. Computer storage media include volatile and non-volatile, removable and non-removable media implemented by any method or technology for storing information such as computer-readable instructions, data structures, program modules or other data. Computer storage media include RAM, ROM, Erasable Programmable Read-Only Memory (EPROM), Electrically Erasable Programmable Read-Only Memory (EEPROM), flash memory or other solid-state memory technology, CD-ROM, Digital Versatile Disc (DVD) or other optical storage, tape cassettes, magnetic tape, disk storage or other magnetic storage devices. Of course, those skilled in the art will appreciate that computer storage media are not limited to the above.

[0182] The present application also provides a computer instruction product comprising computer instructions, which, when executed by a processor, implement the aforementioned information display method. The processor may be the processor in the terminal device described in the aforementioned embodiment. When executed by the processor, the computer instructions implement the various processes of the aforementioned information display method embodiment, achieving the same technical effects. To avoid repetition, these processes are not described here.

[0183] It is understandable that in the specific implementation of this application, data related to user identity or characteristics is involved. When the above embodiments of this application are applied to specific products or technologies, user permission or consent is required, and the collection, use and processing of relevant data must comply with relevant laws, regulations and standards of relevant countries and regions.

Claims

1. An information display method, characterized in that: Providing a graphical user interface through a display screen of a terminal device, the method comprising: determining a current position of a target interactive object in the graphical user interface; Determining a first display area of ​​a content display control based on the current position, the content display control being used to display interaction information of the target interactive object; In response to the first display area being at least partially outside a preset display area of ​​the graphical user interface, the first display area is offset to obtain a second display area located within the preset display area after the offset, and the content display control is displayed in the second display area.

2. The information display method according to claim 1, wherein: The determining a first display area of ​​the content display control based on the current position includes: The first display area is determined based on the current position and the interaction information.

3. The information display method according to claim 2, wherein: The determining the first display area based on the current position and the interaction information includes: determining a size of the first display area based on the interaction information; Establishing a coordinate system with a predetermined position of the graphical user interface as an origin; Based on the current coordinates of the current position in the coordinate system and the size of the first display area, a first coordinate range of the first display area in the coordinate system is determined.

4. The information display method according to claim 2 or 3, characterized in that: Also includes: In response to a second triggering operation on the content display control, re-determining the interaction information; The first display area is updated based on the re-determined interaction information.

5. The information display method according to claim 3, wherein: Also includes: Based on the first coordinate range and the second coordinate range of the preset display area, it is determined whether the first display area is at least partially outside the preset display area.

6. The information display method according to claim 1, wherein: The offsetting of the first display area to determine a second display area within the preset display area includes: Determining an offset direction and an offset distance based on a relative position of the first display area and the preset display area; The first display area is offset based on the offset direction and the offset distance to obtain the second display area located within the preset display area after the offset.

7. The information display method according to claim 6, characterized in that: The first display area is rectangular and includes an upper boundary, a lower boundary, a left boundary, and a right boundary. The determining of the offset direction and the offset distance based on the relative position of the first display area and the preset display area includes: Determining a target boundary in the first display area that is outside the preset display area, the target boundary including at least one of the upper boundary, the lower boundary, the left boundary, and the right boundary; The offset direction and offset distance are determined based on the relative position of the target boundary and the boundary corresponding to the preset display area.

8. The information display method according to claim 6, wherein: The determining of the offset direction and the offset distance based on the relative positions of the first display area and the preset display area includes: Determining the offset direction and offset distance based on a first vector and / or a second vector from a portion of the first display area outside the preset display area to the preset display area; The first vector is parallel to the width direction of the graphical user interface, and its length is the maximum width of the first display area outside the preset display area along the width direction; the second vector is parallel to the height direction of the graphical user interface, and its length is the maximum height of the first display area outside the preset display area along the height direction.

9. The information display method according to claim 8, characterized in that: The determining the offset direction and the offset distance based on the first vector and / or the second vector from the portion of the first display area outside the preset display area to the preset display area includes: When the first display area is within the height range of the preset display area, determining the offset direction and offset distance based on the first vector; When the first display area is within the width of the preset display area, determining the offset direction and offset distance based on the second vector; When the first display area is partially located within the width range and the height range of the preset display area, the offset direction and the offset distance are determined based on the first vector and the second vector.

10. The information display method according to claim 1, wherein: Determining the current position of the target interactive object in the graphical user interface includes: In response to a triggering operation on a target interactive object of the graphical user interface, determining a current position of the target interactive object; and / or In response to a lens movement operation received by the graphical user interface, determining a current position of the target interactive object; and / or In response to a zoom operation received by the graphical user interface, a current position of the target interactive object is determined.

11. The information display method according to claim 1 or 10, characterized in that: Also includes: In response to the first display area being located within the preset display area, the content display control is displayed in the first display area.

12. The information display method according to claim 1, wherein: The graphical user interface includes an upper edge, a lower edge, a left edge and a right edge, the preset display area includes an upper border, a lower border, a left border and a right border, a first spacing between the upper border and the upper edge, a second spacing between the lower border and the lower edge, a third spacing between the left border and the left edge, and a fourth spacing between the right border and the right edge are greater than or equal to 0.

13. The information display method according to claim 1, wherein: The width and height of the preset display area satisfy the following relationship: X<(Wx) / 2, Y<(Hy) / 2; Among them, X is the width of the preset display area, W is the width of the graphical user interface, x is the width of the content display control, Y is the height of the preset display area, H is the height of the graphical user interface, and y is the height of the content display control.

14. An information display device, characterized in that: include: A first determining module, configured to determine a current position of a target interactive object in the graphical user interface; a second determining module, configured to determine a first display area of ​​a content display control based on the current position, wherein the content display control is configured to display interaction information of the target interactive object; an offset module for offsetting the first display area in response to the first display area being at least partially outside the preset display area of ​​the graphical user interface to obtain a second display area located within the preset display area after the offset, and displaying the content display control in the second display area.

15. An electronic device, characterized in that: include: memory, processor, and display; The memory is used to store one or more computer instructions; The processor is configured to execute the one or more computer instructions to implement the method according to any one of claims 1 to 13; The display screen is used to display a graphical user interface.

16. A computer-readable storage medium having one or more computer instructions stored thereon, characterized in that: The instruction is executed by a processor to implement the method according to any one of claims 1 to 13.

Images