Interface interaction method and device, storage medium and electronic equipment

Abstract

The embodiment of the invention discloses an interface interaction method and device, a storage medium and electronic equipment. The method is applied to a terminal, a first interface is displayed through a screen in a first screen display direction, and the first interface comprises a plurality of interface elements; and in response to a horizontal and vertical screen switching event of the terminal, determining a target interface element corresponding to the horizontal and vertical screen switching event in the plurality of interface elements, switching the screen to display in a second screen display direction, and displaying a second interface through the screen, the second interface comprising a target object determined based on the target interface element. Therefore, the target object corresponding to the specified target interface element is controlled to be displayed in the second interface on the basis of the horizontal and vertical screen switching event, and customized setting of the display interface after horizontal and vertical screen switching can be realized, so that horizontal and vertical screen switching of the interface is smoother and more flexible and meets the viewing requirement of a user, and the user experience is improved. And the interface interaction efficiency is further effectively improved.

Description

Technical Field

[0001] The present application relates to the field of game technology, and in particular to an interface interaction method, device, storage medium, and electronic device. Background Art

[0002] With the rapid development of life and technology, people often use game applications for entertainment. To provide a better interface presentation or operation experience, players can switch the interface between horizontal and vertical screens.

[0003] During the research and practice of the existing technology, it was found that in the existing interface interaction method, the horizontal and vertical screen switching of the interface is relatively abrupt, and the switched displayed interface is fixed, resulting in low interface interaction efficiency. Summary of the Invention

[0004] The embodiments of the present application provide an interface interaction method, device, storage medium and electronic device, which can realize customized settings of the interface after switching between horizontal and vertical screens, making the horizontal and vertical screen switching of the interface smoother, more flexible and in line with the user's information viewing needs, thereby effectively improving the interface interaction efficiency.

[0005] The present invention provides an interface interaction method, which is applied to a terminal and includes:

[0006] Displaying a first interface through the screen in the first screen display direction, wherein the first interface includes a plurality of interface elements;

[0007] In response to a horizontal or vertical screen switching event of the terminal, a target interface element corresponding to the horizontal or vertical screen switching event is determined among the multiple interface elements, the screen is switched to be displayed in a second screen display direction, and a second interface is displayed through the screen, wherein the second interface includes a target object determined based on the target interface element.

[0008] Accordingly, an embodiment of the present application provides an interface interaction device, including:

[0009] A first display unit, configured to display a first interface via a screen in a first screen display direction, wherein the first interface includes a plurality of interface elements;

[0010] The second display unit is used to respond to a horizontal or vertical screen switching event of the terminal, determine a target interface element among the multiple interface elements corresponding to the horizontal or vertical screen switching event, switch the screen to display in a second screen display direction, and display a second interface through the screen, wherein the second interface includes a target object determined based on the target interface element.

[0011] In addition, an embodiment of the present application also provides a computer-readable storage medium, which stores a computer program. The computer program is suitable for loading by a processor to execute the steps in any interface interaction method provided in the embodiment of the present application.

[0012] In addition, an embodiment of the present application also provides an electronic device, including a processor and a memory, wherein the memory stores an application program, and the processor is used to run the application program in the memory to implement the interface interaction method provided in the embodiment of the present application.

[0013] An embodiment of the present application also provides a computer program product, which includes a computer program, and the computer program is stored in a computer-readable storage medium; when the processor of an electronic device reads the computer program from the computer-readable storage medium, the processor executes the computer program, so that the electronic device performs the steps in the interface interaction method provided in the embodiment of the present application.

[0014] In an embodiment of the present application, a first interface is displayed on a screen in a first screen display orientation, wherein the first interface includes multiple interface elements; in response to a landscape / portrait switching event of a terminal, a target interface element corresponding to the landscape / portrait switching event is determined among the multiple interface elements, the screen is switched to a second screen display orientation, and a second interface is displayed on the screen, wherein the second interface includes a target object determined based on the target interface element. In this way, the first interface is displayed on the screen in the first screen display orientation, so that in response to a landscape / portrait switching event of the terminal, the screen can be switched to the second screen display orientation, and a target interface element corresponding to the landscape / portrait switching event is determined among the multiple interface elements of the first interface, and a second interface of the target object determined based on the target interface element is displayed on the screen, thereby achieving customized settings for the interface after the landscape / portrait switching. At the same time, by customizing the display of the interface corresponding to the interface element in the first interface during the landscape / portrait switching, the efficiency of viewing interface information can be improved, making the landscape / portrait switching of the interface smoother, more flexible, and more in line with the user's viewing needs, thereby effectively improving the efficiency of interface interaction. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the following briefly introduces the drawings required for use in the description of the embodiments. 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.

[0016] Figure 1 This is a schematic diagram of an implementation scenario of an interface interaction method provided in an embodiment of the present application;

[0017] Figure 2 This is a flow chart of an interface interaction method provided in an embodiment of the present application;

[0018] Figure 3a This is a schematic diagram of interface switching of an interface interaction method provided in an embodiment of the present application;

[0019] Figure 3b This is a schematic diagram of the first interface of an interface interaction method provided in an embodiment of the present application;

[0020] Figure 3c This is a schematic diagram of interface switching settings of an interface interaction method provided in an embodiment of the present application;

[0021] Figure 3d This is another interface switching diagram of an interface interaction method provided by an embodiment of the present application;

[0022] Figure 3e This is another interface switching setting diagram of an interface interaction method provided by an embodiment of the present application;

[0023] Figure 3f This is another interface switching diagram of an interface interaction method provided in an embodiment of the present application;

[0024] Figure 3g This is another interface switching diagram of an interface interaction method provided in an embodiment of the present application;

[0025] Figure 4 This is a schematic diagram of an interface switching operation of an interface interaction method provided in an embodiment of the present application;

[0026] Figure 5 It is a structural diagram of the interface interaction device provided in an embodiment of the present application;

[0027] Figure 6 It is a structural diagram of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0028] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are only part of the embodiments of this application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by those skilled in the art without making creative efforts are within the scope of protection of this application.

