Interface information display method and apparatus, storage medium, and electronic device

Abstract

The present invention relates to the technical field of human-computer interaction, and relates to an interface information display method and apparatus, a storage medium, and an electronic device. The method comprises: providing an original information display interface on a display interface of a terminal device, wherein the original information display interface comprises one or more interactive controls displayed in a first preset display mode; in response to a first touch operation on the original information display interface, performing display mode switching on the interactive control; in response to a mode switching operation, determining a target display mode of the interactive control; and switching the first preset display mode of the interactive control on the basis of the target display mode to obtain a first target information display interface, and displaying the first target information display interface on the display interface. The method improves the switching efficiency of the display mode of an interactive control.

Description

Interface information display method and device, storage medium, and electronic device

[0001] CROSS-REFERENCE TO RELATED APPLICATIONS

[0002] This disclosure claims priority to Chinese patent application number 202410199398.X, filed on February 22, 2024, entitled “Method and device for displaying interface information, storage medium, and electronic device,” the entire contents of which are incorporated herein by reference. Technical Field

[0003] The embodiments of the present disclosure relate to the field of human-computer interaction technology, and in particular, to a method for displaying interface information, a device for displaying interface information, a computer-readable storage medium, and an electronic device. Background Art

[0004] In the display scheme of related interface information, the operation controls can only be displayed through the default display mode of the game or application, and the display mode of the operation controls cannot be adaptively adjusted according to actual needs. Summary of the Invention

[0005] The purpose of the present disclosure is to provide a method for overcoming, at least to a certain extent, the inability to adaptively adjust the display mode of the operation control according to actual needs due to the limitations and defects of the relevant technologies.

[0006] According to one aspect of the present disclosure, a method for displaying interface information is provided, which is configured on a terminal device. The method for displaying interface information includes:

[0007] Providing an original information display interface on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode;

[0008] In response to a first touch operation on the original information display interface, switching the display mode of the interactive control; in response to the mode switching operation, determining a target display mode of the interactive control;

[0009] The first preset display mode of the interactive control is switched based on the target display mode to obtain a first target information display interface, and the first target information display interface is displayed on the display interface.

[0010] According to one aspect of the present disclosure, there is provided a device for displaying interface information, which is configured in a terminal device. The device for displaying interface information includes:

[0011] A first display module is configured to provide an original information display interface on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode;

[0012] a target display mode determination module configured to switch the display mode of the interactive control in response to a first touch operation on the original information display interface; and determine a target display mode of the interactive control in response to the mode switching operation;

[0013] The second display module is configured to switch the first preset display mode of the interactive control based on the target display mode, obtain a first target information display interface, and display the first target information display interface on the display interface.

[0014] According to one aspect of the present disclosure, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the method for displaying the information interface described in any one of the above is implemented.

[0015] According to one aspect of the present disclosure, there is provided an electronic device, including:

[0016] processor; and

[0017] a memory configured to execute and store executable instructions for the processor;

[0018] The processor is configured to execute any one of the above-mentioned methods for displaying an information interface by executing the executable instructions.

[0019] The embodiment of the present disclosure provides a method for displaying an information interface. On the one hand, an original information display interface is provided on the display interface of a terminal device; and then, in response to a first touch operation on the original information display interface, the display mode of an interactive control is switched; in response to the mode switching operation, a target display mode of the interactive control is determined; finally, based on the target display mode, the first preset display mode of the interactive control is switched to obtain a first target information display interface, and the first target information display interface is displayed on the display interface, thereby realizing rapid switching of the display mode of the interactive control, solving the problem in the related art that the display mode of the operation control cannot be adaptively adjusted according to actual needs, and improving the user's operating experience; on the other hand, since the display mode of the interactive control can be switched based on the first touch operation; in response to the mode switching operation, the target display mode of the interactive control is determined; and finally, based on the target display mode, the first preset display mode of the interactive control is switched, thereby improving the mode switching efficiency of the interactive control. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The accompanying drawings are incorporated into and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the specification, are used to explain the principles of the present disclosure. Obviously, the drawings described below are only some embodiments of the present disclosure, and those skilled in the art can derive other drawings based on these drawings without inventive effort.

[0021] FIG1 schematically shows a flow chart of a method for displaying interface information according to one embodiment of the present disclosure.

[0022] FIG2 schematically shows an example interface diagram of an original information display interface according to one embodiment of the examples of the present disclosure.

[0023] FIG3 schematically shows an example diagram of a first touch operation acting on a first touch area of ​​an original information display interface according to one embodiment of the examples of the present disclosure.

[0024] FIG4 schematically shows an example diagram of another first touch operation acting on a first touch area of ​​an original information display interface according to one embodiment of the examples of the present disclosure.

[0025] FIG5 schematically shows an example diagram of an interface of a current mode selection control according to one embodiment of the examples of the present disclosure.

[0026] FIG6 schematically illustrates an example interface diagram obtained by moving the touch position of a first touch operation from a first touch area to a current mode interaction area corresponding to a current mode selection control according to one embodiment of the examples of the present disclosure.

[0027] FIG7 schematically shows an example interface diagram of a control mode setting interface that is convenient for left-hand operation according to one embodiment of the examples of the present disclosure.

[0028] FIG8 schematically shows an example interface diagram of a control mode setting interface that is convenient for right-hand operation according to one embodiment of the examples of the present disclosure.

[0029] FIG9 schematically illustrates an example interface diagram obtained by selecting other unselected interactive controls included in a control mode setting interface according to one of the exemplary embodiments of the present disclosure.

[0030] FIG10 schematically shows an example interface diagram of another control mode setting interface that is convenient for left-hand operation according to one embodiment of the examples of the present disclosure.

[0031] FIG11 schematically shows an example interface diagram of another control mode setting interface that is convenient for right-hand operation according to one embodiment of the examples of the present disclosure.

