CN111813320A - Interaction method and device based on tab, electronic equipment and storage medium - Google Patents
Interaction method and device based on tab, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN111813320A CN111813320A CN202010728486.6A CN202010728486A CN111813320A CN 111813320 A CN111813320 A CN 111813320A CN 202010728486 A CN202010728486 A CN 202010728486A CN 111813320 A CN111813320 A CN 111813320A
- Authority
- CN
- China
- Prior art keywords
- tab
- page
- tab page
- tabs
- main
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Abstract
The application provides a tab-based interaction method and device, electronic equipment and a storage medium, and relates to the technical field of user interfaces. Wherein, the method can comprise the following steps: if the current tab page does not comprise the main tab, displaying a return control; by the application of the embodiment of the application, when the current tab page does not comprise the main tab, the return control can quickly return to the main tab page comprising the main tab, and then the main tab can quickly enter the corresponding interactive interface, so that the interactive efficiency and the user experience are improved.
Description
Technical Field
The present application relates to the field of user interface technologies, and in particular, to an interaction method and apparatus based on tabs, an electronic device, and a storage medium.
Background
Tabs are elements often seen in User Interfaces (UIs), and tab-based interaction is commonly used in both internet products and game interaction design.
Currently, the internet Application (APP) and the manner of using tabs in the game interface are generally arranged from top to bottom.
However, in the existing tab interaction mode, when there are many tabs, the player needs to slide for a long time to return to the main tab, so that the interaction efficiency is low, and the user experience is poor.
Disclosure of Invention
An object of the present application is to provide a tab-based interaction method, apparatus, electronic device and storage medium, which can quickly return to a main tab when there are many tabs, thereby improving interaction efficiency and user experience.
In order to achieve the above purpose, the technical solutions adopted in the embodiments of the present application are as follows:
in a first aspect, an embodiment of the present application provides a tab-based interaction method, where a tab page is displayed through a graphical user interface of a terminal device, where the tab page includes at least one tab, and the method includes:
if the current tab page does not comprise the main tab, displaying a return control;
and responding to the touch operation of the return control, and controlling the current tab page to recover to a home tab page, wherein the home tab page comprises a main tab.
Optionally, the method further comprises:
responding to browsing operation of a tab page, and switching tabs displayed in the tab page;
if the current tab page does not comprise the main tab, displaying a return control, comprising:
and when the main tab leaves the current tab page, displaying the return control.
Optionally, the switching the tab currently displayed in the tab page in response to the browsing operation of the tab page includes:
and responding to the sliding operation of the tab page, and switching tabs displayed in the tab page according to the direction of the sliding operation.
Optionally, the method further comprises:
and responding to the selection operation of a target tab in the tab page, and determining that the target tab is a main tab.
Optionally, if the tab page does not display all tabs, the tab page further includes a display control, and the method further includes:
and responding to the touch operation of the display control, and displaying all tabs on the tab page.
Optionally, the displaying all tabs on the tab page in response to the touch operation on the display control includes:
and responding to the touch operation of the display control, and displaying all the tabs in a preset arrangement mode in the tab page.
Optionally, if the current tab page does not include a main tab, displaying a return control, including:
and if the current tab page does not comprise the main tab, displaying the return control and the display control.
Optionally, the main tab page comprises a main tab and a preset number of other tabs, the main tab and the other tabs are arranged in an arc shape, and the main tab is located in the middle of the arc shape.
In a second aspect, an embodiment of the present application provides a tab-based interaction apparatus, where a tab page is displayed through a graphical user interface of a terminal device, where the tab page includes at least one tab, and the apparatus includes: the display module and the control module;
the display module is used for displaying a return control if the current tab page does not comprise a main tab;
the control module is used for responding to touch operation on the return control and controlling the current tab page to recover to a main tab page, and the main tab page comprises a main tab.
Optionally, the apparatus further comprises: the switching module is used for responding to browsing operation of a tab page and switching a tab displayed in the tab page, and correspondingly, the display module is specifically used for displaying the return control after the tab leaves the tab page.
Optionally, the switching module is specifically configured to switch, in response to a sliding operation on the tab page, a tab displayed in the tab page according to a direction of the sliding operation.
Optionally, the apparatus further comprises: and the determining module is used for responding to the selection operation of the target tab in the tab page and determining the target tab as the main tab.
Optionally, if the tab page does not display all tabs, the display module is further configured to respond to a touch operation on the display control, and display all tabs on the tab page.
Optionally, the display module is specifically configured to display all the tabs in a preset arrangement manner in the tab page in response to a touch operation on the display control.
Optionally, the display module is specifically configured to display the return control and the display control if the current tab page does not include a main tab.
Optionally, the main tab page comprises a main tab and a preset number of other tabs, the main tab and the other tabs are arranged in an arc shape, and the main tab is located in the middle of the arc shape.
In a third aspect, an embodiment of the present application provides an electronic device, including: the electronic device comprises a processor, a storage medium and a bus, wherein the storage medium stores machine-readable instructions executable by the processor, when the electronic device runs, the processor and the storage medium communicate through the bus, and the processor executes the machine-readable instructions to execute the steps of the tab-based interaction method of the first aspect.
In a fourth aspect, an embodiment of the present application provides a storage medium, where a computer program is stored on the storage medium, and when the computer program is executed by a processor, the steps of the tab-based interaction method of the first aspect are executed.
The beneficial effect of this application is:
in the interaction method, device, electronic equipment and storage medium based on the tab provided by the embodiment of the application, if the current tab page does not include the main tab, the return control is displayed; by the application of the embodiment of the application, when the current tab page does not comprise the main tab, the return control can quickly return to the main tab page comprising the main tab, and then the main tab can quickly enter the corresponding interactive interface, so that the interactive efficiency and the user experience are improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are required to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained from the drawings without inventive effort.
Fig. 1 is a schematic flowchart of an interaction method based on a tab according to an embodiment of the present disclosure;
FIG. 2 is a schematic flowchart of another interaction method based on tabs according to an embodiment of the present disclosure;
fig. 3 is a schematic diagram of a tab page provided in an embodiment of the present application;
FIG. 4 is a schematic flowchart of another interaction method based on tabs according to an embodiment of the present disclosure;
FIG. 5 is a schematic flowchart of another interaction method based on tabs according to an embodiment of the present disclosure;
FIG. 6 is a schematic flowchart of another interaction method based on tabs according to an embodiment of the present disclosure;
FIG. 7 is a schematic diagram of another tab page provided in an embodiment of the present application;
FIG. 8 is a flowchart illustrating another interaction method based on tabs according to an embodiment of the present disclosure;
FIG. 9 is a schematic diagram of another exemplary tab page provided in an embodiment of the present application;
FIG. 10 is a schematic diagram of yet another exemplary tab page provided in an embodiment of the present application;
fig. 11 is a schematic functional block diagram of a tab-based interaction device according to an embodiment of the present application;
FIG. 12 is a schematic diagram illustrating functional modules of another exemplary tab-based interaction device according to an embodiment of the present disclosure;
FIG. 13 is a functional block diagram of another exemplary interactive apparatus based on tabs according to an embodiment of the present disclosure;
fig. 14 is a schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. The components of the embodiments of the present application, generally described and illustrated in the figures herein, can be arranged and designed in a wide variety of different configurations.
Thus, the following detailed description of the embodiments of the present application, presented in the accompanying drawings, is not intended to limit the scope of the claimed application, but is merely representative of selected embodiments of the application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures.
Tabs are set in most applications, software interfaces and web pages, and a tab can also be considered as one of the controls, and a corresponding page or interface can be skipped through operation on the tab.
Aiming at the problems that in the existing tab interaction mode, when a lot of tabs exist, a player needs to slide for a long time to return to a main tab, for example, all tabs of a tab page include twelve tabs, namely, tab one to twelve tabs, wherein tab two is a main tab, when the tab page is displayed to the player, three tabs are displayed each time, the player can browse all tabs by switching the tabs displayed on the tab page in the interaction process, if the current tab page browsed by the player includes tab seven, tab eight and tab nine, if the player wants to return to the main tab, the player needs to slide the tab displayed on the current tab page for multiple times (wherein, after the first sliding, the tab page can include tab four, tab five and tab six, and after the second sliding, the tab page can include tab one, tab two and tab three) to return to the main tab (tab two), the problems of low interaction efficiency and poor user experience exist, and the problem is particularly obvious when the number of tabs is large.
In view of this, the embodiment of the present application provides a tab-based interaction method, which can return to a home tab page including a home tab as quickly as possible under the condition that the number of tabs is large, and then can quickly access a corresponding interaction interface through the home tab, so as to improve interaction efficiency and user experience. In addition, in the method, the player can set which tab is the main tab by himself, and the operation of displaying all tabs is added, so that the operation experience of the player can be further improved.
Fig. 1 is a schematic flowchart of a tab-based interaction method according to an embodiment of the present disclosure, in which a tab page may be displayed through a graphical user interface of a terminal device, where the tab page may include at least one tab, and the terminal device may be a local terminal device, such as a mobile phone, a tablet computer, a game console, and the like. The graphical user interface may be an interface of any application, web page, and software, and taking a game as an example, the local terminal device may store a game program and is used for presenting a game screen. The local terminal device is used for interacting with the player through a graphical user interface, namely, a game program is downloaded and installed and operated through an electronic device conventionally. The manner in which the local terminal device provides the graphical user interface to the player may include a variety of ways, for example, it may be rendered for display on a display screen of the terminal or provided to the player through holographic projection. For example, the local terminal device may include a display screen for presenting a graphical user interface including a game screen and a processor for running the game, generating the graphical user interface, and controlling display of the graphical user interface on the display screen. As shown in fig. 2, the method may include:
s101, if the current tab page does not comprise the main tab, displaying a return control.
The tab page may include at least one tab, for example, 3, 5, 8, and the like, which is not limited herein. The main tab may be any one of all pre-configured tabs, and the main tab page may be accessed by operating the main tab, and the main tab page may be a main interface of the application program or an initial page of the tab page, which is not limited herein.
The current tab page may at least include all or part of tabs, and if only part of tabs can be displayed and the current tab page does not include a main tab, a return control may be displayed on the current tab page, where the return control may be used to control a return from the current tab page to the main tab page including the main tab.
Optionally, the return control may suspend in the current tab page, and may be at any position or a designated position in the current tab page, which is not limited herein.
And S102, responding to the touch operation of the return control, and controlling the current tab page to be restored to a main tab page, wherein the main tab page comprises the main tab.
After the return control is displayed, based on the touch screen, a player can act on the return control in a clicking, long-pressing, sliding, dragging and other modes, or can control the return control through a mouse, a keyboard and the like, so as to generate touch operation for the return control.
To sum up, the interactive method based on tabs provided in the embodiment of the present application may include: if the current tab page does not comprise the main tab, displaying a return control; by the application of the embodiment of the application, when the current tab page does not comprise the main tab, the return control can quickly return to the main tab page comprising the main tab, and then the main tab can quickly enter the corresponding interactive interface, so that the interactive efficiency and the user experience are improved.
It is understood that the tab displayed through the tab page can enter a web page, a game interface, etc., and the content displayed by the tab is not limited herein. Optionally, taking the game interface as an example, the content displayed by the tab may be a game character, game equipment, game level, game card, game skill, player level ranking, and the like, and the application is not limited herein. Taking a game device as an example, each game device can correspond to one tab, and a plurality of tabs displayed on the tab page can show various game devices to a player, wherein the main tab can correspond to a main game device, and in the game process, after the player selects a certain tab, the game device corresponding to the tab is correspondingly selected.
Fig. 2 is a schematic flowchart of another interaction method based on tabs according to an embodiment of the present application. In some embodiments, as shown in fig. 2, the method further comprises:
s201, responding to browsing operation of the tab page, and switching tabs displayed in the current tab page.
The current tab page can at least comprise part of tabs, in the interaction process, a player can act on the current tab page through sliding, dragging and other modes based on the touch screen to generate browsing operation aiming at the tab page, and in response to the browsing operation, the tabs displayed in the current tab page can be switched along with the movement of the tab page, so that the switching of a plurality of tabs is realized. For example, an invisible sliding control may be arranged on one side of the current tab page, and when a user slides on the side of the touch screen, the tab page moves along the sliding direction and is switched to a page where other tabs are located; or, in the current tab page, the user can slide in the display area close to the tab, so as to switch to the page where other tabs are located; alternatively, the current tab page may include a page turning control (e.g., a previous page control, a next page control, etc.), and the user may perform switching of the tab page by clicking the page turning control, which is not limited herein.
Optionally, if the current tab page does not include the main tab, displaying a return control, including:
s202, when the homepage tab leaves the current tab page, a return control is displayed.
Based on the above embodiment, the tab displayed in the current tab page can be switched through the browsing operation of the tab page, so that the home tab may leave the current tab page in the switching process, and when the home tab leaves the current tab page, the return control can be displayed, so that if a player wants to quickly return to the home tab page including the home tab in the interaction process, the return control can be quickly realized without the need of the player to perform multiple operations (for example, multiple sliding) again, and the interaction efficiency and the user experience can be improved.
Fig. 3 is a schematic diagram of a tab page according to an embodiment of the present application. As shown in fig. 3(a), if the current tab page is a tab page, the tab page includes five tabs, i.e., tab one, tab two, tab three, tab four, and tab five, where tab three is the main tab and the five tabs are sequentially arranged in the horizontal position, then in the interaction process, the player can switch the tabs displayed in the current tab page by sliding left, sliding right, dragging, and the like. For example, a player may slide a tab on the left of the current tab page, and at this time, the tabs displayed in the current tab page are switched, as shown in fig. 3(b), at this time, the tabs displayed in the current tab page are tab five, tab six, tab seven, tab eight, and tab nine, and when the main tab (tab three) leaves the current tab page, the return control 110 may be displayed in the current tab page, and after the return control 110 is displayed, the current tab page may be controlled to be restored to the home tab page according to the method of the foregoing embodiment, which may specifically refer to the foregoing related contents, which is not described herein again.
In some embodiments, the switching the tab displayed in the current tab page in response to the browsing operation of the tab page includes:
and responding to the sliding operation of the tab page, and switching tabs displayed in the current tab page according to the direction of the sliding operation.
Based on the touch screen, the browsing operation of the tab page can be generated through the sliding operation of the tab page, and in response to the sliding operation, the tab displayed in the current tab page can be further switched according to the direction of the sliding operation, so that the operation habit of a player can be better met, and the user experience is improved.
Of course, according to the setting manner of the tab in the tab page, the direction of the sliding operation may include: slide left side, slide right side, go up slide, glide etc. this application does not do the restriction here, can set up in a flexible way according to the application scene of reality.
For example, if the tab displayed on the current tab page includes: five tabs including five tabs, six tabs, seven tabs, eight tabs and nine tabs are sequentially arranged in the horizontal position, and in the interaction process, based on left sliding of a player on a touch screen, after switching, the tabs displayed in the current tab page can include: ten tabs, eleven tabs, twelve tabs, thirteen tabs and fourteen tabs; if the player slides right, the tab displayed in the current tab page after switching may include: the page label I, the page label II, the page label III, the page label IV and the page label V. Certainly, after switching, the tab displayed in the current tab page is not limited to this, and can be flexibly set according to the actual application scenario.
Fig. 4 is a schematic flowchart of another interaction method based on tabs according to an embodiment of the present application. In some embodiments, in an actual application scenario, in order to enable a player to reset a main tab, for example, a frequently used tab may be set as the main tab, and improve a player interaction experience, as shown in fig. 4, the method further includes:
s301, responding to the selection operation of the target tab in the tab page, and determining the target tab as a main tab.
The target tab can be any other tab except the home tab in the tab page. In a specific implementation process, a user may start a main tab setting function through a function list or a setting control, and after the setting is started, a selection may be performed, for example, all tabs or tab identifiers (for example, numbers, names, and the like) are displayed on an interface, or the setting function may be triggered by a preset operation such as long pressing, short pressing, and the like, which is not limited herein. The selection operation can be an operation acted on the target tab by a player in a long-time pressing mode, a multi-click mode and other modes, the selection operation is not limited in the application, and the selection operation can be flexibly set according to an actual application scene; in response to the selection operation, i.e., after the target tab is selected, the target tab may be set as the home tab.
It can be understood that, when the target tab is set as the home tab, the tab page where the target tab is located is the home tab page. It will also be appreciated that when the target tab is set as the home tab, the home tab may be replaced with a new home tab, and the original home tab may exist as another tab. Further, after the target tab is set as the main tab, in the interaction process, if the current tab page does not include the main tab, the method may be referred to recover to the main tab page, and specifically, the related parts may be referred to, which is not described herein again.
For example, if all tabs in the tab page include ten tabs from one tab to ten tabs, and the current tab page includes five tabs from one tab to five tabs, where tab three is a main tab, the player may switch the tabs displayed in the current tab page according to the foregoing method, for example, after switching, the tabs displayed in the current tab page include tab ten, tab eleven, tab twelve, tab thirteen, and tab fourteen, and if the player wants to set tab ten therein as a main tab, the player may press the tab ten for a long time to trigger the main tab setting control, and select the tab identifier corresponding to tab ten through the main tab setting control, and after confirmation, the tab ten may be set as the tab main tab. It can be understood that, if the tab ten is set as the home tab, according to the above embodiment, after the tab ten leaves the current tab page, the return control may be displayed in the tab page, and specific contents may refer to the foregoing related description, which is not described herein again.
In the game process, if a player uses a certain device frequently, the player may set a tab corresponding to the device as a main tab, and then, in the game process, the player may quickly switch from the device corresponding to the other tab to the device corresponding to the main tab. For another example, if the content displayed by the tab is a player rank ranking, the tab corresponding to the player may be a main tab, and the player may view the ranks of other players through the content displayed on the tab page.
In some embodiments, in order to enable a player to preview all tabs of a tab page during an interaction process, as shown in fig. 5, if the tab page does not display all tabs, the tab page further includes a display control, and the method further includes:
s401, responding to touch operation of the display control, and displaying all tabs on a tab page.
The display control can be used for displaying all tabs of a tab page, if the tab page does not display all tabs, the tab page can further comprise the display control, based on the touch screen, a player can act on the display control in a clicking mode, a long-time pressing mode, a sliding mode, a dragging mode and the like so as to generate touch operation aiming at the display control, and all tabs can be displayed on the tab page in response to the touch operation, so that the player can preview all tabs in the tab page, and the interaction experience of the player is improved. Optionally, the display control may be set to be hidden in the tab page to avoid blocking the view of the player, and in the interaction process, if the player wants to start the function, the display control may be triggered to display in an interaction manner such as long press to perform other subsequent operations. It is to be understood that the above-mentioned return control may also be hidden in the tab page, and the player may trigger the display control and the return control to display through different triggering manners, for example, the return control may be triggered to display through an interactive manner such as double-click. Of course, if the player does not trigger any operation within the preset time (e.g., no long press, no double click, etc.), the return control may be reset, and/or the display control may be hidden, which is not limited herein.
Fig. 6 is a schematic flowchart of another interaction method based on tabs according to an embodiment of the present application. In some embodiments, as shown in fig. 6, in response to a touch operation on the display control, displaying all tabs on the tab page, including:
s501, responding to touch operation of the display control, and displaying all tabs in a preset arrangement mode in a tab page.
The preset arrangement mode can be a list, a tree, an arc and other arrangement modes, the application is not limited, and the arrangement modes can be flexibly set according to actual application scenes, so that the interaction habits of players can be met, and the interaction experience of the players is improved.
Fig. 7 is a schematic diagram of another tab page provided in the embodiment of the present application. If all tabs in the tab page include ten tabs from tab one to tab ten, as shown in fig. 7(a), if the tab page does not display all tabs and displays tab one to tab five, the tab page may further include a display control 120, and in response to a touch operation on the display control 120, as shown in fig. 7(b), the tab page may display all tabs, that is, may display all tabs from tab one to tab ten. Of course, in the actual application scenario, the arrangement display modes of all tabs are not limited to this, and can be flexibly adjusted according to the actual application scenario.
Fig. 8 is a flowchart illustrating another interaction method based on tabs according to an embodiment of the present application. In some embodiments, as shown in fig. 8, if the current tab page does not include a main tab, displaying a return control may include:
s601, if the current tab page does not comprise the main tab, displaying a return control and a display control.
If the current tab page does not include the main tab and the current tab page does not display all tabs, a return control and a display control can be simultaneously displayed on the current tab page, wherein the return control can control the current tab page to be restored to the main tab page including the main tab, and then the corresponding interactive interface can be quickly accessed through the main tab; through the display control, all tabs can be displayed on the current tab page, so that a player can preview all tabs of the tab page, and interaction efficiency and user experience are improved. Optionally, the return control and the display control may be suspended in the current tab page, and may be suspended in any position or a specified position (such as an upper right corner and a lower left corner) in the current tab page without affecting other interactive operations in the tab page, which is not limited herein.
Fig. 9 is a schematic diagram of another tab page provided in the embodiment of the present application, where if all tabs in the tab page include ten tabs, i.e., tab one to tab ten, and tab three is a main tab, as shown in fig. 9, the current tab page does not include the main tab (tab three), and the current tab page does not display all tabs (tab one to tab ten), then the return control 110 and the display control 120 may be simultaneously displayed on the current tab page.
In some embodiments, the main tab page comprises a main tab and a preset number of other tabs, the main tab and the other tabs are arranged in an arc shape, and the main tab is located in the middle of the arc shape.
The number of the other tabs is not limited herein, and the preset number may be 4, 6, or the like according to an actual application scenario.
Fig. 10 is a schematic view of another tab page provided in this embodiment of the present application, if all tabs in the tab page include ten tabs, i.e., tab one to tab ten, and tab three is a main tab, and the preset number is 4, as shown in fig. 10(a), the tab page includes one main tab (tab three) and four other tabs (tab one, tab two, tab four, and tab five), the main tab and the other tabs may be arranged in an arc shape on one side of the main tab page, and the tab (tab three) is located in an arc-shaped middle position. It can be understood that, when the preset number of the other tabs is an even number, the number of the other tabs arranged on both sides of the main tab may be the same, and when the preset number of the other tabs includes 4 other tabs, 2 other tabs may be respectively arranged on both sides of the main tab, but in an actual application scenario, the arrangement manner is not limited thereto. It is understood that based on the foregoing embodiment, as shown in fig. 10(b), if the current tab page does not display all tabs (tab one to tab ten), the return control 110 and the display control 120 can be displayed on the current tab page at the same time.
In summary, the interaction method based on tabs provided by the embodiment of the application can enable the player to quickly return to the main tab through the return control, so that the operation behavior of the player is facilitated, and the purpose of operation is achieved with the maximum efficiency; the method has strong expansibility, a player can set which tab is the main tab by himself, and in addition, all tabs can be checked through the display control, so that the operation experience of the player is improved.
Fig. 11 is a functional module schematic diagram of a tab-based interaction device according to an embodiment of the present application, the basic principle and the technical effect of the device are the same as those of the foregoing corresponding method embodiment, and for a brief description, reference may be made to corresponding contents in the method embodiment for a part not mentioned in this embodiment. The device can be integrated in terminal equipment such as mobile phones, tablet computers, game machines and the like. The apparatus may display a tab page through a graphical user interface of a terminal device, where the tab page includes at least one tab, as shown in fig. 11, and the tab-based interaction apparatus 200 may include: a display module 210 and a control module 220.
The display module 210 is configured to display a return control if the current tab page does not include a main tab;
the control module 220 is configured to control, in response to the touch operation on the return control, the current tab page to be restored to a home tab page, where the home tab page includes a home tab.
Fig. 12 is a functional module schematic diagram of another interactive device based on tabs according to an embodiment of the present application. Optionally, as shown in fig. 12, the apparatus further includes: a switching module 230, configured to switch a tab displayed in a tab page in response to a browsing operation of the tab page, and correspondingly, the display module 210 is specifically configured to display the return control after the tab leaves the tab page.
Optionally, the switching module 230 is specifically configured to, in response to a sliding operation on the tab page, switch the tab displayed in the tab page according to a direction of the sliding operation.
Fig. 13 is a functional module diagram of another interactive device based on tabs according to an embodiment of the present application. Optionally, as shown in fig. 13, the apparatus further includes: a determining module 250, configured to determine, in response to a selection operation on a target tab in the tab page, that the target tab is a home tab.
Optionally, if the tab page does not display all tabs, the display module 210 is further configured to respond to a touch operation on the display control, and display all tabs on the tab page.
Optionally, the display module 210 is specifically configured to display all the tabs in a preset arrangement manner in the tab page in response to the touch operation on the display control.
Optionally, the display module 210 is specifically configured to display the return control and the display control if the current tab page does not include the main tab.
Optionally, the main tab page comprises a main tab and a preset number of other tabs, the main tab and the other tabs are arranged in an arc shape, and the main tab is located in the middle of the arc shape.
The above-mentioned apparatus is used for executing the method provided by the foregoing embodiment, and the implementation principle and technical effect are similar, which are not described herein again.
These above modules may be one or more integrated circuits configured to implement the above methods, such as: one or more Application Specific Integrated Circuits (ASICs), or one or more microprocessors (DSPs), or one or more Field Programmable Gate Arrays (FPGAs), among others. For another example, when one of the above modules is implemented in the form of a processing element scheduler code, the processing element may be a general-purpose processor, such as a Central Processing Unit (CPU) or other processor capable of calling program code. For another example, these modules may be integrated together and implemented in the form of a system-on-a-chip (SOC).
Fig. 14 is a schematic structural diagram of an electronic device according to an embodiment of the present application. As shown in fig. 14, the electronic device may include: a processor 510, a storage medium 520, and a bus 530, the storage medium 520 storing machine-readable instructions executable by the processor 510, the processor 510 communicating with the storage medium 520 via the bus 530 when the electronic device is operating, the processor 510 executing the machine-readable instructions to perform the steps of the above-described method embodiments. The specific implementation and technical effects are similar, and are not described herein again.
Optionally, the present application further provides a storage medium, on which a computer program is stored, and when the computer program is executed by a processor, the computer program performs the steps of the above method embodiments. The specific implementation and technical effects are similar, and are not described herein again.
In the several embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and other divisions may be realized in practice, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.
The integrated unit implemented in the form of a software functional unit may be stored in a computer readable storage medium. The software functional unit is stored in a storage medium and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device) or a processor (processor) to perform some steps of the methods according to the embodiments of the present application. And the aforementioned storage medium includes: a U disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
It is noted that, in this document, relational terms such as "first" and "second," and the like, may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
The above description is only a preferred embodiment of the present application and is not intended to limit the present application, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, improvement and the like made within the spirit and principle of the present application shall be included in the protection scope of the present application. It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. The above description is only a preferred embodiment of the present application and is not intended to limit the present application, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, improvement and the like made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims (11)
1. A tab-based interaction method is characterized in that a tab page is displayed through a graphical user interface of a terminal device, the tab page comprises at least one tab, and the method comprises the following steps:
if the current tab page does not comprise the main tab, displaying a return control;
and responding to the touch operation of the return control, and controlling the current tab page to recover to a home tab page, wherein the home tab page comprises a main tab.
2. The method of claim 1, further comprising:
responding to browsing operation of a tab page, and switching tabs displayed in the tab page;
if the current tab page does not comprise the main tab, displaying a return control, comprising:
and when the main tab leaves the current tab page, displaying the return control.
3. The method according to claim 2, wherein the switching tabs currently displayed in the tab page in response to the browsing operation of the tab page comprises:
and responding to the sliding operation of the tab page, and switching tabs displayed in the tab page according to the direction of the sliding operation.
4. The method of claim 1, further comprising:
and responding to the selection operation of a target tab in the tab page, and determining that the target tab is a main tab.
5. The method of claim 1, wherein if the tab page does not display all tabs, the tab page further comprises a display control, the method further comprising:
and responding to the touch operation of the display control, and displaying all tabs on the tab page.
6. The method of claim 5, wherein the displaying all tabs on the tab page in response to the touch operation on the display control comprises:
and responding to the touch operation of the display control, and displaying all the tabs in a preset arrangement mode in the tab page.
7. The method of claim 5, wherein if the current tab page does not include a main tab, displaying a return control comprises:
and if the current tab page does not comprise the main tab, displaying the return control and the display control.
8. The method as claimed in claim 1, wherein the main tab page comprises a main tab and a preset number of other tabs, the main tab and the other tabs are arranged in an arc shape, and the main tab is located in the middle of the arc shape.
9. A tab-based interaction apparatus, wherein a tab page is displayed through a graphical user interface of a terminal device, the tab page includes at least one tab, and the apparatus includes: the display module and the control module;
the display module is used for displaying a return control if the current tab page does not comprise a main tab;
the control module is used for responding to touch operation on the return control and controlling the current tab page to recover to a main tab page, and the main tab page comprises a main tab.
10. An electronic device, comprising: a processor, a storage medium and a bus, the storage medium storing machine-readable instructions executable by the processor, the processor and the storage medium communicating via the bus when the electronic device is running, the processor executing the machine-readable instructions to perform the steps of the tab based interaction method according to any one of claims 1 to 8.
11. A storage medium having stored thereon a computer program for performing the steps of the tab based interaction method according to any of claims 1-8 when executed by a processor.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010728486.6A CN111813320A (en) | 2020-07-24 | 2020-07-24 | Interaction method and device based on tab, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010728486.6A CN111813320A (en) | 2020-07-24 | 2020-07-24 | Interaction method and device based on tab, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111813320A true CN111813320A (en) | 2020-10-23 |
Family
ID=72861545
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010728486.6A Pending CN111813320A (en) | 2020-07-24 | 2020-07-24 | Interaction method and device based on tab, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111813320A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112351347A (en) * | 2020-10-26 | 2021-02-09 | 深圳Tcl新技术有限公司 | Screen focus moving display method, display device and storage medium |
| CN112380466A (en) * | 2020-11-13 | 2021-02-19 | 平安普惠企业管理有限公司 | Page label display method, device, equipment and storage medium |
| CN112596849A (en) * | 2020-12-30 | 2021-04-02 | 支付宝(杭州)信息技术有限公司 | Page interaction method and device and electronic equipment |
| CN117270854A (en) * | 2023-11-17 | 2023-12-22 | 江西格如灵科技股份有限公司 | UGUI-based tree-shaped folding structure tab creation method and system |
| WO2024021792A1 (en) * | 2022-07-25 | 2024-02-01 | 腾讯科技（深圳）有限公司 | Virtual scene information processing method and apparatus, device, storage medium, and program product |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020184095A1 (en) * | 2001-06-05 | 2002-12-05 | Certra, Inc. | Automatic building and categorization of favorites in an internet browser |
| CN103365551A (en) * | 2012-04-03 | 2013-10-23 | 三星电子株式会社 | Method for bookmark function applicable in messenger application and electronic apparatus |
| CN105630304A (en) * | 2015-12-18 | 2016-06-01 | 北京奇虎科技有限公司 | Browser operation method and electronic equipment |
| CN106991110A (en) * | 2016-10-12 | 2017-07-28 | 阿里巴巴集团控股有限公司 | The switching method and device of Webpage |
| CN107943959A (en) * | 2017-11-27 | 2018-04-20 | 维沃移动通信有限公司 | Webpage display process, device and mobile terminal |
-
2020
- 2020-07-24 CN CN202010728486.6A patent/CN111813320A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020184095A1 (en) * | 2001-06-05 | 2002-12-05 | Certra, Inc. | Automatic building and categorization of favorites in an internet browser |
| CN103365551A (en) * | 2012-04-03 | 2013-10-23 | 三星电子株式会社 | Method for bookmark function applicable in messenger application and electronic apparatus |
| CN105630304A (en) * | 2015-12-18 | 2016-06-01 | 北京奇虎科技有限公司 | Browser operation method and electronic equipment |
| CN106991110A (en) * | 2016-10-12 | 2017-07-28 | 阿里巴巴集团控股有限公司 | The switching method and device of Webpage |
| CN107943959A (en) * | 2017-11-27 | 2018-04-20 | 维沃移动通信有限公司 | Webpage display process, device and mobile terminal |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112351347A (en) * | 2020-10-26 | 2021-02-09 | 深圳Tcl新技术有限公司 | Screen focus moving display method, display device and storage medium |
| CN112351347B (en) * | 2020-10-26 | 2024-02-09 | 深圳Tcl新技术有限公司 | Screen focus moving display method, display device and storage medium |
| CN112380466A (en) * | 2020-11-13 | 2021-02-19 | 平安普惠企业管理有限公司 | Page label display method, device, equipment and storage medium |
| CN112596849A (en) * | 2020-12-30 | 2021-04-02 | 支付宝(杭州)信息技术有限公司 | Page interaction method and device and electronic equipment |
| WO2024021792A1 (en) * | 2022-07-25 | 2024-02-01 | 腾讯科技（深圳）有限公司 | Virtual scene information processing method and apparatus, device, storage medium, and program product |
| CN117270854A (en) * | 2023-11-17 | 2023-12-22 | 江西格如灵科技股份有限公司 | UGUI-based tree-shaped folding structure tab creation method and system |
| CN117270854B (en) * | 2023-11-17 | 2024-02-23 | 江西格如灵科技股份有限公司 | UGUI-based tree-shaped folding structure tab creation method and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111813320A (en) | Interaction method and device based on tab, electronic equipment and storage medium | |
| CN109275040B (en) | Interaction method, device and system based on live game | |
| US11119627B2 (en) | Information display method, device, apparatus and storage medium | |
| CN102467318B (en) | Method and device for fast desktop switching of touch screen | |
| JP7138804B2 (en) | INTERFACE DISPLAY METHOD AND DEVICE, TERMINAL AND COMPUTER PROGRAM | |
| CN111062778A (en) | Product browsing method, device, equipment and storage medium | |
| CN111309213A (en) | Comment display method and device, electronic equipment and storage medium | |
| CN106325687B (en) | Method and terminal for calling program | |
| CN108710457B (en) | Interaction method and terminal equipment | |
| CN109284034B (en) | Method, system, storage medium and mobile phone for previewing terminal wallpaper | |
| CN110992112B (en) | Advertisement information processing method and device | |
| US20220164101A1 (en) | Method and apparatus for displaying interaction interface, storage medium, and electronic device | |
| CN113975788A (en) | Entry indexing method and device, computer equipment and storage medium | |
| US20230241499A1 (en) | Position adjustment method and apparatus for operation control, terminal, and storage medium | |
| CN110362766B (en) | Page display control method and terminal | |
| CN112774192A (en) | Game scene jumping method and device, electronic equipment and storage medium | |
| TW202217541A (en) | Location adjusting method, device, equipment, storage medium, and program product for virtual buttons | |
| CN110007831B (en) | Page turning control method and device and terminal equipment | |
| CN102880408A (en) | Scene unlocking method for terminal equipment and terminal equipment | |
| CN112799571B (en) | Display control method, device, terminal and storage medium for secondary confirmation | |
| CN111240573A (en) | Information processing method and device | |
| CN111290820A (en) | Page display method and device, storage medium and electronic device | |
| JP7404541B2 (en) | Virtual object control method, device, computer device, and computer program | |
| CN114470771A (en) | Information processing method and device | |
| CN112835502A (en) | Page display method, electronic equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20201023 |