[0029] The embodiments of the present application provide an interface interaction method, device, storage medium, and electronic device. The interface interaction device can be integrated into an electronic device, which can be a server, a terminal, or other device.

[0030] Among them, the server can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, network acceleration services (Content Delivery Network, CDN), and basic cloud computing services such as big data and artificial intelligence platforms. Terminals may include but are not limited to mobile phones, computers, intelligent voice interaction devices, smart home appliances, vehicle-mounted terminals, aircraft, etc. Terminals and servers can be directly or indirectly connected through wired or wireless communication, and this application does not impose any restrictions on this.

[0031] See also Figure 1 , taking the integration of interface interaction devices into electronic devices as an example, Figure 1 A schematic diagram of an implementation scenario of the interface interaction method provided in an embodiment of the present application, wherein the electronic device may be a terminal, and the electronic device may display a first interface through a screen in a first screen display direction, wherein the first interface includes multiple interface elements; in response to a horizontal or vertical screen switching event of the terminal, a target interface element corresponding to the horizontal or vertical screen switching event is determined among the multiple interface elements, the screen is switched to be displayed in a second screen display direction, and a second interface is displayed through the screen, wherein the second interface includes a target object determined based on the target interface element.

[0032] It should be noted that Figure 1 The schematic diagram of the implementation environment scenario of the interface interaction method shown is only an example. The implementation environment scenario of the interface interaction method described in the embodiment of this application is to more clearly illustrate the technical solution of the embodiment of this application and does not constitute a limitation on the technical solution provided by the embodiment of this application. It is known to those skilled in the art that with the evolution of data processing and the emergence of new business scenarios, the technical solution provided in this application is also applicable to similar technical problems.

[0033] The solutions provided in the embodiments of the present application are specifically described by the following embodiments. It should be noted that the description order of the following embodiments does not limit the preferred order of the embodiments.

[0034] This embodiment will be described from the perspective of an interface interaction device. The interface interaction device may be integrated into an electronic device, which may be a terminal. This application does not impose any limitation on this.

[0035] See also Figure 2 , Figure 2 : is a flow chart of the interface interaction method provided in an embodiment of the present application. The interface interaction method is applied to a terminal and includes:

[0036] In step 101, a first interface is displayed on a screen in a first screen display direction.

[0037] The first interface includes multiple interface elements.

[0038] The first screen display direction may be a screen display direction, for example, a horizontal screen display direction and a vertical screen display direction. In the horizontal screen display direction, the screen displays the interface in horizontal mode, and in the vertical screen display direction, the screen displays the interface in vertical mode. The first interface may be a graphical user interface displayed by the screen in the first screen display direction, for example, it may be an interface displayed in horizontal mode, or it may be an interface displayed in vertical mode. The interface element may be an element in the first interface, and the interface element may include elements such as controls and windows in the first interface. For example, the interface element may include at least one of a function button and an information window in the first interface.

[0039] The function button may be a control configured with a specific function. For example, the function button may be used to display a specific function interface after being triggered. The function interface may be an interface with a specific function. For example, the function button may include a button for displaying a chat interface in a game. A player may click the function button to trigger the display of the function interface corresponding to the function button in a graphical user interface, i.e., the chat interface. For another example, the function button may include a button for displaying a tactics interface in a game. A player may click the function button to trigger the display of the function interface corresponding to the function button in a graphical user interface, i.e., the tactics interface. The information window may be a window in the first interface for displaying information. For example, it may include a window for displaying information such as text, virtual characters, and images.

[0040] Optionally, the first interface may be a main interface in the game.

[0041] In step 102, in response to a horizontal / vertical screen switching event of the terminal, a target interface element corresponding to the horizontal / vertical screen switching event is determined among multiple interface elements, the screen is switched to display in the second screen display direction, and a second interface is displayed on the screen.

[0042] The second interface includes a target object determined based on the target interface element.

[0043] The horizontal / portrait switching event may be an event for switching the terminal between horizontal and vertical orientations, and the target interface element may be an interface element in the first interface associated with the horizontal / portrait switching event. For example, the target interface element may be an interface element determined based on the horizontal / portrait switching event, or may be an interface element pre-set based on the horizontal / portrait switching event. The second interface may be a graphical user interface displayed on a screen in the second screen display orientation, and the second interface may include a target object determined based on the target interface element. The target object may include objects such as a functional interface, an information window, and a virtual character.

[0044] Optionally, the interface element may include at least one of a function button and an information window in the first interface. For example, if the target interface element is a function button, the target object may be a function interface displayed after the function button corresponding to the target interface element is triggered. If the target interface element is an information window, the target object may be the information window corresponding to the target interface element.

[0045] Among them, the target object can be displayed in full screen on the screen based on the second interface. For example, when the target interface element is a function button, the function interface displayed after the function button is triggered can be displayed in full screen in the second interface. When the target interface element is an information window, the content of the information window can be displayed in full screen in the second interface, thereby realizing convenient viewing of the interface elements in the first interface.

[0046] For example, see Figure 3a , Figure 3a This is an interface switching diagram of an interface interaction method provided by an embodiment of the present application. Assuming that the display direction of the first screen is a horizontal screen display direction, the first interface can be a horizontal screen display interface. The first interface includes multiple interface elements, for example, it can include a "chat" function button, a "general" function button, an "alliance" function button, a "tactics" function button and other interface elements. At the same time, assuming that the target interface element corresponding to the horizontal and vertical screen switching event is the "chat" function button, the screen can be switched to a vertical screen display direction in response to the horizontal and vertical screen switching event of the terminal, and the second interface, that is, the chat interface in the vertical screen direction corresponding to the "chat" function button, can be displayed through the screen.

[0047] In one embodiment, the first screen display orientation may be a landscape orientation, and correspondingly, the second screen display orientation may be a portrait orientation. Thus, through a landscape-portrait switching event, specified information in the first interface displayed in landscape mode can be switched to portrait mode on the screen, enabling full-screen viewing of specific information in portrait mode through convenient and efficient interactive operations, effectively improving interface information viewing efficiency.