[0032] FIG12 schematically shows an example interface diagram of a first target information display interface obtained by switching a first preset display mode of all interactive controls included in an original information display interface according to one embodiment of the examples of the present disclosure.

[0033] FIG13 schematically shows an example diagram of an interface of a first target information display interface obtained by switching a first preset display mode of a first target control included in an original information display interface according to one embodiment of the examples of the present disclosure.

[0034] Figure 14 schematically shows an example interface diagram of a first target information display interface obtained by switching the first preset display mode of the first target control and the second target control included in the original information display interface according to one of the examples of the present disclosure.

[0035] FIG15 schematically shows an example interface diagram obtained by displaying the skill interaction controls included in the main interface of the game in a game scenario according to one of the embodiments of the examples disclosed herein.

[0036] FIG16 schematically illustrates an example interface diagram obtained by switching the display modes of all functional interactive controls in an application scenario according to one embodiment of the examples of the present disclosure.

[0037] FIG17 schematically shows an example interface diagram obtained by switching the display mode of a functional interaction control in an application scenario according to one of the embodiments of the examples of the present disclosure.

[0038] FIG18 schematically illustrates an example interface diagram obtained by switching the display modes of certain functional interaction controls in an application scenario according to one of the exemplary embodiments of the present disclosure.

[0039] FIG19 schematically shows a block diagram of a device for displaying interface information according to one embodiment of the present disclosure.

[0040] FIG20 schematically illustrates an electronic device configured to execute the method for displaying the above-mentioned interface information according to one of the exemplary embodiments of the present disclosure. DETAILED DESCRIPTION

[0041] Example embodiments will now be described more fully with reference to the accompanying drawings. However, example embodiments can be implemented in a variety of forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that the present disclosure will be more comprehensive and complete and will fully convey the concepts of the example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, many specific details are provided to provide a full understanding of the embodiments of the present disclosure. However, those skilled in the art will appreciate that the technical solutions of the present disclosure may be practiced while omitting one or more of the specific details, or that other methods, components, devices, steps, etc. may be employed. In other cases, well-known technical solutions are not shown or described in detail to avoid obscuring various aspects of the present disclosure.

[0042] In addition, the accompanying drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. Identical reference numerals in the figures denote identical or similar parts, and thus repetitive descriptions thereof will be omitted. Some of the block diagrams shown in the accompanying drawings are functional entities that do not necessarily correspond to physically or logically separate entities. These functional entities may be implemented in software, in one or more hardware modules or integrated circuits, or in different networks and / or processor devices and / or microcontroller devices.

[0043] Vertical mobile games offer a wider variety of user scenarios, such as queuing, using the bus or subway, and so on, all of which are mostly single-handed. Furthermore, the default skill controls in vertical mobile games are often designed for right-handed control, which can lead to awkward operation for left-handed gamers. Furthermore, the burden on one hand increases with increased time spent playing. Therefore, how to quickly and easily switch between the default control options in vertical games, ensuring a better gaming experience and reduced fatigue regardless of the player's single-handed control, is a pressing issue.

[0044] Based on this, this example embodiment first provides a method for displaying an information interface, which can be run on a terminal device; the method can be configured on a terminal device, which can include a mobile terminal, a computer terminal or a similar computing device; of course, those skilled in the art can also run the method disclosed herein on other platforms as needed, and this exemplary embodiment is not particularly limited to this. Specifically, taking running on a mobile terminal as an example, the mobile terminal can be a smartphone (such as an Android phone, an iOS phone, etc.), a tablet computer, a PDA, and a mobile Internet device (Mobile Internet Devices, referred to as MID), a PAD and other terminal devices. The mobile terminal may include one or more processors (the processor may include but is not limited to a central processing unit (CPU), a graphics processing unit (GPU), a digital signal processing (DSP) chip, a microprocessor (MCU), a programmable logic device (FPGA), a neural network processor (NPU), a tensor processor (TPU), an artificial intelligence (AI) type processor, etc.) and a memory configured to execute and store data. Optionally, the mobile terminal may also include a transmission device, an input and output device, and a display device configured to perform communication functions. It will be understood by those skilled in the art that the above structural description is only illustrative and does not limit the structure of the above mobile terminal. For example, the mobile terminal may further include more or fewer components than those described in the above structure, or have a configuration different from that described in the above structure.

[0045] In an exemplary embodiment, referring to FIG1 , the method for displaying the information interface may include the following steps:

[0046] Step S110. Providing an original information display interface on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode;

[0047] Step S120. In response to a first touch operation on the original information display interface, switching the display mode of the interactive control; in response to the mode switching operation, determining a target display mode of the interactive control;

[0048] Step S130. Switch the first preset display mode of the interactive control based on the target display mode to obtain a first target information display interface, and display the first target information display interface on the display interface.

[0049] In the above-mentioned information interface display method, on the one hand, by providing an original information display interface on the display interface of the terminal device; and then responding to the first touch operation on the original information display interface, switching the display mode of the interactive control; in response to the mode switching operation, determining the target display mode of the interactive control; finally, switching the first preset display mode of the interactive control based on the target display mode to obtain the first target information display interface, and displaying the first target information display interface on the display interface, realizing rapid switching of the display mode of the interactive control, solving the problem in the related art that the display mode of the operation control cannot be adaptively adjusted according to actual needs, and improving the user's operating experience; on the other hand, since the display mode of the interactive control can be switched based on the first touch operation; in response to the mode switching operation, determining the target display mode of the interactive control; finally, switching the first preset display mode of the interactive control based on the target display mode, thereby improving the mode switching efficiency of the interactive control.

[0050] Hereinafter, the method for displaying the information interface described in the exemplary embodiment of the present disclosure will be explained and illustrated in detail with reference to the accompanying drawings.