[0048] Optionally, the first screen display orientation may be a portrait display orientation, and correspondingly, the second screen display orientation may be a landscape display orientation. Thus, through a landscape-to-portrait switching event, the specified information in the portrait-displayed first interface can be switched to landscape display on the screen, enabling full-screen viewing of specific information in landscape mode through convenient and efficient interactive operations, further effectively improving the efficiency of viewing interface information.

[0049] In one embodiment, the target object that needs to be switched for display can be set in advance for the landscape / portrait switching event. For example, the first interface may include a landscape / portrait setting control. In response to a triggering operation on the landscape / portrait setting control, a landscape / portrait setting window can be displayed. The landscape / portrait setting window includes a selection control for at least one interface element in the first interface. In response to a first selection operation on the selection control of the interface element, the target interface element is determined based on the selection control selected by the first selection operation.

[0050] The landscape / portrait setting control may be a control for setting a target interface element, i.e., for setting a target object to be displayed after the landscape / portrait screen is switched. The landscape / portrait setting window may be a window for determining a target interface element, and the selection control may be a selection control corresponding to an interface element, for selecting a target interface element. The first selection operation may be an operation of the selection control for selecting an interface element, for example, a click operation, a long press operation, a slide operation, or the like.

[0051] For example, see Figure 3b , Figure 3b This is a schematic diagram of the first interface of an interface interaction method provided in an embodiment of the present application. The first interface may include interface elements such as multiple function buttons, as well as a horizontal or vertical screen setting control. Players can click on the horizontal or vertical screen setting control to display the horizontal or vertical screen setting window on the screen. The horizontal or vertical screen setting window may include a selection control for at least one interface element in the first interface.

[0052] For example, see Figure 3c , Figure 3c This is a schematic diagram of the interface switching settings of an interface interaction method provided in an embodiment of the present application. The horizontal and vertical screen setting window can include selection controls corresponding to interface elements such as the "chat" function button, the "general" function button, the "alliance" function button, and the "tactics" function button, so that players can select these selection controls to determine the target interface elements corresponding to the target objects displayed after the horizontal and vertical screen switching event.

[0053] Optionally, after triggering the landscape or portrait setting control, a small preview window may be displayed on the screen to facilitate players to quickly and intuitively view the interface displayed after the landscape or portrait switching, thereby improving the interface interaction effect. For example, in response to the triggering operation of the landscape or portrait setting control, a small preview window may be displayed, wherein the preview window displays a preview interface of the first interface in the second screen display direction; in response to the first selection operation of the selection control of the interface element, after determining the target interface element based on the selection control selected by the first selection operation, the game further includes: displaying a preview interface of the target object corresponding to the target interface element in the second screen display direction in the preview window.

[0054] The preview window may be a window for previewing the interface displayed after switching between landscape and portrait modes. When the player has not selected an interface element, a preview interface of the first interface in the second screen display direction may be displayed in the preview window. When the player has selected an interface element, a preview interface of the target object corresponding to the selected target interface element in the second screen display direction may be displayed in the preview window. Optionally, when the player selects a different interface element, the preview window may be switched to display a preview interface of the target object corresponding to the currently selected target interface element in the second screen display direction.

[0055] For example, please refer to Figure 3c After the player triggers the landscape or portrait screen setting control, a preview window in portrait orientation can be displayed on the screen. The preview window defaults to displaying the preview interface of the first interface in portrait orientation. After the player selects the "Chat" function button, the preview window can be switched to display the preview interface of the function interface corresponding to the "Chat" function button in portrait orientation.

[0056] Optionally, the landscape / portrait screen setting window may also include a confirmation control. After the player selects the target interface element based on the selection control corresponding to each interface element, he or she can click the confirmation control to cancel the display of the landscape / portrait screen setting window and the preview small window, and complete the setting operation of the target interface element corresponding to the landscape / portrait screen switching event.

[0057] In one embodiment, please refer to Figure 3d , Figure 3d This is another interface switching diagram of an interface interaction method provided by an embodiment of the present application. Assuming that the display direction of the first screen is a horizontal screen display direction, the first interface can be a horizontal screen display interface. The first interface includes multiple interface elements, for example, it can include multiple information windows. At the same time, assuming that the target interface element corresponding to the horizontal-to-vertical screen switching event is the information window on the right side of the first interface, the screen can be switched to a vertical screen display direction for display in response to the horizontal-to-vertical screen switching event of the terminal, and the second interface can be displayed through the screen, that is, the information window on the right can be displayed in full screen.

[0058] Optionally, the player can click on the horizontal or vertical screen setting control to display the horizontal or vertical screen setting window on the screen. The horizontal or vertical screen setting window may include a selection control for at least one interface element in the first interface. For example, please refer to Figure 3e , Figure 3e This is another interface switching setting diagram of an interface interaction method provided by an embodiment of the present application. The horizontal and vertical screen setting window can include a selection control corresponding to at least one information window, so that players can select these selection controls to determine the information window corresponding to the target object displayed after the horizontal and vertical screen switching event.

[0059] In one embodiment, the landscape / portrait setting window may include a first setting control and a second setting control. The first setting control may be used to set a function interface displayed after the landscape / portrait switching, and the second setting control may be used to set an information window displayed after the landscape / portrait switching. Specifically, the first setting control may be used to display a selection control corresponding to at least one function button in the landscape / portrait setting window upon being selected, and the second setting control may be used to display a selection control corresponding to at least one information window in the landscape / portrait setting window upon being selected.

[0060] For example, please refer to Figure 3c After the player triggers the landscape or portrait screen setting control, the landscape or portrait screen setting window can be displayed. In the landscape or portrait screen setting window, the first setting control "Function" is in the default selected state. The landscape or portrait screen setting window displays the selection controls corresponding to the function buttons in the first interface. The player can trigger the corresponding function buttons to be determined as the target interface elements by selecting these selection controls, so that the function interface corresponding to the target interface element can be displayed after the landscape or portrait screen is switched.

[0061] Optionally, if the player needs to set the information window to be displayed after the horizontal and vertical screens are switched, the player can click the second setting control to trigger the selection control corresponding to each information window in the first interface to be switched in the horizontal and vertical screen switching window. For example, please continue to refer to Figure 3e , the selection controls corresponding to each information window in the first interface can be displayed in the landscape / portrait switching window, so that the player can trigger the corresponding information window to be determined as the target interface element by selecting these selection controls, so that the interface of the information window corresponding to the target interface element will be displayed after the landscape / portrait switching. In this way, when the screen subsequently displays the first interface, the player only needs to rotate the terminal screen to automatically display the information window in full screen in portrait mode.

[0062] In one embodiment, please refer to Figure 3f , Figure 3fThis is another interface switching diagram of an interface interaction method provided by an embodiment of the present application, wherein the first interface may include a first information window displaying text information and a second information window displaying a virtual character. The player can set the first information window as the target interface element, so that after a subsequent horizontal or vertical screen switching event, the second interface corresponding to the first information window can be displayed on the screen, that is, the first information window displayed in full screen in the vertical screen state. The player can quickly view the information in the first information window through the convenient horizontal and vertical screen switching operation. At the same time, the player can focus on the first information window to be read based on the second interface, block other irrelevant information, and improve the efficiency of interface interaction and information viewing.

[0063] Optional, please refer to Figure 3g , Figure 3g This is another interface switching diagram of an interface interaction method provided by an embodiment of the present application. The player can set the second information window as the target interface element, so that after a subsequent horizontal or vertical screen switching event, the second interface corresponding to the second information window can be displayed on the screen, that is, the virtual character in the second information window displayed full-screen in the vertical screen state. For example, it can be a standing picture of the virtual character model. Through the convenient horizontal and vertical screen switching operation, the virtual character in the second information window can be quickly and fully viewed. At the same time, based on the second interface, the player can view the virtual character screen with better display effect, while blocking other irrelevant information, effectively improving the efficiency of interface interaction and information viewing.

[0064] Optionally, the horizontal / portrait screen switching event may include a horizontal / portrait screen switching operation on the terminal, or may include a selection operation for determining a target interface element and a horizontal / portrait screen switching operation on the terminal.

[0065] For example, when the corresponding target interface element is set in advance for the horizontal-portrait screen switching event, the horizontal-portrait screen switching event may include a horizontal-portrait screen switching operation on the terminal. When the corresponding target interface element is not set in advance for the horizontal-portrait screen switching event, the horizontal-portrait screen switching event may include a second selection operation for determining the target interface element and a horizontal-portrait screen switching operation on the terminal.

[0066] Among them, in response to a horizontal or vertical screen switching event of the terminal, a target interface element corresponding to the horizontal or vertical screen switching event is determined among multiple interface elements, the screen is switched to be displayed in the second screen display direction, and the second interface is displayed through the screen. There can be multiple ways, for example, in response to a second selection operation of an interface element in the first interface, the target interface element selected by the second selection operation can be determined; in response to a horizontal or vertical screen switching operation of the terminal, the screen is switched to be displayed in the second screen display direction, and the second interface is displayed through the screen.

[0067] The second selection operation may be an operation of selecting a target interface element from the interface elements of the first interface, and the second selection operation may include pressing, sliding, etc. The landscape screen switching operation may be an operation of switching the terminal landscape screen to portrait screen, for example, it may include an operation of rotating the terminal landscape screen to portrait screen.

[0068] Among them, in response to the horizontal and vertical screen switching operation of the terminal, there can be multiple ways to switch the screen to display in the second screen display direction, and display the second interface through the screen. For example, the second selection operation can include a pressing operation, and in response to the horizontal and vertical screen switching operation of the terminal during the duration of the pressing operation, the screen can be switched to display in the second screen display direction, and the second interface can be displayed through the screen.

[0069] For example, see Figure 4 , Figure 4 This is a schematic diagram of the interface switching operation of an interface interaction method provided in an embodiment of the present application. The first interface may include multiple interface elements. The player can press the interface element to be viewed and control the terminal screen to rotate to trigger the horizontal and vertical screen switching operation of the terminal. In response to the pressing operation of the interface element in the first interface, the information window pressed by the player for displaying the virtual character is determined as the target interface element. At the same time, in response to the horizontal and vertical screen switching operation of the terminal, the screen can be switched to display in a vertical screen display direction, and the second interface can be displayed through the screen. The information window corresponding to the virtual character is displayed in full screen in the second interface, so that the information window can be conveniently viewed.

[0070] In some game scenarios, ordinary players need to pay attention to the battle situation while also checking the chat channel to obtain the battle strategies continuously sent by the military advisor player. In addition to paying attention to the battle situation and other player dynamics, the military advisor player also needs to command the battle by sending messages in the chat channel. Therefore, it is necessary to quickly switch between functional interfaces such as the main interface and the chat interface in the game. To this end, based on the interface interaction method provided in the embodiment of the present application, the functional interface to be displayed after the horizontal and vertical screen switching can be pre-set through the horizontal and vertical screen setting control, so that when the horizontal and vertical screen switching event is detected later, the screen can be automatically switched to horizontal mode, and the pre-set functional interface can be displayed through the screen. For example, please continue to refer to Figure 3a In this way, you can customize the functional interface that needs to be adjusted after switching between horizontal and vertical screens, realize customized settings of the interface after switching between horizontal and vertical screens, and improve the efficiency of interface interaction.

[0071] In some scenarios, when the screen displays the story introduction interface, players who focus on the plot will have the need to read a large amount of text attentively and block out other irrelevant information when viewing the interface information. In addition, in some game scenarios, there will be some character display interfaces that display the models of virtual characters by default. Players may want to block other information and focus on viewing the high-precision portraits of virtual characters. For this reason, because the text in the vertical screen mode is more readable and the character portrait display effect is better, it is possible to customize the information window that needs to be viewed in full screen when the terminal switches to the vertical screen mode based on the interface interaction method provided in the embodiment of the present application. For example, please continue to refer to Figure 3f and Figure 3g , players can click on the horizontal and vertical screen setting control to trigger the preview window of the vertical screen on the left side of the screen and the horizontal and vertical screen setting window on the right side. Then, players can select the second setting control (window tab) so that the horizontal and vertical screen setting window can pop up to display all the information windows of the interface. Players select an information window and click the OK control to complete the customization of the information window. When players are in this interface subsequently, they only need to rotate the terminal screen to automatically display the information window in full screen. For example, the text in the information window can be displayed in full screen in portrait mode, or the virtual character portrait in the information window can be displayed in full screen, so that the information of interest in the interface can be viewed conveniently and efficiently, thereby improving the efficiency of interface interaction and interface information viewing.