[0051] First, the application scenarios of the exemplary embodiments of the present disclosure are explained and illustrated. Specifically, the display method of the information interface recorded in the exemplary embodiments of the present disclosure can be used in a vertical game scene or a vertical application; that is, the display method of the information interface recorded in the exemplary embodiments of the present disclosure can be applied in a vertical game or a vertical application, and the interactive controls in the vertical game or the vertical application can be quickly switched between left and right layouts, thereby achieving the purpose of improving the comfort of left-hand and right-hand operation of the player. Specifically, the display method of the information interface provided by the exemplary embodiments of the present disclosure can include the following implementation methods: one implementation method is a one-button left-hand mode; that is, the left-hand display mode of all interactive controls can be switched autonomously by one button; another implementation method is a one-hand single control; that is, the left-hand display mode of a certain control in the interactive controls can be switched autonomously; another implementation method is a one-hand multi-control; that is, the left-hand display mode of several controls in the interactive controls can be switched autonomously.

[0052] The following will further explain and illustrate the method for displaying the interface information shown in FIG1 . Specifically:

[0053] In step S110, an original information display interface is provided on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode.

[0054] Specifically, the original information display interface described herein can be referred to as shown in FIG2 . The original information display interface shown in FIG2 may include a menu interactive control 201 ; at the same time, the menu control may also include multiple skill interactive controls, such as skill A, skill B, and skill C, etc.; at the same time, the specific skill controls may be set according to actual needs, which is not specifically described in this example; further, in a game scenario, they may be referred to as skill interactive controls; correspondingly, in an application scenario, they may be referred to as function interactive controls; in actual applications, they may be independently defined according to the actual application scenario, which is not specifically limited in this example.

[0055] Furthermore, the first preset display mode recorded here can be a display mode that is convenient for left-hand operation; for example, the corresponding interactive controls are arranged in a position close to the left-hand operation; of course, the first preset display mode can also be a display mode that is convenient for right-hand operation; for example, the corresponding interactive controls can be arranged in a position close to the right-hand operation. The reason why the interactive controls displayed in the first preset display mode are recorded here is to facilitate the switching of the display mode of the interactive controls according to actual needs; that is, it can be switched from the first preset display mode as a display mode that is convenient for left-hand operation to the target display mode as a display mode that is convenient for right-hand operation according to actual needs; or, it can be switched from the first preset display mode as a display mode that is convenient for right-hand operation to the target display mode as a display mode that is convenient for left-hand operation according to actual needs, and so on.

[0056] In step S120, in response to a first touch operation on the original information display interface, the display mode of the interactive control is switched; in response to the mode switching operation, a target display mode of the interactive control is determined.

[0057] In this example embodiment, first, in response to the first touch operation on the original information display interface, the display mode of the interactive control is switched; specifically, it can be achieved in the following way: in response to the first touch operation on the original information display interface, it is determined that the first touch operation acts on the first touch area and the first touch duration of the original information display interface; in response to the first touch area and the first touch duration meeting the preset conditions, it is determined that the display mode of the interactive control is switched.

[0058] In an example embodiment, in response to the first touch area and the first touch duration satisfying a preset condition, determining to switch the display mode of the interactive control can be achieved in any of the following ways: the first way is to determine whether the first touch area overlaps with the original control interaction area, and when determining that the first touch area is independent of the interaction area with all the original controls, determine whether the first touch duration is less than a first preset duration threshold; then, when determining that the first touch duration is greater than or equal to the first preset duration threshold, determine to switch the display mode of the interactive control. The second way is to determine whether the first touch area overlaps with any original control interaction area, determine whether the first touch duration is less than a second preset duration threshold, and when determining that the first touch duration is greater than or equal to the second preset duration threshold, determine to switch the display mode of the interactive control. The original control interaction area refers to the control interaction area on the original information display interface.

[0059] Specifically, in actual application, since the display modes of all interactive controls can be switched at the same time, the display modes of one or several interactive controls can also be switched; therefore, different mode switching rules need to be implemented for different numbers of interactive controls that need to have their display modes switched. In this scenario, in order to accurately identify whether the user needs to switch the display modes of all interactive controls or only one or several interactive controls, this can be achieved based on the first touch area corresponding to the user's first touch operation.

[0060] Specifically, in the actual application process, first, the first touch area and the first touch duration of the first touch operation acting on the original information display interface can be obtained; wherein, the area of ​​the first touch operation can refer to the area 301 shown in Figure 3, or can refer to the area 401 shown in Figure 4; then, based on whether the first touch area acts in the original control interaction area where the interactive control is located; if not, it is determined whether the first touch duration meets the corresponding duration condition (that is, whether it is greater than or equal to the first preset duration threshold), and if so, it is determined that the user needs to switch the first preset display mode of all interactive controls to the target display mode; the display mode switching type in this scenario is the first display mode switching type; further, if the first touch area acts in the original control interaction area where the interactive control is located, and the first touch duration is greater than or equal to the second preset duration threshold, it is determined that the user needs to switch the first preset display mode of one or several interactive controls to the target display mode; the display mode switching type in this scenario is the second display mode switching type.

[0061] It should be noted here that, in actual application, the value of the first preset time threshold recorded above can be 2s. Of course, it can also be set to other time lengths according to actual needs. This example does not impose any special restrictions on this.

[0062] In an exemplary embodiment, the second preset duration threshold is obtained by: determining a first target interactive control corresponding to an original control interaction area that overlaps with the first touch area, and obtaining the target control attribute of the first target interactive control; extracting the control operation attribute from the target control attribute, and determining whether the control interaction operation corresponding to the control operation attribute is consistent with the first touch operation; if the control interaction operation corresponding to the control operation attribute is consistent with the first touch operation, determining the second preset duration threshold based on the control operation attribute and the first preset duration threshold; if the control interaction operation corresponding to the control operation attribute is inconsistent with the first touch operation, determining the second preset duration threshold based on the first preset duration threshold. That is, in actual application, when determining the second preset duration threshold, it is necessary to consider whether the target control attribute of the target interactive control itself can achieve other purposes by long pressing; if so, the second preset duration threshold needs to be adjusted based on the control operation attribute; if not, the second preset duration threshold can be directly determined based on the first preset duration threshold. At the same time, the reason why the control operation attribute needs to be considered is to avoid the need to execute different instructions under the same operation, thereby causing instruction confusion.

[0063] In an example embodiment, in the process of determining the second preset time threshold through the control operation attribute and the first preset time threshold, the second preset time threshold can be determined based on the first preset time threshold, avoiding the control operation attribute; assuming that the first preset time threshold is 2 seconds and the value of the control operation attribute is 3 seconds, then the value of the second preset time threshold can be 4 seconds; for example, if the second preset time threshold can be determined directly through the first preset time, assuming that the first preset time threshold is 2 seconds, then the value of the second preset time threshold can be 3 seconds; in actual application, it can be set according to actual needs, and this example does not impose any special restrictions on this.

[0064] In an example embodiment, determining the second preset duration threshold can also be achieved by setting a network model; for example, directly obtaining the target control attributes of the target interactive control, and then inputting the target control attributes and the first preset duration threshold into a trained network model to obtain the second preset duration threshold. Furthermore, the network models described herein may include, but are not limited to, convolutional neural network models, recurrent neural network models, deep neural network models, and decision tree models, and this example does not impose any special restrictions on this.

[0065] Secondly, in response to the mode switching operation, determining the target display mode of the interactive control can be achieved in different ways based on different display mode switching types. The first display mode switching type is used to switch all interactive controls from a first preset display mode to a target display mode; the second display mode switching type is used to switch one or more interactive controls from a first preset display mode to a target display mode.

[0066] In an exemplary embodiment, when the display mode switching type is the first display mode switching type, the determination of the target display mode of the interactive control in response to the mode switching operation can be achieved in the following manner: first, in response to a first touch operation on a first touch area in the original information display interface, a current mode selection control is displayed in the display interface; wherein, the first touch area is other areas in the information display interface that are independent of the original control interaction area corresponding to the interactive control; secondly, in response to the touch position of the first touch operation moving from the first touch area to the current mode interaction area corresponding to the current mode selection control, the target mode selection control is determined; then, in response to the termination of the first touch operation acting on the target mode selection control, the target display mode of the interactive control is determined. That is, in actual application, if the system recognizes that the user's intention is to switch the display mode of all interactive controls, then after receiving the first touch operation, the current mode selection control as shown in Figure 5 can pop up in the display interface; wherein, the current mode selection control can include a left-hand mode selection control 501 and a right-hand mode selection control 502; further, when the current mode selection control pops up, if it is necessary to select the corresponding target mode selection control, the touch position of the first touch operation can be directly moved from the first touch area to the current mode interaction area corresponding to the current mode selection control, for example, it can be moved to the current mode interaction area where the right-hand mode selection control is located as shown in Figure 6; of course, if the right-hand mode selection control is selected as the target mode selection control, the first touch operation can be terminated, and the target display mode of the interactive control can be determined to be a display mode that is convenient for right-hand operation.

[0067] In an example embodiment, in the process of actual application, in order to facilitate the user's selection operation on the current mode selection control and then determine the target mode selection control, the current mode selection control can be displayed in different display modes. For example, when the first preset display mode currently used by the system is a display mode that is convenient for left-hand operation, the current mode selection control corresponding to the first preset display mode can be displayed in a normal size display mode; and for the current mode selection control corresponding to the display mode that is convenient for right-hand operation, it can be displayed in an enlarged display mode; or, the current mode selection control corresponding to the first preset display mode can be displayed in a reduced display mode; and for the current mode selection control corresponding to the display mode that is convenient for right-hand operation, it can be displayed in an enlarged display mode; or, the current mode selection control corresponding to the first preset display mode can be displayed in a normal display mode; and for the current mode selection control corresponding to the display mode that is convenient for right-hand operation, it can be displayed in a highlighted display mode. In the process of actual application, the corresponding display mode can be determined according to actual needs to display the current mode selection control, and this example does not impose any special restrictions on this.

[0068] In a possible example embodiment, if the user wants to continue to display the current interactive control in the first preset display mode, he or she can also directly move the touch position of the first touch operation from the first touch area to the current mode selection control corresponding to the first preset display mode. This example does not impose any special restrictions on this.

[0069] In an exemplary embodiment, when the display mode switching type is the second display mode switching type, the determination of the target display mode of the interactive control in response to the mode switching operation can be achieved in the following manner: first, in response to a first touch operation on a first touch area in the original information display interface, a control mode setting interface corresponding to the interactive control is displayed in the display interface; wherein, the first touch area is the area in the information display interface where the original control interaction area corresponding to any of the interactive controls is located; secondly, in response to the first touch operation, the first target control corresponding to the first touch area of ​​the first touch operation is displayed on the control mode setting interface in a first preset display mode; then, in response to the termination of the first touch operation on the first target control and a sliding operation on the control mode setting interface, the target display mode of the first target control is determined based on the sliding direction of the sliding operation. That is, in actual application, if the system recognizes that the user's intention is to switch the display mode of a certain interactive control, then after receiving the first touch operation, a control mode setting interface as shown in Figures 7 and 8 can pop up in the display interface; among them, Figure 7 is a control mode setting interface that is convenient for left-hand operation, and Figure 8 is a control mode setting interface that is convenient for right-hand operation; further, if it is necessary to determine the corresponding target display mode, it can be achieved by sliding left or right.