[0072] In some scenarios, if the horizontal and vertical screen customization function provided by the embodiment of the present application cannot meet the needs of players, or when the horizontal and vertical screen switching in the current scenario conflicts with the customized interface, players can be supported to flexibly select the target interface element, and then through the horizontal and vertical screen switching, the target object corresponding to the target interface element can achieve a better display effect or operation experience. For example, please continue to refer to Figure 4 For the character display interface in horizontal mode, if players want to view the display effect of the character portrait in portrait mode, or read the character's story introduction in portrait mode, they can press and hold a function button or information window in the interface in landscape mode, rotate the terminal screen to portrait mode, and release their finger to quickly open the selected function interface in portrait mode, or view the information window in full screen. In this way, they can conveniently and efficiently view the information of interest in the interface, thereby improving the efficiency of interface interaction and interface information viewing.

[0073] In the development of mobile games, the following two significant trends have emerged: (1) More and more mobile games have begun to support landscape and portrait switching functions to meet the interactive needs of players in different scenarios. Whether it is one-handed operation during commuting or enjoying a wider field of view gaming experience at home, flexible screen adaptation can enhance the convenience and immersion of players. This design not only enhances the playability of the game, but also attracts a wider range of players and adapts to their diverse usage scenarios; (2) Many vertical or horizontal screen games make full use of the advantages of landscape and portrait screens and require players to rotate the screen in specific scenarios or interfaces to achieve better display effects or operation experience. In existing interface interaction methods, the setting of landscape and portrait switching in specific game scenarios often fails to meet players' expectations for operation feedback. Although this sudden landscape and portrait switching can provide better interface presentation effects or operation experience, its abrupt change may cause players to lose control of the game interface. In addition, players cannot freely choose the interface and information to be displayed after the switch, which limits their ability to control the interface according to their personal habits and preferences, thereby affecting the players' personalized expression.

[0074] To this end, an embodiment of the present application provides an interface interaction method that can support players to customize the display of the interface by switching between horizontal and vertical screens according to their personal habits and preferences. For example, the function interface to be jumped to can be customized, a certain information window of the original interface to be displayed in full screen can be customized, and flexible selection of content windows and full screen display can be supported. Specifically, in a scene / interface with horizontal and vertical screen switching, by opening the horizontal and vertical screen setting window, players can freely set the information display of the interface after the horizontal and vertical screen switching. In addition, players are supported to temporarily select a certain interface element and display the information in full screen separately by switching between horizontal and vertical screens to obtain a better information presentation form. In this way, by customizing the interface information that jumps to display after the horizontal and vertical screen switching, the horizontal and vertical screen switching of the interface can be made smoother, more flexible, and more in line with the user's viewing needs, thereby effectively improving the efficiency of interface interaction.

[0075] As can be seen from the above, the embodiment of the present application displays a first interface on a screen in a first screen display orientation, wherein the first interface includes multiple interface elements; in response to a horizontal or vertical screen switching event of the terminal, a target interface element corresponding to the horizontal or vertical screen switching event is determined among the multiple interface elements, the screen is switched to a second screen display orientation for display, and a second interface is displayed on the screen, wherein the second interface includes a target object determined based on the target interface element. In this way, the first interface is displayed on the screen in the first screen display orientation, so that in response to a horizontal or vertical screen switching event of the terminal, the screen can be switched to the second screen display orientation, and a target interface element corresponding to the horizontal or vertical screen switching event is determined among the multiple interface elements of the first interface, and a second interface of the target object determined based on the target interface element is displayed on the screen, thereby achieving customized settings for the interface after the horizontal or vertical screen switching. At the same time, by customizing the display of the interface corresponding to the interface element in the first interface during the horizontal or vertical screen switching, it is possible to improve the efficiency of viewing interface information, making the horizontal or vertical screen switching of the interface smoother, more flexible, and more in line with the user's viewing needs, thereby effectively improving the efficiency of interface interaction.

[0076] In order to better implement the above method, an embodiment of the present invention further provides an interface interaction device, which can be integrated into an electronic device, and the electronic device can be a terminal.

[0077] For example, Figure 5 , which is a schematic diagram of the structure of the interface interaction device provided in an embodiment of the present application, the interface interaction device may include a first display unit 201 and a second display unit 202, as follows:

[0078] The first display unit 201 is configured to display a first interface through a screen in a first screen display direction, where the first interface includes a plurality of interface elements;

[0079] The second display unit 202 is used to respond to a horizontal or vertical screen switching event of the terminal, determine a target interface element corresponding to the horizontal or vertical screen switching event among multiple interface elements, switch the screen to display in the second screen display direction, and display a second interface through the screen, and the second interface includes a target object determined based on the target interface element.

[0080] In some embodiments, the interface elements include at least one of a function button and an information window in the first interface. When the target interface element is a function button, the target object is the function interface displayed after the function button corresponding to the target interface element is triggered. When the target interface element is an information window, the target object is the information window corresponding to the target interface element.

[0081] In some embodiments, the first interface includes a horizontal or vertical screen setting control, and the interface interaction device further includes an interface switching setting unit for:

[0082] In response to a triggering operation on the landscape or portrait screen setting control, displaying a landscape or portrait screen setting window, the landscape or portrait screen setting window including a selection control for at least one interface element in the first interface;

[0083] In response to a first selection operation on a selection control of an interface element, a target interface element is determined based on the selection control selected by the first selection operation.

[0084] In some embodiments, the horizontal and vertical screen setting window includes a first setting control and a second setting control. The first setting control is used to display a selection control corresponding to at least one function button in the horizontal and vertical screen setting window after being selected, and the second setting control is used to display a selection control corresponding to at least one information window in the horizontal and vertical screen setting window after being selected.