[0070] In an exemplary embodiment, when the display mode switching type is the second display mode switching type, the target display mode of the interactive control is determined in response to the mode switching operation, and can also be achieved in the following manner: first, in response to a first touch operation on a first touch area in the original information display interface, a control mode setting interface corresponding to the interactive control is displayed in the display interface; wherein the first touch area is the area where the original control interaction area corresponding to any of the interactive controls in the information display interface is located; secondly, in response to the first touch operation, the control mode setting interface corresponding to the first touch operation is displayed in a first preset display mode. The first target control corresponding to the first touch area is displayed; then, in response to the termination of the first touch operation acting on the first target control and the second touch operation acting on other interactive controls except the first target control in the control mode setting interface, the second target control is determined; finally, in response to the termination of the second touch operation acting on the second target control and the sliding operation on the control mode setting interface, the target display mode of the first target control and the second target control is determined based on the sliding direction of the sliding operation; wherein, the first target control includes an interactive control, and the second target control includes one or more interactive controls.

[0071] That is, in the actual application process, if you want to switch to the first preset display mode of several interactive controls, then after the control mode setting interface pops up, you can also select other unselected interactive controls included in the control mode setting interface; wherein, the selected result obtained can be specifically shown in Figure 9. Of course, you can perform the selection operation or the deselection operation. This example does not impose any special restrictions on this; further, if you need to determine the corresponding target display mode, you can swipe left and right to achieve it; wherein, the interface display diagram obtained for easy left-hand operation can be shown in Figure 10, and the interface display diagram obtained for easy right-hand operation can be shown in Figure 11.

[0072] In step S130, the first preset display mode of the interactive control is switched based on the target display mode to obtain a first target information display interface, and the first target information display interface is displayed on the display interface.

[0073] In this example embodiment, first, the first preset display mode of the interactive control is switched based on the target display mode to obtain the first target information display interface. Specifically, it can be achieved in the following ways: one is to switch the first preset display mode of all interactive controls included in the original information display interface based on the target display mode to obtain the first target information display interface; wherein, the obtained interface example diagram can refer to Figure 12; one is to switch the first preset display mode of the first target control based on the target display mode to obtain the first target information display interface; wherein, the obtained interface example diagram can refer to Figure 13; another is to switch the first preset display mode of the first target control and the second target control based on the target display mode to obtain the first target information display interface; wherein, the obtained interface example diagram can refer to Figure 14. Further, after obtaining the first target information display interface, it can be directly displayed so that the user can perform corresponding operations on the first target information display interface.

[0074] In an exemplary embodiment, the first target information display interface can be used as the original information display interface, and the display mode of the interactive controls in the first target information display interface can be switched to obtain the human target information display interface. That is, in actual application, the display mode of the interactive controls can be switched in real time according to actual needs, thereby facilitating left-right rotation operations for the user and improving the user experience.

[0075] Furthermore, the method for displaying interface information described in the example embodiments of the present disclosure can also be applied in real time in corresponding games or applications; for example, in an example embodiment, switching the display mode of skill controls in a game can be achieved in the following manner: in response to a touch operation on any game client in the terminal device, starting the game client and displaying the game main interface of the game application corresponding to the game client; displaying the skill interaction controls included in the game main interface based on the target display mode; wherein the obtained interface example diagram can be shown in reference to Figure 15.

[0076] For another example, in an exemplary embodiment, switching the display mode of the functional controls in an application can be achieved as follows: in response to a touch operation on any application client in the terminal device, the application client is started and the main program interface of the application corresponding to the application client is displayed; based on the target display mode, the functional interaction controls included in the main program interface are displayed. The obtained interface example diagrams can be referred to as shown in Figures 16, 17, and 18; Figure 16 switches the display mode of all functional interaction controls, Figure 17 switches the display mode of a certain functional interaction control, and Figure 18 switches the display mode of several functional interaction controls.

[0077] At this point, the method for displaying the interface information recorded in the example embodiment of the present disclosure has been fully realized. Based on the above-mentioned recorded content, it can be known that the method for displaying the interface information recorded in the example embodiment of the present disclosure, aimed at the player experience scenario of vertical version games and the pain point that the current vertical version games only support the default right-hand grip control interaction layout, proposes a method that can support players to automatically switch between left and right hand layouts with one click, switch between single controls with one hand, and switch between multiple controls with one hand, etc. More detailed operation demands; at the same time, through the most direct and effective interaction method, players can quickly complete the dynamic adjustment of controls or layouts in a very natural and effortless manner, which improves the game operation experience and reduces the fatigue of players who operate with one hand for a long time; further, the method for displaying the interface information recorded in the example embodiment of the present disclosure is also applicable to the current vertical version video, or other vertical version applications.

[0078] The following are embodiments of the apparatus of the present disclosure, which can be configured to perform the method embodiments of the present disclosure. For details not disclosed in the apparatus embodiments of the present disclosure, please refer to the method embodiments of the present disclosure.

[0079] The exemplary embodiment of the present disclosure further provides an interface information display device configured in a terminal device. Specifically, referring to FIG19 , the interface information display device may include a first display module 1910, a target display mode determination module 1920, and a second display module 1930.

[0080] The first display module 1910 is configured to provide an original information display interface on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode;

[0081] The target display mode determination module 1920 is configured to switch the display mode of the interactive control in response to the first touch operation on the original information display interface; and determine the target display mode of the interactive control in response to the mode switching operation;

[0082] The second display module 1930 is configured to switch the first preset display mode of the interactive control based on the target display mode, obtain a first target information display interface, and display the first target information display interface on the display interface.

[0083] In an exemplary embodiment of the present disclosure, in response to a first touch operation on the original information display interface, the display mode of the interactive control is switched, including: in response to the first touch operation on the original information display interface, determining that the first touch operation acts on a first touch area and a first touch duration of the original information display interface; in response to the first touch area and the first touch duration satisfying preset conditions, determining to switch the display mode of the interactive control.