[0085] In some embodiments, in response to a triggering operation on the landscape or portrait screen setting control, a small preview window is further displayed, wherein the small preview window displays a preview interface of the first interface in the second screen display orientation;

[0086] The interface interaction device also includes a preview unit for:

[0087] The preview window displays a preview interface of the target object corresponding to the target interface element in the second screen display direction.

[0088] In some embodiments, the second display unit 202 is configured to:

[0089] In response to a second selection operation on an interface element in the first interface, determining a target interface element selected by the second selection operation;

[0090] In response to a horizontal or vertical screen switching operation on the terminal, the screen is switched to be displayed in the second screen display direction, and the second interface is displayed on the screen.

[0091] In some embodiments, the second selection operation includes a pressing operation, and the above-mentioned response to the horizontal and vertical screen switching operation of the terminal switches the screen to display in the second screen display direction, and displays the second interface through the screen, specifically for:

[0092] In response to a horizontal or vertical screen switching operation on the terminal during the duration of the pressing operation, the screen is switched to be displayed in the second screen display direction, and the second interface is displayed on the screen.

[0093] In specific implementation, the above units can be implemented as independent entities, or can be arbitrarily combined to be implemented as the same or several entities. The specific implementation of the above units can be found in the previous method embodiments and will not be repeated here.

[0094] As can be seen from the above, in the embodiment of the present application, the first display unit 201 displays a first interface on the screen in the first screen display orientation, wherein the first interface includes multiple interface elements; the second display unit 202, in response to a landscape / portrait switching event of the terminal, determines a target interface element corresponding to the landscape / portrait switching event from among the multiple interface elements, switches the screen to display in the second screen display orientation, and displays a second interface on the screen, wherein the second interface includes a target object determined based on the target interface element. In this way, the first interface is displayed on the screen in the first screen display orientation, so that when the landscape / portrait switching event of the terminal is triggered, the screen can be switched to display in the second screen display orientation, and the target interface element corresponding to the landscape / portrait switching event from among the multiple interface elements of the first interface is determined, and the second interface of the target object determined based on the target interface element is displayed on the screen, thereby achieving customized settings for the interface after the landscape / portrait switching. At the same time, the interface corresponding to the interface element in the first interface is customized by switching the landscape / portrait screen, which can help improve the efficiency of viewing interface information, making the landscape / portrait switching of the interface smoother, more flexible, and more in line with the user's viewing needs, thereby effectively improving the efficiency of interface interaction.

[0095] The present application also provides an electronic device, such as Figure 6 , which shows a schematic structural diagram of an electronic device involved in an embodiment of the present application. The electronic device may be a terminal. Specifically:

[0096] The electronic device 300 includes a processor 301 having one or more processing cores, a memory 302 having one or more computer-readable storage media, and a computer program stored in the memory 302 and executable on the processor. The processor 301 is electrically connected to the memory 302. Those skilled in the art will appreciate that the electronic device structure shown in the figures does not limit the electronic device and may include more or fewer components than shown, or combine certain components, or arrange the components differently.

[0097] The processor 301 is the control center of the electronic device 300. It uses various interfaces and lines to connect various parts of the entire electronic device 300. By running or loading software programs and / or modules stored in the memory 302 and calling data stored in the memory 302, it executes various functions of the electronic device 300 and processes data, thereby monitoring the electronic device 300 as a whole.

[0098] In the embodiment of the present application, the processor 301 in the electronic device 300 loads instructions corresponding to one or more application processes into the memory 302 according to the following steps, and the processor 301 runs the application stored in the memory 302 to implement various functions:

[0099] Displaying a first interface through the screen in the first screen display direction, the first interface including a plurality of interface elements;

[0100] In response to a horizontal or vertical screen switching event of the terminal, a target interface element corresponding to the horizontal or vertical screen switching event is determined among multiple interface elements, the screen is switched to display in a second screen display direction, and a second interface is displayed through the screen, and the second interface includes a target object determined based on the target interface element.

[0101] In some embodiments, the interface elements include at least one of a function button and an information window in the first interface. When the target interface element is a function button, the target object is the function interface displayed after the function button corresponding to the target interface element is triggered. When the target interface element is an information window, the target object is the information window corresponding to the target interface element.

[0102] In some embodiments, the first interface includes a landscape or portrait screen setting control, and the interface interaction method provided in the embodiment of the present application further includes:

[0103] In response to a triggering operation on the landscape or portrait screen setting control, displaying a landscape or portrait screen setting window, the landscape or portrait screen setting window including a selection control for at least one interface element in the first interface;

[0104] In response to a first selection operation on a selection control of an interface element, a target interface element is determined based on the selection control selected by the first selection operation.

[0105] In some embodiments, the horizontal and vertical screen setting window includes a first setting control and a second setting control. The first setting control is used to display a selection control corresponding to at least one function button in the horizontal and vertical screen setting window after being selected, and the second setting control is used to display a selection control corresponding to at least one information window in the horizontal and vertical screen setting window after being selected.

[0106] In some embodiments, the interface interaction method provided by the embodiments of the present application further includes:

[0107] In response to a triggering operation on the landscape or portrait screen setting control, a small preview window is further displayed, wherein the small preview window displays a preview interface of the first interface in the second screen display orientation;

[0108] In response to a first selection operation on a selection control of an interface element, after determining a target interface element based on the selection control selected by the first selection operation, the method further includes:

[0109] The preview window displays a preview interface of the target object corresponding to the target interface element in the second screen display direction.

[0110] In some embodiments, in response to a landscape or portrait screen switching event of a terminal, determining a target interface element corresponding to the landscape or portrait screen switching event among multiple interface elements, switching the screen to display in a second screen display orientation, and displaying a second interface through the screen, includes:

[0111] In response to a second selection operation on an interface element in the first interface, determining a target interface element selected by the second selection operation;

[0112] In response to a horizontal or vertical screen switching operation on the terminal, the screen is switched to be displayed in the second screen display direction, and the second interface is displayed on the screen.

[0113] In some embodiments, the second selection operation includes a pressing operation, and in response to a landscape or portrait screen switching operation on the terminal, the screen is switched to be displayed in the second screen display direction, and the second interface is displayed on the screen, including:

[0114] In response to a horizontal or vertical screen switching operation on the terminal during the duration of the pressing operation, the screen is switched to be displayed in the second screen display direction, and the second interface is displayed on the screen.

[0115] This solution can display a first interface on a screen in a first screen display orientation, wherein the first interface includes multiple interface elements; in response to a horizontal or vertical screen switching event of a terminal, determine a target interface element corresponding to the horizontal or vertical screen switching event from among the multiple interface elements, switch the screen to display in a second screen display orientation, and display a second interface on the screen, wherein the second interface includes a target object determined based on the target interface element. In this way, the first interface is displayed on the screen in the first screen display orientation, so that in response to a horizontal or vertical screen switching event of the terminal, the screen can be switched to display in the second screen display orientation, and the target interface element corresponding to the horizontal or vertical screen switching event from among the multiple interface elements of the first interface is determined, and the second interface of the target object determined based on the target interface element is displayed on the screen, thereby achieving customized settings for the interface after the horizontal or vertical screen switching. At the same time, by customizing the display of the interface corresponding to the interface element in the first interface in the horizontal or vertical screen switching, it can be beneficial to improve the efficiency of viewing interface information, making the horizontal or vertical screen switching of the interface smoother, more flexible, and more in line with the user's viewing needs, thereby effectively improving the efficiency of interface interaction.

[0116] The specific implementation of the above operations can be found in the previous embodiments and will not be repeated here.