[0084] In an exemplary embodiment of the present disclosure, in response to the first touch area and the first touch duration satisfying a preset condition, determining to switch the display mode of the interactive control can be achieved in any of the following ways: the first way is to determine whether the first touch area overlaps with the original control interaction area, and when it is determined that the first touch area is independent of the interaction area with all the original controls, determine whether the first touch duration is less than a first preset duration threshold; when it is determined that the first touch duration is greater than or equal to the first preset duration threshold, determine to switch the display mode of the interactive control. The second way is to determine whether the first touch area overlaps with any original control interaction area, determine whether the first touch duration is less than a second preset duration threshold, and when it is determined that the first touch duration is greater than or equal to the second preset duration threshold, determine to switch the display mode of the interactive control. The original control interaction area refers to the control interaction area on the original information display interface.

[0085] In an exemplary embodiment of the present disclosure, the second preset duration threshold is obtained in the following manner: determining the first target interactive control corresponding to the original control interaction area that overlaps with the first touch area, and obtaining the target control properties of the first target interactive control; extracting the control operation properties in the target control properties, and determining whether the control interaction operation corresponding to the control operation properties is consistent with the first touch operation; if the control interaction operation corresponding to the control operation properties is consistent with the first touch operation, determining the second preset duration threshold based on the control operation properties and the first preset duration threshold; if the control interaction operation corresponding to the control operation properties is inconsistent with the first touch operation, determining the second preset duration threshold based on the first preset duration threshold.

[0086] In an exemplary embodiment of the present disclosure, the display mode switching includes one of the following types: a first display mode switching type is used to switch all interactive controls from a first preset display mode to a target display mode; a second display mode switching type is used to switch one or more interactive controls from a first preset display mode to a target display mode.

[0087] In an exemplary embodiment of the present disclosure, when the display mode switching type is the first display mode switching type, determining the target display mode of the interactive control in response to the mode switching operation includes: displaying a current mode selection control in the display interface in response to a first touch operation on a first touch area in the original information display interface; wherein, the first touch area is other areas in the information display interface that are independent of the original control interaction area corresponding to the interactive control; determining the target mode selection control in response to the touch position of the first touch operation moving from the first touch area to the current mode interaction area corresponding to the current mode selection control; and determining the target display mode of the interactive control in response to the termination of the first touch operation acting on the target mode selection control.

[0088] In an exemplary embodiment of the present disclosure, when the switching type of the display mode is the second display mode switching type, determining the target display mode of the interactive control in response to the mode switching operation includes: in response to a first touch operation on a first touch area in the original information display interface, displaying a control mode setting interface corresponding to the interactive control in the display interface; wherein, the first touch area is an area in the information display interface where the original control interaction area corresponding to any of the interactive controls is located; in response to the first touch operation, displaying the first target control corresponding to the first touch area of ​​the first touch operation on the control mode setting interface in a first preset display mode; in response to the termination of the first touch operation on the first target control and a sliding operation on the control mode setting interface, determining the target display mode of the first target control based on the sliding direction of the sliding operation.

[0089] In an exemplary embodiment of the present disclosure, when the display mode switching type is the second display mode switching type, determining the target display mode of the interactive control in response to the mode switching operation includes: in response to a first touch operation on a first touch area in the original information display interface, displaying a control mode setting interface corresponding to the interactive control in the display interface; wherein, the first touch area is the area where the original control interaction area corresponding to any of the interactive controls is located in the information display interface; in response to the first touch operation, displaying the first target control corresponding to the first touch area of ​​the first touch operation on the control mode setting interface in a first preset display mode; in response to the termination of the first touch operation on the first target control and the second touch operation on other interactive controls in the control mode setting interface except the first target control, determining the second target control; in response to the termination of the second touch operation on the second target control and a sliding operation on the control mode setting interface, determining the target display modes of the first target control and the second target control based on the sliding direction of the sliding operation.

[0090] In an exemplary embodiment of the present disclosure, the first target control includes one interactive control, and the second target control includes one or more interactive controls.

[0091] In an exemplary embodiment of the present disclosure, switching the first preset display mode of the interactive control based on the target display mode to obtain a first target information display interface includes:

[0092] Based on the target display mode, the first preset display mode of all interactive controls included in the original information display interface is switched to obtain a first target information display interface; or based on the target display mode, the first preset display mode of the first target control is switched to obtain a first target information display interface; or based on the target display mode, the first preset display mode of the first target control and the second target control is switched to obtain a first target information display interface.

[0093] In an exemplary embodiment of the present disclosure, the device for displaying interface information further includes:

[0094] a third display module configured to execute, in response to a touch operation on any game client in the terminal device, start the game client and display a main game interface of the game application corresponding to the game client;

[0095] The fourth display module is configured to display the skill interaction controls included in the game main interface based on the target display mode.

[0096] In an exemplary embodiment of the present disclosure, the device for displaying interface information further includes:

[0097] a fifth display module configured to execute, in response to a touch operation on any application client in the terminal device, start the application client and display a main interface of the application corresponding to the application client;

[0098] The sixth display module is configured to display the functional interaction controls included in the program main interface based on the target display mode.

[0099] The specific details of each module in the above-mentioned interface information display device have been described in detail in the corresponding interface information display method, so they will not be repeated here.

[0100] It should be noted that although several modules or units of the device for action execution are mentioned in the detailed description above, this division is not mandatory. In fact, according to the embodiments of the present disclosure, the features and functions of two or more modules or units described above can be concretized in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided into multiple modules or units to be concretized.

[0101] Furthermore, although the steps of the method of the present disclosure are described in a particular order in the accompanying drawings, this does not require or imply that the steps must be performed in this particular order, or that all steps shown must be performed to achieve the desired results. Additionally or alternatively, some steps may be omitted, multiple steps may be combined into one step, and / or one step may be decomposed into multiple steps.

[0102] In an exemplary embodiment of the present disclosure, an electronic device capable of implementing the above method is also provided.

[0103] Those skilled in the art will appreciate that various aspects of the present disclosure may be implemented as systems, methods, or program products. Therefore, various aspects of the present disclosure may be implemented in the following forms: a complete hardware implementation, a complete software implementation (including firmware, microcode, etc.), or a combination of hardware and software implementations, which may be collectively referred to herein as "circuits," "modules," or "systems."

[0104] The electronic device 2000 according to this embodiment of the present disclosure is described below with reference to Figure 20. The electronic device 2000 shown in Figure 20 is merely an example and should not limit the functions and scope of use of the embodiments of the present disclosure.

[0105] As shown in FIG20 , electronic device 2000 is implemented as a general-purpose computing device. Components of electronic device 2000 may include, but are not limited to, the aforementioned at least one processing unit 2010, the aforementioned at least one storage unit 2020, a bus 2030 connecting various system components (including storage unit 2020 and processing unit 2010), and a display unit 2040.

[0106] Wherein, the storage unit stores a program code, and the program code can be executed by the processing unit 2010, so that the processing unit 2010 performs the steps described in the above "Exemplary Method" section of this specification according to various exemplary embodiments of the present disclosure. For example, the processing unit 2010 can execute step S110 as shown in Figure 1: providing an original information display interface on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode; step S120: in response to a first touch operation on the original information display interface, switching the display mode of the interactive control; in response to the mode switching operation, determining the target display mode of the interactive control; step S130: switching the first preset display mode of the interactive control based on the target display mode to obtain a first target information display interface, and displaying the first target information display interface on the display interface.

[0107] The storage unit 2020 may include a readable medium in the form of a volatile storage unit, such as a random access memory unit (RAM) 20201 and / or a cache memory unit 20202 , and may further include a read-only memory unit (ROM) 20203 .

[0108] The storage unit 2020 may also include a program / utility 20204 having a set (at least one) of program modules 20205, such program modules 20205 including but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment.

[0109] Bus 2030 may represent one or more of several types of bus structures, including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or a local bus using any of a variety of bus architectures.

[0110] The electronic device 2000 can also communicate with one or more external devices 2100 (e.g., a keyboard, a pointing device, a Bluetooth device, etc.), one or more devices that enable a user to interact with the electronic device 2000, and / or any device that enables the electronic device 2000 to communicate with one or more other computing devices (e.g., a router, a modem, etc.). Such communication can be performed via an input / output (I / O) interface 2050. Furthermore, the electronic device 2000 can also communicate with one or more networks (e.g., a local area network (LAN), a wide area network (WAN), and / or a public network such as the Internet) via a network adapter 2060. As shown, the network adapter 2060 communicates with other modules of the electronic device 2000 via a bus 2030. It should be understood that, although not shown in the figure, other hardware and / or software modules can be used in conjunction with the electronic device 2000, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0111] Through the description of the above embodiments, it is easy for those skilled in the art to understand that the example embodiments described herein can be implemented by software or by combining software with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash drive, a mobile hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which can be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.

[0112] In exemplary embodiments of the present disclosure, a computer-readable storage medium is also provided, on which is stored a program product capable of implementing the aforementioned methods of this specification. In some possible implementations, various aspects of the present disclosure may also be implemented in the form of a program product comprising program code. When the program product is executed on a terminal device, the program code is configured to cause the terminal device to execute the steps described in the "Exemplary Methods" section of this specification according to various exemplary embodiments of the present disclosure.

[0113] According to an embodiment of the present disclosure, a program product for implementing the above-mentioned method can be a portable compact disc read-only memory (CD-ROM) and include program code, and can be run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto. In this document, a readable storage medium can be any tangible medium containing or storing a program, which can be used by or in conjunction with an instruction execution system, apparatus, or device.

[0114] The program product may be implemented in any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or component, or any combination thereof. More specific examples (a non-exhaustive list) of readable storage media include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof.

[0115] A computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, which carries readable program code. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A readable signal medium may also be any readable medium other than a readable storage medium that can transmit, propagate, or transfer a program for use by or in conjunction with an instruction execution system, apparatus, or device.

[0116] The program code embodied on the readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.

[0117] The program code for performing the operations of the present disclosure may be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java, C++, and the like, as well as conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user computing device, partially on the user device, as a stand-alone software package, partially on the user computing device and partially on a remote computing device, or entirely on a remote computing device or server. In cases involving a remote computing device, the remote computing device may be connected to the user computing device via any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computing device (e.g., via the Internet using an Internet service provider).

[0118] Furthermore, the figures above are merely illustrative of the processes included in the methods according to exemplary embodiments of the present disclosure and are not intended to be limiting. It is readily understood that the processes illustrated in the figures above do not indicate or limit the temporal order of these processes. Furthermore, it is readily understood that these processes may be executed synchronously or asynchronously, for example, in multiple modules.

[0119] Other embodiments of the present disclosure will readily occur to those skilled in the art after considering the specification and practicing the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the present disclosure that follow from the general principles of the present disclosure and include common knowledge or customary techniques in the art not invented herein. The specification and examples are to be considered as exemplary only, with the true scope and spirit of the present disclosure being indicated by the claims.

Claims

1. A method for displaying interface information, configured on a terminal device, comprising: Providing an original information display interface on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode; In response to a first touch operation on the original information display interface, switching the display mode of the interactive control; in response to the mode switching operation, determining a target display mode of the interactive control; The first preset display mode of the interactive control is switched based on the target display mode to obtain a first target information display interface, and the first target information display interface is displayed on the display interface.

2. The method for displaying interface information according to claim 1, wherein: In response to a first touch operation on the original information display interface, switching the display mode of the interactive control includes: In response to a first touch operation on the original information display interface, determining a first touch area of ​​the original information display interface affected by the first touch operation and a first touch duration; In response to the first touch area and the first touch duration satisfying a preset condition, it is determined to switch the display mode of the interactive control.