[0117] Optional, such as Figure 6As shown, the electronic device 300 further includes: a touch screen 303, a radio frequency circuit 304, an audio circuit 305, an input unit 306, and a power supply 307. Among them, the processor 301 is electrically connected to the touch screen 303, the radio frequency circuit 304, the audio circuit 305, the input unit 306, and the power supply 307 respectively. Those skilled in the art will understand that Figure 6 The electronic device structure shown in the figure does not constitute a limitation to the electronic device, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0118] The touch display screen 303 can be used to display a graphical user interface and receive user operations generated by the graphical user interface. The touch display screen 303 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, a liquid crystal display (LCD), an organic light emitting diode (OLED) or the like can be used to configure the display panel. The touch panel can be used to collect user touch operations on or near it (such as operations performed by the user using any suitable object or accessory such as a finger, stylus or the like on 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 direction, 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 301, and can receive the command sent by the processor 301 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 301 to determine the type of touch event, and then the processor 301 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 303 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 303 can also be used as part of the input unit 306 to realize the input function.

[0119] The radio frequency circuit 304 may be used to transmit and receive radio frequency signals, so as to establish wireless communication with a network device or other electronic devices through wireless communication, and to transmit and receive signals with the network device or other electronic devices.

[0120] The audio circuit 305 can be used to provide an audio interface between the user and the electronic device through a speaker and microphone. The audio circuit 305 can convert the received audio data into an electrical signal and transmit it to the speaker, which then converts it 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 305 and converted into audio data. The audio data is then output to the processor 301 for processing, and then sent to another electronic device through the radio frequency circuit 304, or the audio data is output to the memory 302 for further processing. The audio circuit 305 may also include an earphone jack to provide communication between external headphones and the electronic device.

[0121] The input unit 306 may be configured to receive input digital, character information, or user feature information (such as fingerprint, iris, or facial information), and to generate keyboard, mouse, joystick, optical, or trackball signal inputs related to user settings and function control.

[0122] Power supply 307 is used to supply power to various components of electronic device 300. Optionally, power supply 307 can be logically connected to processor 301 via a power management system, thereby enabling the power management system to manage charging, discharging, and power consumption. Power supply 307 can also include one or more DC or AC power supplies, a recharging system, a power failure detection circuit, a power converter or inverter, a power status indicator, and other arbitrary components.

[0123] although Figure 6 Not shown, the electronic device 300 may further include a camera, a sensor, a wireless fidelity module, a Bluetooth module, etc., which will not be described in detail here.

[0124] In the above embodiments, the descriptions of each embodiment have their own emphasis. For parts not described in detail in a particular embodiment, please refer to the relevant descriptions of other embodiments. It should be noted that the electronic device provided in the embodiments of this application and the interface interaction method in the above embodiments are based on the same concept. The specific implementation process is detailed in the above method embodiments and will not be repeated here.

[0125] As can be seen from the above, the electronic device provided in the embodiment of the present application can display a first interface on the screen in the first screen display direction, wherein the first interface includes multiple interface elements; in response to a horizontal or vertical screen switching event of the terminal, determine a target interface element corresponding to the horizontal or vertical screen switching event among the multiple interface elements, switch the screen to display in the second screen display direction, and display a second interface on the screen, wherein the second interface includes a target object determined based on the target interface element. In this way, the first interface is displayed on the screen in the first screen display direction, so that in response to the horizontal or vertical screen switching event of the terminal, the screen can be switched to display in the second screen display direction, and the target interface element corresponding to the horizontal or vertical screen switching event among the multiple interface elements of the first interface is determined, and the second interface of the target object determined based on the target interface element is displayed on the screen, thereby achieving customized settings for the interface after the horizontal or vertical screen switching. At the same time, the interface corresponding to the interface element in the first interface is customized to display the horizontal or vertical screen switching, which can help improve the efficiency of viewing interface information, making the horizontal or vertical screen switching of the interface smoother, more flexible, and more in line with the user's viewing needs, thereby effectively improving the efficiency of interface interaction.

[0126] Those skilled in the art will appreciate that all or part of the steps in the various methods of the above embodiments may be accomplished by a computer program, or by controlling related hardware through a computer program. The computer program may be stored in a computer-readable storage medium and loaded and executed by a processor.

[0127] To this end, an embodiment of the present application provides a computer-readable storage medium storing a computer program that can be loaded by a processor to execute the steps of any of the interface interaction methods provided in the embodiments of the present application. For example, the computer program can execute the following steps:

[0128] A first interface is displayed through the screen in the first screen display direction, and the first interface includes multiple interface elements; in response to a horizontal or vertical screen switching event of the terminal, a target interface element corresponding to the horizontal or vertical screen switching event is determined among the multiple interface elements, the screen is switched to be displayed in the second screen display direction, and a second interface is displayed through the screen, and the second interface includes a target object determined based on the target interface element.

[0129] This solution can display a first interface on a screen in a first screen display orientation, wherein the first interface includes multiple interface elements; in response to a horizontal or vertical screen switching event of a terminal, determine a target interface element corresponding to the horizontal or vertical screen switching event from among the multiple interface elements, switch the screen to display in a second screen display orientation, and display a second interface on the screen, wherein the second interface includes a target object determined based on the target interface element. In this way, the first interface is displayed on the screen in the first screen display orientation, so that in response to a horizontal or vertical screen switching event of the terminal, the screen can be switched to display in the second screen display orientation, and the target interface element corresponding to the horizontal or vertical screen switching event from among the multiple interface elements of the first interface is determined, and the second interface of the target object determined based on the target interface element is displayed on the screen, thereby achieving customized settings for the interface after the horizontal or vertical screen switching. At the same time, by customizing the display of the interface corresponding to the interface element in the first interface in the horizontal or vertical screen switching, it can be beneficial to improve the efficiency of viewing interface information, making the horizontal or vertical screen switching of the interface smoother, more flexible, and more in line with the user's viewing needs, thereby effectively improving the efficiency of interface interaction.

[0130] The specific implementation of the above operations can be found in the previous embodiments and will not be repeated here.

[0131] 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.

[0132] Since the computer program stored in the computer-readable storage medium can execute the steps in any interface interaction method provided in the embodiments of the present application, the beneficial effects that can be achieved by any interface interaction method 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.

[0133] Among them, according to one aspect of the present application, a computer program product is provided, which includes a computer program, and the computer program is stored in a computer-readable storage medium; when the processor of an electronic device reads the computer program from the computer-readable storage medium, the processor executes the computer program, so that the electronic device executes the methods provided in the various optional implementations provided in the above embodiments.

[0134] The above is a detailed introduction to an interface interaction method, device, storage medium and electronic device 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, based on the ideas of the present application, there will be changes in the specific implementation methods and application scope. In summary, the content of this specification should not be understood as a limitation on the present application.

Claims

1. An interface interaction method, characterized in that: Applied to a terminal, the method includes: Displaying a first interface through the screen in the first screen display direction, wherein the first interface includes a plurality of interface elements; In response to a horizontal or vertical screen switching event of the terminal, a target interface element corresponding to the horizontal or vertical screen switching event is determined among the multiple interface elements, the screen is switched to be displayed in a second screen display direction, and a second interface is displayed through the screen, wherein the second interface includes a target object determined based on the target interface element.

2. The interface interaction method according to claim 1, wherein: The interface element includes at least one of a function button and an information window in the first interface. When the target interface element is a function button, the target object is the function interface displayed after the function button corresponding to the target interface element is triggered. When the target interface element is an information window, the target object is the information window corresponding to the target interface element.

3. The interface interaction method according to claim 2, wherein: The first interface includes a horizontal and vertical screen setting control, and the method further includes: In response to a triggering operation on the landscape or portrait screen setting control, displaying a landscape or portrait screen setting window, wherein the landscape or portrait screen setting window includes a selection control for at least one interface element in the first interface; In response to a first selection operation on a selection control of the interface element, a target interface element is determined based on the selection control selected by the first selection operation.

4. The interface interaction method according to claim 3, wherein: The horizontal and vertical screen setting window includes a first setting control and a second setting control. The first setting control is used to display a selection control corresponding to at least one function button in the horizontal and vertical screen setting window after being selected, and the second setting control is used to display a selection control corresponding to at least one information window in the horizontal and vertical screen setting window after being selected.

5. The interface interaction method according to claim 3, wherein: The method further comprises: In response to a triggering operation on the landscape or portrait screen setting control, a small preview window is further displayed, wherein the small preview window displays a preview interface of the first interface in the second screen display orientation; After responding to a first selection operation on a selection control of the interface element and determining a target interface element based on the selection control selected by the first selection operation, the method further includes: A preview interface of the target object corresponding to the target interface element in the second screen display direction is displayed in the preview small window.

6. The interface interaction method according to claim 1, wherein: The method of responding to a horizontal or vertical screen switching event of the terminal, determining a target interface element corresponding to the horizontal or vertical screen switching event among the multiple interface elements, switching the screen to be displayed in a second screen display orientation, and displaying a second interface through the screen, includes: In response to a second selection operation on the interface element in the first interface, determining a target interface element selected by the second selection operation; In response to a horizontal or vertical screen switching operation on the terminal, the screen is switched to be displayed in a second screen display direction, and a second interface is displayed on the screen.

7. The interface interaction method according to claim 6, wherein: The second selection operation includes a pressing operation, and the switching of the screen to display in the second screen display direction in response to the horizontal and vertical screen switching operation of the terminal, and displaying the second interface through the screen, includes: In response to a horizontal or vertical screen switching operation on the terminal during the duration of the pressing operation, the screen is switched to be displayed in a second screen display direction, and a second interface is displayed on the screen.

8. An interface interaction device, characterized in that: include: A first display unit, configured to display a first interface via a screen in a first screen display direction, wherein the first interface includes a plurality of interface elements; The second display unit is used to respond to a horizontal or vertical screen switching event of the terminal, determine a target interface element among the multiple interface elements corresponding to the horizontal or vertical screen switching event, switch the screen to display in a second screen display direction, and display a second interface through the screen, wherein the second interface includes a target object determined based on the target interface element.

9. An electronic device, characterized in that: The method comprises a processor and a memory, wherein the memory stores a computer program, and when the computer program is executed by the processor, the processor is enabled to perform the steps of any one of the methods of claims 1 to 7.

10. A computer-readable storage medium, characterized in that The method comprises a computer program. When the computer program is run on an electronic device, the computer program is used to enable the electronic device to execute the steps of any one of the methods of claims 1 to 7.

Images