3. The method for displaying interface information according to claim 2, wherein: In response to the first touch area and the first touch duration satisfying a preset condition, determining to switch the display mode of the interactive control includes one of the following: When it is determined that the first touch area is independent of the interaction area with all original controls, determining whether the first touch duration is less than a first preset duration threshold; and when it is determined that the first touch duration is greater than or equal to the first preset duration threshold, determining to switch the display mode of the interactive control; or When it is determined that the first touch area overlaps with any original control interaction area, it is determined whether the first touch duration is less than a second preset duration threshold, and when it is determined that the first touch duration is greater than or equal to the second preset duration threshold, it is determined to switch the display mode of the interactive control.

4. The method for displaying interface information according to claim 3, wherein: The second preset duration threshold is obtained in the following manner: Determine a first target interactive control corresponding to an original control interaction area that overlaps with the first touch area, and obtain a target control property of the first target interactive control; Extracting a control operation attribute from the target control attributes, and determining whether the control interaction operation corresponding to the control operation attribute is consistent with the first touch operation; If the control interaction operation corresponding to the control operation attribute is consistent with the first touch operation, determining a second preset duration threshold based on the control operation attribute and the first preset duration threshold; If the control interaction operation corresponding to the control operation attribute is inconsistent with the first touch operation, a second preset time threshold is determined based on the first preset time threshold.

5. The method for displaying interface information according to claim 1, wherein: The display mode switching includes one of the following types: The first display mode switching type is used to switch all interactive controls from the first preset display mode to the target display mode; or The second display mode switching type is used to switch one or more interactive controls from the first preset display mode to the target display mode.

6. The method for displaying interface information according to claim 5, wherein: When the display mode switching type is a first display mode switching type, determining a target display mode of the interactive control in response to the mode switching operation includes: In response to a first touch operation on a first touch area in the original information display interface, displaying a current mode selection control in the display interface; wherein the first touch area is an area in the information display interface that is independent of the original control interaction area corresponding to the interactive control; In response to the touch position of the first touch operation moving from the first touch area to the current mode interaction area corresponding to the current mode selection control, determining a target mode selection control; In response to termination of the first touch operation on the target mode selection control, a target display mode of the interactable control is determined.

7. The method for displaying interface information according to claim 5, wherein: When the display mode switching type is the second display mode switching type, determining the target display mode of the interactive control in response to the mode switching operation includes: In response to a first touch operation on a first touch area in the original information display interface, a control mode setting interface corresponding to the interactive control is displayed in the display interface; wherein the first touch area is an area in the information display interface where the original control interaction area corresponding to any of the interactive controls is located; In response to a first touch operation, displaying a first target control corresponding to a first touch area of ​​the first touch operation on the control mode setting interface in a first preset display mode; In response to the termination of the first touch operation acting on the first target control and the sliding operation acting on the control mode setting interface, a target display mode of the first target control is determined based on a sliding direction of the sliding operation.

8. The method for displaying interface information according to claim 5, wherein: When the display mode switching type is the second display mode switching type, determining the target display mode of the interactive control in response to the mode switching operation includes: In response to a first touch operation on a first touch area in the original information display interface, a control mode setting interface corresponding to the interactive control is displayed in the display interface; wherein the first touch area is an area in the information display interface where the original control interaction area corresponding to any of the interactive controls is located; In response to a first touch operation, displaying a first target control corresponding to a first touch area of ​​the first touch operation on the control mode setting interface in a first preset display mode; In response to termination of a first touch operation on the first target control and a second touch operation on other interactive controls in the control mode setting interface except the first target control, determining a second target control; In response to the termination of the second touch operation acting on the second target control and the sliding operation acting on the control mode setting interface, the target display modes of the first target control and the second target control are determined based on the sliding direction of the sliding operation.

9. The method for displaying interface information according to claim 8, wherein: The first target control includes one interactive control, and the second target control includes one or more interactive controls.

10. The method for displaying interface information according to claim 1, wherein: Switching the first preset display mode of the interactive control based on the target display mode to obtain a first target information display interface includes: Switching the first preset display mode of all interactive controls included in the original information display interface based on the target display mode to obtain a first target information display interface; or Switching the first preset display mode of the first target control based on the target display mode to obtain a first target information display interface; or Based on the target display mode, the first preset display modes of the first target control and the second target control are switched to obtain a first target information display interface.

11. The method for displaying interface information according to any one of claims 1 to 10, wherein: The method for displaying the interface information includes: In response to a touch operation on any game client in the terminal device, the game client is started and a main game interface of the game application corresponding to the game client is displayed; The skill interaction controls included in the game main interface are displayed based on the target display mode.

12. The method for displaying interface information according to any one of claims 1 to 10, wherein: The method for displaying the interface information includes: In response to a touch operation on any application client in the terminal device, starting the application client and displaying a main program interface of the application corresponding to the application client; The functional interaction controls included in the program main interface are displayed based on the target display mode.

13. A device for displaying interface information, configured in a terminal device, the device for displaying interface information comprising: A first display module, configured to provide an original information display interface on the display interface of the terminal device; wherein the original information display interface includes one or more interactive controls displayed in a first preset display mode; a target display mode determination module, configured to switch the display mode of the interactive control in response to a first touch operation on the original information display interface; and determine a target display mode of the interactive control in response to the mode switching operation; The second display module is used to switch the first preset display mode of the interactive control based on the target display mode, obtain a first target information display interface, and display the first target information display interface on the display interface.

14. A computer-readable storage medium having a computer program stored thereon, wherein when the computer program is executed by a processor, the method for displaying an information interface according to any one of claims 1 to 12 is implemented.

15. An electronic device comprising: processor; as well as a memory for storing executable instructions of the processor; The processor is configured to execute the method for displaying the information interface according to any one of claims 1 to 12 by executing the executable instructions.

Images