WO2020147411A1

WO2020147411A1 - Method, device and apparatus for page switching control and storage medium

Info

Publication number: WO2020147411A1
Application number: PCT/CN2019/118605
Authority: WO
Inventors: 张奕; 冯琦
Original assignee: 平安科技（深圳）有限公司
Priority date: 2019-01-15
Filing date: 2019-11-14
Publication date: 2020-07-23
Also published as: CN109918002A

Abstract

Disclosed are a method, device and apparatus for page switching control and a nonvalatile computer readable storage medium. The method comprises the following steps: step 1, displaying a TAB page when executing a page switching instruction on a terminal device, wherein the TAB page includes a tag display area and a content display area, the tag display area includes a plurality of sub-tags and there is a highlighted sub-tag among the plurality of sub-tags, and the content display area includes a plurality of sub-display areas; step 2, upon the detection of an operation instruction, detecting whether the operation instruction is generated in the tag display area; step 3, if an operation instruction is generated in the content display area, displaying the sub-display area corresponding to the stop position of the operation instruction on the top, and highlighting the corresponding sub-tag in the tag display area. The TAB page according to the present application has a content display area, adjusts the sub-display area according to a switching operation in the content display area and highlights the corresponding sub-tag, thereby optimizing the operation experience of a terminal device.

Description

Page switching control method, device, equipment and storage medium

This application claims the priority of a Chinese patent application filed with the Chinese Patent Office on January 15, 2019. The application number is 201910037003.5. The title of the invention is "page switching control method, device, equipment, and computer-readable storage medium." The reference is incorporated in this application.

Technical field

This application relates mainly to the field of communication technology, and specifically to a method, device, device, and computer-readable storage medium for controlling page switching.

Background technique

When using a terminal device, it is often necessary to switch pages, such as when operating software, browsing information, and web pages. Currently, one of the more commonly used methods for page switching is to implement page switching through TAB pages. The TAB page (or label tab) is a commonly used interactive interface application form. In the TAB page, multiple tags are usually displayed in a matrix arrangement. In the switching process, switch in sequence according to the order in which the user starts. Using the above method to switch pages, when there are multiple similar tags, it is impossible to switch to the target page intuitively and quickly.

Summary of the invention

The main purpose of this application is to provide a page switching control method, device, device, and computer-readable storage medium, aiming to solve the problem of intuitive and fast switching to the target page in the TAB switching process in the prior art.

In order to achieve the above objective, this application provides a page switching control method. The page switching control method includes the following steps:

When the terminal device executes the page switching instruction, the TAB page is displayed; the TAB page includes a label display area and a content display area; the label display area includes multiple sub-tabs, and one of the multiple sub-tabs has a highlight display The sub-tab; the content display area includes multiple sub-display areas;

When an operation instruction is detected, detecting whether the operation instruction is generated in the content display area;

When the operation instruction is generated in the content display area, the sub-display area corresponding to the stop position of the operation instruction is displayed on top, and the corresponding sub-label is highlighted in the label display area. display.

Preferably, the step of displaying the TAB page further includes:

Judging whether the number of the sub-tags is greater than a reference value;

If the number of subtags is greater than the reference value, adjusting the display mode of the subtags according to the number of subtags;

If the number of the sub-tags is less than or equal to the reference value, display the sub-tags with the first reference width;

Identifying the highlighted subtag in the tag display area;

Obtain the sub-display area corresponding to the highlighted sub-tag, and build a top display in the content display area.

Preferably, adjusting the display mode of the subtags according to the number of the subtags is to display the number of the subtags corresponding to the reference value and hide the other subtags according to the arrangement sequence.

Preferably, adjusting the display mode of the sub-labels according to the number of the sub-labels is to adjust the width of the sub-labels to a second reference width; the first reference width is greater than the second reference width.

Preferably, the step of placing the sub-display area corresponding to the stop position of the operation instruction on top of the display, and highlighting the corresponding sub-label in the label display area further includes:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the content display area, the sub-display area corresponding to the position where the operation instruction is generated is built-in top display in the content display area, and will be displayed in the same way as the top display. The sub-label corresponding to the sub-display area is highlighted in the label display area;

If the operation instruction is a sliding operation, determining whether the distance of the sliding operation is less than a predetermined distance;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-display area to scroll and display;

The sub-display area corresponding to the position where the sliding operation is stopped is displayed on the top of the content display area, and the sub-label corresponding to the sub-display area displayed on the top is higher in the label display area. Bright display.

Preferably, the step of displaying the TAB page further includes:

Detecting whether the operation instruction is generated in the label display area;

When the operation instruction is generated in the label display area, the sub-label corresponding to the stop position of the operation instruction is highlighted, and the corresponding sub-display area is displayed on top.

Preferably, the step of highlighting the sub-tag corresponding to the stop position of the operation instruction and displaying the corresponding sub-display area on top further includes:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the label display area, the sub-label corresponding to the position where the operation instruction is generated is highlighted in the label display area, and will be highlighted The sub-display area corresponding to the sub-tab has a built-in top display in the content display area;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-tab to scroll and display;

Highlight the sub-tag corresponding to the position where the sliding operation is stopped in the tag display area, and highlight the sub-display area corresponding to the highlighted sub-tag in the content display area Show on top.

In addition, in order to achieve the above object, this application also proposes a page switching control device, the page switching control device includes:

The acquisition module is used to display a TAB page when the terminal device executes a page switching instruction; the TAB page includes a label display area and a content display area; the label display area includes a plurality of sub-tabs, and the plurality of sub-tabs have One highlighted sub-tab; the content display area includes multiple sub-display areas;

The detection module is used to detect whether the operation instruction is generated in the content display area when the operation instruction is detected;

When the operation instruction is generated in the content display area, the detection module displays the sub-display area corresponding to the stop position of the operation instruction on top, and displays the corresponding sub-label in the label The area is highlighted.

In addition, in order to achieve the above-mentioned object, this application also proposes a terminal device. The terminal device includes a processor and a memory. The processor is configured to execute the computer-readable instructions stored in the memory to implement the following steps:

In addition, in order to achieve the above object, this application also proposes a non-volatile computer-readable storage medium, the non-volatile computer-readable storage medium stores at least one computer-readable instruction, and the at least one computer-readable When the instruction is executed by the processor, the following steps are implemented:

Compared with the prior art, the TAB page has a content display area, and the sub-tabs corresponding to the label display area are adjusted together according to the switching operation in the content display area, which avoids blind switching during the TAB switching process and realizes the terminal device operation experience Optimization.

BRIEF DESCRIPTION

Figure 1 is a schematic flow chart of a method for controlling page switching of this application.

FIG. 2 is a schematic diagram of the detailed flow of step S11 in FIG. 1.

Fig. 3 is a detailed flowchart of step S13 in Fig. 1.

Fig. 4 is a detailed flowchart of step S15 in Fig. 1.

Figure 5 is a functional block diagram of the page switching control device of this application.

FIG. 6 is a schematic structural diagram of a terminal device according to an embodiment of the application.

detailed description

In order to enable those skilled in the art to better understand the solutions of the present application, the technical solutions in the embodiments of the present application will be described clearly and completely in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are only It is a part of the embodiments of this application, but not all the embodiments. Based on the embodiments in this application, all other embodiments obtained by those of ordinary skill in the art without creative work should fall within the protection scope of this application.

Please refer to FIG. 1, which is a flowchart of a method for controlling page switching of this application. According to different needs, the order of the steps in the flowchart can be changed, and some steps can be omitted.

In at least one embodiment of the present application, the page switching control method is applied to at least one terminal device. The terminal device establishes a communication connection with the server through the network. Multiple application programs can be executed in the terminal device. Each of the application programs has a corresponding working interface. The terminal device has a display screen. The display screen is used to display a working interface corresponding to each application program. The terminal device and the server perform data transmission according to a preset protocol. Preferably, the preset protocol includes, but is not limited to, any of the following: HTTP protocol (Hyper Text Transfer Protocol, Hypertext Transfer Protocol), HTTPS protocol (Hyper Text Transfer Protocol over Secure Socket Layer, HTTP with security as the goal) Agreement) etc. In at least one embodiment of the present application, the server may be a single server or a server group composed of several functional servers. The terminal device may be any terminal with a network connection function. For example, the terminal device may be a personal computer, a tablet computer, a smart phone, a personal digital assistant (PDA), a game console, an interactive network television ( Internet Protocol Television (IPTV), smart wearable devices, navigation devices and other mobile devices, or desktop computers, digital TVs and other fixed devices. The terminal device system has at least one data storage 102 (as shown in FIG. 6). The memory 102 may be a non-volatile readable storage medium, such as a flash memory, a hard disk, a multimedia card, an SD memory, a static random access memory (ROM), a magnetic disk, an optical disk, and other non-volatile storage media.

S11. When the terminal device executes the page switching instruction, the TAB page is displayed.

In at least one embodiment of the present application, the TAB page may be a corresponding interactive interface for switching between multiple applications, or a work interface corresponding to a designated application. The TAB page generally includes a label display area and a content display area. The label display area and the content display area are displayed in parallel on the display screen of the terminal device in a two-line manner. In other embodiments, the label display area and the content display area may also be displayed in parallel on the display screen of the terminal device in two columns. The label display area is used to display the name of the application program or the label name. The label display area may further include a plurality of sub-labels. Each of the sub-labels corresponds to a label name and corresponds to a display content. A plurality of said sub-tags are arranged in a row with a certain distance apart. There is only one highlighted sub-label in the label display area. In at least one embodiment of the present application, the number of the sub-tags is a predetermined value. The content display area is used to display a plurality of sub-display areas. Each of the sub-display areas corresponds to one sub-label, and is used to display the display content of the corresponding sub-label. The plurality of sub-display areas are stacked in a partially stacked manner, and the sub-display area corresponding to the highlighted sub-tag is located on the top layer. Wherein, the sub-display area located on the top layer may be displayed with a predetermined transparency, so that other sub-display areas located under the top layer are partially displayed through the sub-display area located on the top layer in a predetermined order. In at least one embodiment of the present application, the corresponding content in each sub-display area can be set according to user's customization, or it can be the default content in the terminal device.

Please also refer to FIG. 2. In at least one embodiment of the present application, the step of displaying the TAB page further includes:

S110: Determine whether the number of the subtags is greater than a reference value;

S111: If the number of subtags is greater than the reference value, adjust the display mode of the subtags according to the number of subtags;

S112. If the number of the subtags is less than or equal to the reference value, display the subtags with a first reference width;

S113: Identify the highlighted subtag in the tag display area;

S114. Obtain the sub-display area corresponding to the highlighted sub-tag, and build a top display in the content display area.

In at least one embodiment of the present application, the adjusting the display mode of the sub-tags according to the number of the sub-tags is to display the number of the sub-tags corresponding to the reference value according to the arrangement sequence and hide the other sub-tags. label.

In another embodiment of the present application, the adjustment of the display mode of the subtags according to the number of the subtags is to adjust the width of the subtags to a second reference width. The first reference width is greater than the second reference width.

S12. When an operation instruction is detected, detect whether the operation instruction is generated in the content display area.

In at least one embodiment of the present application, the user may perform operations in the label display area, and may also perform operations in the content display area.

S13. When the operation instruction is generated in the content display area, the sub-display area corresponding to the stop position of the operation instruction is displayed on top, and the corresponding sub-label is also in the label display area. Highlight.

Please also refer to FIG. 3. In at least one embodiment of the present application, the sub-display area corresponding to the stop position of the operation instruction is placed on top for display, and the corresponding sub-label is placed on the label. The step of highlighting in the display area further includes:

S131: Detect whether the operation instruction is a click operation;

S132. If the operation instruction is a click operation, the sub display area corresponding to the position where the operation instruction is generated is built-in top display in the content display area, and the sub display area corresponding to the top display is displayed. The sub-label is highlighted in the label display area;

S133: If the operation instruction is a sliding operation, determine whether the distance of the sliding operation is less than a predetermined distance;

S134: If the distance of the sliding operation is greater than or equal to the predetermined distance, control the scroll display of the sub-display area;

S135. The sub-display area corresponding to the position where the sliding operation is stopped is displayed on the top of the content display area, and the sub-label corresponding to the sub-display area displayed on the top is displayed in the label display area. Highlight inside;

S136. If the distance of the sliding operation is less than the predetermined distance, it is recognized as a misoperation.

In at least one embodiment of the present application, the click operation may be a single click or a double click.

S14. Detect whether the operation instruction is generated in the label display area.

S15. When the operation instruction is generated in the label display area, highlight the sub-label corresponding to the stop position of the operation instruction, and display the corresponding sub-display area on top.

Please also refer to FIG. 4, in at least one embodiment of the present application, the step of highlighting the sub-tag corresponding to the stop position of the operation instruction and displaying the corresponding sub-display area on top is further include:

S151: Detect whether the operation instruction is a click operation;

S152. If the operation instruction is a click operation in the label display area, highlight the sub-label corresponding to the position where the operation instruction is generated in the label display area, and compare it with the high The sub-display area corresponding to the highlighted sub-tab has a built-in top display in the content display area;

S153: If the operation instruction is a sliding operation, determine whether the distance of the sliding operation is less than a predetermined distance;

S154: If the distance of the sliding operation is greater than or equal to the predetermined distance, control the sub-tab to scroll and display;

S155. Highlight the sub-label corresponding to the position where the sliding operation is stopped in the label display area, and display the sub-display area corresponding to the highlighted sub-label in the content Built-in top display in the area;

S156. If the distance of the sliding operation is less than the predetermined distance, it is recognized as a misoperation.

It can be seen from the above embodiments that the content of the tab page can be displayed during the TAB switching process, and the displayed tab page content is updated during the switching process, which avoids blind switching during the TAB switching process and realizes the optimization of the terminal device operating experience.

Referring to FIG. 5, the present application provides a page switching control device 1 applied to at least one terminal device. The terminal device establishes a communication connection with the server through the network. Multiple application programs can be executed in the terminal device. Each of the application programs has a corresponding working interface. The terminal device has a display screen. The display screen is used to display a working interface corresponding to each application program.

In at least one embodiment of the present application, the page switching control method is applied to a video system composed of at least one terminal device and a server. The server and the terminal device are connected through network communication. In at least one embodiment of the present application, data transmission is performed between the terminal device and the server according to a preset protocol. Preferably, the preset protocol includes, but is not limited to, any of the following: HTTP protocol (Hyper Text Transfer Protocol, Hypertext Transfer Protocol), HTTPS protocol (Hyper Text Transfer Protocol over Secure Socket Layer, HTTP with security as the goal) Agreement) etc. In at least one embodiment of the present application, the server may be a single server or a server group composed of several functional servers. The terminal device may be any terminal with a network connection function. For example, the terminal device may be a personal computer, a tablet computer, a smart phone, a personal digital assistant (PDA), a game console, an interactive network television ( Internet Protocol Television (IPTV), smart wearable devices, navigation devices and other mobile devices, or desktop computers, digital TVs and other fixed devices. The terminal device system has at least one data storage 102. The memory 102 may be a readable storage medium, such as a nonvolatile storage medium such as flash memory, hard disk, multimedia card, SD memory, static random access memory (ROM), magnetic disk, and optical disk.

In an embodiment of the present application, the page switching control device 1 includes:

The obtaining module 10 is used for displaying the TAB page when the terminal device executes the page switching instruction.

In at least one embodiment of the present application, the TAB page may be a corresponding interactive interface for switching between multiple applications, or may be a work interface corresponding to a designated application. The TAB page generally includes a label display area and a content display area. The label display area and the content display area are displayed in parallel on the display screen of the terminal device in a two-line manner. In other embodiments, the label display area and the content display area may also be displayed in parallel on the display screen of the terminal device in two columns. The label display area is used to display the name of the application program or the label name. The label display area may further include a plurality of sub-labels. Each of the sub-labels corresponds to a label name and corresponds to a display content. A plurality of said sub-tags are arranged in a row with a certain distance apart. There is the only highlighted sub-tag in the tag display area. In at least one embodiment of the present application, the number of the sub-tags is a predetermined value. The content display area is used to display a plurality of sub-display areas. Each of the sub-display areas corresponds to one sub-label, and is used to display the display content of the corresponding sub-label. The plurality of sub-display areas are stacked in a partially stacked manner, and the sub-display area corresponding to the highlighted sub-tag is located on the top layer. Wherein, the sub-display area located on the top layer may be displayed with a predetermined transparency, so that other sub-display areas located under the top layer are partially displayed through the sub-display area located on the top layer in a predetermined order. In at least one embodiment of the present application, the corresponding content in each sub-display area can be set according to user's customization, or it can be the default content in the terminal device.

The acquiring module 10 is further configured to determine whether the number of the sub-tags is greater than a reference value.

If the number of subtags is greater than the reference value, the acquisition module 10 further adjusts the display mode of the subtags according to the number of subtags.

If the number of the sub-tags is less than or equal to the reference value, the acquisition module 10 further displays the sub-tags with a first reference width.

The acquisition module 10 further identifies the highlighted sub-tag in the label display area, and acquires the sub-display area corresponding to the highlighted sub-tag, and has a built-in top in the content display area. display.

The detection module 20 is configured to detect whether the operation instruction is generated in the content display area when the operation instruction is detected.

When the operation instruction is generated in the content display area, the detection module 20 displays the sub-display area corresponding to the stop position of the operation instruction on top, and puts the corresponding sub-tag in the The label display area is highlighted.

The detection module 20 further detects whether the operation instruction is a click operation. If the operation instruction is a click operation, the detection module 20 sets the sub-display area corresponding to the position where the operation instruction is generated to a built-in top display in the content display area, and combines it with the sub-display area displayed on the top. The corresponding subtag is highlighted in the tag display area.

If the operation instruction is a sliding operation, the detection module 20 determines whether the distance of the sliding operation is less than a predetermined distance. If the distance of the sliding operation is greater than or equal to the predetermined distance, the detection module 20 further controls the scroll display of the sub-display area. The detection module 20 further displays the sub-display area corresponding to the position where the sliding operation is stopped in the content display area, and displays the sub-label corresponding to the sub-display area displayed on the top The label display area is highlighted.

If the distance of the sliding operation is less than the predetermined distance, the detection module 20 recognizes that the operation is incorrect and does not cause any action.

When the operation instruction is generated in the label display area, the detection module 20 further highlights the sub label corresponding to the stop position of the operation instruction, and displays the corresponding sub display area on top.

The detection module 20 further detects whether the operation instruction is a click operation. If the operation instruction is a click operation, the detection module 20 further highlights the subtag corresponding to the position where the operation instruction is generated in the tag display area, and compares it with the highlighted The sub display area corresponding to the sub tag has a built-in top display in the content display area.

If the operation instruction is a sliding operation, the detection module 20 determines whether the distance of the sliding operation is less than a predetermined distance. If the distance of the sliding operation is greater than or equal to the predetermined distance, the detection module 20 further controls the scrolling display of the sub-tabs. The detection module 20 further highlights the sub-tag corresponding to the position where the sliding operation is stopped in the tag display area, and displays the sub-display area corresponding to the highlighted sub-tag A top display is built in the content display area.

It can be seen from the above embodiments that the TAB page has a content display area, and the highlighted sub-tabs in the label display area are adjusted according to the switching operation in the content display area, which avoids blind switching during the TAB switching process and realizes terminal device operation Optimization of experience.

Please refer to FIG. 6, which is a terminal device according to an embodiment of the application. Computer readable instructions are stored on the terminal device. The terminal device includes a memory 102, a communication bus 104, and a processor 106. The computer-readable instructions may be stored on the memory 102, and when executed by one or more processors 106, so as to realize the page switching control method as described in the above method embodiments.

The memory 102 is used to store program code, and the program code is a series of computer readable instructions. The memory 102 may be a circuit with a storage function in an integrated circuit without a physical form, such as a memory stick, a TF card (Trans-flash Card), a smart media card (smart media card), a secure digital card (secure digital card), Storage devices such as flash cards. The memory 102 can perform data communication with the processor 106 through the communication bus 104. The memory 102 may include an operating system, a network communication module, and a page switching control program. The operating system is a program that manages and controls page switching control equipment hardware and software resources, and supports the operation of file page switching control programs and other software and/or programs. The network communication module is used to implement communication between various components in the memory 102 and communication with other hardware and software in the page switching control device.

The processor 106 may include one or more microprocessors and digital processors. The processor 106 can call the program code stored in the memory 102 to perform related functions. For example, the various modules described in FIG. 5 are program codes stored in the memory 102 and executed by the processor 106 to implement a page switching control method. The processor 106 is also called a central processing unit (CPU, Central Processing Unit), which is a very large-scale integrated circuit, which is a computing core (Core) and a control core (Control Unit).

The processor 106 is configured to execute multiple computer-readable instructions stored in the memory 102 to implement a page switching control method, and the processor 106 can execute multiple computer-readable instructions to implement the following steps:

S10. When the terminal device executes the page switching instruction, display the TAB page.

In at least one embodiment of the present application, the page switching control method is applied to at least one terminal device. The terminal device establishes a communication connection with the server through the network. Multiple application programs can be executed in the terminal device. Each of the application programs has a corresponding working interface. The terminal device has a display screen. The display screen is used to display a working interface corresponding to each application program.

In at least one embodiment of the present application, the TAB page may be a corresponding interactive interface for switching between multiple applications, or may be a work interface corresponding to a designated application. The TAB page generally includes a label display area and a content display area. The label display area and the content display area are displayed in parallel on the display screen of the terminal device in a two-line manner. In other embodiments, the label display area and the content display area may also be displayed in parallel on the display screen of the terminal device in two columns. The label display area is used to display the name of the application program or the label name. The label display area may further include a plurality of sub-labels. Each of the sub-labels corresponds to a label name and corresponds to a display content. A plurality of said sub-tags are arranged in a row with a certain distance apart. There is the only highlighted sub-tag in the tag display area. In at least one embodiment of the present application, the number of the sub-tags is a predetermined value. The content display area is used to display a plurality of sub-display areas. Each of the sub-display areas corresponds to one sub-label, and is used to display the display content of the corresponding sub-label. The plurality of sub-display areas are stacked in a partially stacked manner, and the sub-display area corresponding to the highlighted sub-tag is located at the uppermost layer. Wherein, the sub-display area located on the top layer may be displayed with a predetermined transparency, so that other sub-display areas located under the top layer are partially displayed through the sub-display area located on the top layer in a predetermined order. In at least one embodiment of the present application, the corresponding content in each sub-display area can be set according to user's customization, or it can be the default content in the terminal device.

S113: Identify the highlighted subtag in the tag display area;

S13. When the operation instruction is generated in the content display area, display the sub-display area corresponding to the stop position of the operation instruction on top, and put the corresponding sub-label in the label display area. Highlighted inside.

S131: Detect whether the operation instruction is a click operation;

S151: Detect whether the operation instruction is a click operation;

It can be seen from the above embodiments that the TAB page has a content display area, and according to the switching operation in the content display area, the highlighted sub-tabs corresponding to the label display area are adjusted together, which avoids blind switching during the TAB switching process and realizes the terminal equipment Optimization of operating experience.

It should be noted that, for the sake of simple description, the foregoing method embodiments are all expressed as a series of action combinations, but those skilled in the art should know that the present application is not limited by the sequence of actions described. Because according to the present application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in the specification are all preferred embodiments, and the actions and modules involved are not necessarily required by this application.

In the several embodiments provided in this application, it should be understood that the disclosed device may be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of the modules is only a logical function division, and there may be other divisions in actual implementation, for example, multiple modules or components may be combined or may be Integrate into another system, or some features can be ignored or not implemented. In addition, the displayed or discussed mutual coupling or direct coupling or communication connection may be indirect coupling or communication connection through some interfaces, devices or modules, and may be in electrical or other forms.

The modules described as separate components may or may not be physically separated, and the components displayed as modules may or may not be physical modules, that is, they may be located in one place, or they may be distributed on multiple network modules. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, the functional modules in the various embodiments of the present application may be integrated into one processor, or each module may exist alone physically, or two or more modules may be integrated into one module. The above integrated modules can be implemented in the form of hardware or software function modules.

If the integrated module is implemented in the form of a software function module and sold or used as an independent product, it can be stored in a non-volatile computer readable storage medium. Based on this understanding, the technical solution of this application essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium , Including several computer-readable instructions to enable a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in each embodiment of the present application.

A person of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be implemented by instructing relevant hardware through computer-readable instructions. The computer-readable instructions can be stored in a non-volatile computer. In a readable storage medium, when the computer-readable instructions are executed, they may include the processes of the above-mentioned method embodiments. Wherein, any reference to the memory, storage, database or other media used in the embodiments provided in this application may include non-volatile and/or volatile memory. Non-volatile memory may include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous chain (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

It should also be noted that in this article, the terms "include", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements not only includes those elements , But also includes other elements that are not explicitly listed, or elements inherent to the process, method, article, or device. Without more restrictions, the element defined by the sentence "include one..." does not exclude that there are other identical elements in the process, method, article or device that includes the element.

As mentioned above, the above embodiments are only used to illustrate the technical solutions of the present application, but not to limit them; although the present application has been described in detail with reference to the foregoing embodiments, persons of ordinary skill in the art should understand that they can still The technical solutions described in the embodiments are modified, or some of the technical features are equivalently replaced; and these modifications or replacements do not deviate the essence of the corresponding technical solutions from the scope of the technical solutions of the embodiments of the present application.

Claims

A page switching control method, characterized in that, the page switching control method includes:

When the terminal device executes the page switching instruction, the TAB page is displayed; the TAB page includes a label display area and a content display area; the label display area includes multiple sub-tabs, and one of the multiple sub-tabs has a highlight display The sub-tab; the content display area includes multiple sub-display areas;

When an operation instruction is detected, detecting whether the operation instruction is generated in the content display area;

When the operation instruction is generated in the content display area, the sub-display area corresponding to the stop position of the operation instruction is displayed on top, and the corresponding sub-label is highlighted in the label display area. display.
8. The page switching control method of claim 1, wherein the step of displaying the TAB page comprises:

Judging whether the number of the sub-tags is greater than a reference value;

If the number of subtags is greater than the reference value, adjusting the display mode of the subtags according to the number of subtags;

If the number of the sub-tags is less than or equal to the reference value, display the sub-tags with the first reference width;

Identifying the highlighted subtag in the tag display area;

Obtain the sub-display area corresponding to the highlighted sub-tag, and build a top display in the content display area.
3. The page switching control method according to claim 2, wherein the adjusting the display mode of the sub-tabs according to the number of the sub-tabs comprises:

According to the arrangement sequence, the number of the subtags corresponding to the reference value is displayed and the other subtags are hidden.
3. The page switching control method according to claim 2, wherein the adjusting the display mode of the sub-tabs according to the number of the sub-tabs comprises:

Adjust the width of the sub-label to a second reference width; the first reference width is greater than the second reference width.
The page switching control method of claim 1, wherein the sub-display area corresponding to the stop position of the operation instruction is displayed on top of the display, and the sub-tab is displayed in the tab correspondingly. The steps of highlighting in the area further include:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the content display area, the sub-display area corresponding to the position where the operation instruction is generated is built-in top display in the content display area, and will be displayed in the same way as the top display. The sub-label corresponding to the sub-display area is highlighted in the label display area;

If the operation instruction is a sliding operation, determining whether the distance of the sliding operation is less than a predetermined distance;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-display area to scroll and display;

The sub-display area corresponding to the position where the sliding operation is stopped is displayed on the top of the content display area, and the sub-label corresponding to the sub-display area displayed on the top is higher in the label display area. Bright display.
8. The page switching control method of claim 1, wherein the page switching control method further comprises:

Detecting whether the operation instruction is generated in the label display area;

When the operation instruction is generated in the label display area, the sub-label corresponding to the stop position of the operation instruction is highlighted, and the corresponding sub-display area is displayed on top.
The page switching control method according to claim 6, wherein the step of highlighting the sub-tag corresponding to the stop position of the operation instruction, and displaying the corresponding sub-display area on top include:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the label display area, the sub-label corresponding to the position where the operation instruction is generated will be highlighted, and all the corresponding sub-labels will be highlighted. The sub display area has a built-in top display in the content display area;

If the operation instruction is a sliding operation, determining whether the distance of the sliding operation is less than a predetermined distance;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-tab to scroll and display;

Highlight the sub-tag corresponding to the position where the sliding operation is stopped in the tag display area, and highlight the sub-display area corresponding to the highlighted sub-tag in the content display area Show on top.
A page switching control device, characterized in that the page switching control device includes:

The acquisition module is used to display a TAB page when the terminal device executes a page switching instruction; the TAB page includes a label display area and a content display area; the label display area includes a plurality of sub-tabs, and the plurality of sub-tabs have One highlighted sub-tab; the content display area includes multiple sub-display areas;

The detection module is used to detect whether the operation instruction is generated in the content display area when the operation instruction is detected;

When the operation instruction is generated in the content display area, the detection module displays the sub-display area corresponding to the stop position of the operation instruction on top, and displays the corresponding sub-label in the label The area is highlighted.
A terminal device, characterized in that the terminal device includes a processor and a memory, and the processor is configured to implement the following steps when executing computer-readable instructions stored in the memory:

When the terminal device executes the page switching instruction, the TAB page is displayed; the TAB page includes a label display area and a content display area; the label display area includes multiple sub-tabs, and one of the multiple sub-tabs has a highlight display The sub-tab; the content display area includes multiple sub-display areas;

When an operation instruction is detected, detecting whether the operation instruction is generated in the content display area;

When the operation instruction is generated in the content display area, the sub-display area corresponding to the stop position of the operation instruction is displayed on top, and the corresponding sub-label is highlighted in the label display area. display.
9. The terminal device according to claim 9, wherein when the processor is configured to execute the computer-readable instruction to realize the display of the TAB page, it comprises the following steps:

Judging whether the number of the sub-tags is greater than a reference value;

If the number of subtags is greater than the reference value, adjusting the display mode of the subtags according to the number of subtags;

If the number of the sub-tags is less than or equal to the reference value, display the sub-tags with the first reference width;

Identifying the highlighted subtag in the tag display area;

Obtain the sub-display area corresponding to the highlighted sub-tag, and build a top display in the content display area.
The terminal device according to claim 10, wherein when the processor executes the computer-readable instructions to implement the adjustment of the display mode of the subtags according to the number of the subtags, the method comprises the following steps :

According to the arrangement sequence, the number of the subtags corresponding to the reference value is displayed and the other subtags are hidden.
The terminal device of claim 9, wherein the processor executes the computer-readable instruction to display the sub-display area corresponding to the stop position of the operation instruction on top of the display, and correspondingly When the sub-label is highlighted in the label display area, the following steps are included:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the content display area, the sub-display area corresponding to the position where the operation instruction is generated is built-in top display in the content display area, and will be displayed in the same way as the top display. The sub-label corresponding to the sub-display area is highlighted in the label display area;

If the operation instruction is a sliding operation, determining whether the distance of the sliding operation is less than a predetermined distance;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-display area to scroll and display;

The sub-display area corresponding to the position where the sliding operation is stopped is displayed on the top of the content display area, and the sub-label corresponding to the sub-display area displayed on the top is higher in the label display area. Bright display.
9. The terminal device of claim 9, wherein the processor is further configured to implement the following steps when the processor is used to execute the computer-readable instructions:

Detecting whether the operation instruction is generated in the label display area;

When the operation instruction is generated in the label display area, the sub-label corresponding to the stop position of the operation instruction is highlighted, and the corresponding sub-display area is displayed on top.
The terminal device of claim 13, wherein the processor is configured to execute the computer-readable instruction to realize the highlighting of the sub-tag corresponding to the stop position of the operation instruction, and When the corresponding sub-display area is displayed on top, the following steps are included:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the label display area, the sub-label corresponding to the position where the operation instruction is generated will be highlighted, and all the corresponding sub-labels will be highlighted. The sub display area has a built-in top display in the content display area;

If the operation instruction is a sliding operation, determining whether the distance of the sliding operation is less than a predetermined distance;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-tab to scroll and display;

Highlight the sub-tag corresponding to the position where the sliding operation is stopped in the tag display area, and highlight the sub-display area corresponding to the highlighted sub-tag in the content display area Show on top.
A non-volatile computer-readable storage medium, wherein the non-volatile computer-readable storage medium stores at least one computer-readable instruction, which is implemented when executed by a processor The following steps:

When the terminal device executes the page switching instruction, the TAB page is displayed; the TAB page includes a label display area and a content display area; the label display area includes multiple sub-tabs, and one of the multiple sub-tabs has a highlight display The sub-tab; the content display area includes multiple sub-display areas;

When an operation instruction is detected, detecting whether the operation instruction is generated in the content display area;

When the operation instruction is generated in the content display area, the sub-display area corresponding to the stop position of the operation instruction is displayed on top, and the corresponding sub-label is highlighted in the label display area. display.
15. The storage medium of claim 15, wherein when the computer-readable instructions are executed by a processor to implement the TAB page display, the method comprises the following steps:

Judging whether the number of the sub-tags is greater than a reference value;

If the number of subtags is greater than the reference value, adjusting the display mode of the subtags according to the number of subtags;

If the number of the sub-tags is less than or equal to the reference value, display the sub-tags with the first reference width;

Identifying the highlighted subtag in the tag display area;

Obtain the sub display area corresponding to the highlighted sub tag, and build a top display in the content display area.
15. The storage medium according to claim 16, wherein when the computer-readable instructions are executed by a processor to adjust the display mode of the subtags according to the number of the subtags, the method comprises the following steps:

According to the arrangement sequence, the number of the subtags corresponding to the reference value is displayed and the other subtags are hidden.
The storage medium according to claim 15, wherein the computer-readable instructions are executed by a processor to display the sub-display area corresponding to the stop position of the operation instruction on top of the display, and corresponding to all When the sub-label is highlighted in the label display area, the following steps are included:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the content display area, the sub-display area corresponding to the position where the operation instruction is generated is built-in top display in the content display area, and will be displayed in the same way as the top display. The sub-label corresponding to the sub-display area is highlighted in the label display area;

If the operation instruction is a sliding operation, determining whether the distance of the sliding operation is less than a predetermined distance;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-display area to scroll and display;

The sub-display area corresponding to the position where the sliding operation is stopped is displayed on the top of the content display area, and the sub-label corresponding to the sub-display area displayed on the top is higher in the label display area. Bright display.
15. The storage medium of claim 15, wherein the computer-readable instructions are executed by the processor to further implement the following steps:

Detecting whether the operation instruction is generated in the label display area;

When the operation instruction is generated in the label display area, the sub-label corresponding to the stop position of the operation instruction is highlighted, and the corresponding sub-display area is displayed on top.
The storage medium according to claim 19, wherein the computer-readable instructions are executed by the processor to realize the highlighting of the sub-tag corresponding to the stop position of the operation instruction, and the corresponding When the sub-display area is displayed on top, the following steps are included:

Detecting whether the operation instruction is a click operation;

If the operation instruction is a click operation in the label display area, the sub-label corresponding to the position where the operation instruction is generated will be highlighted, and all the corresponding sub-labels will be highlighted. The sub display area has a built-in top display in the content display area;

If the operation instruction is a sliding operation, determining whether the distance of the sliding operation is less than a predetermined distance;

If the distance of the sliding operation is greater than or equal to the predetermined distance, controlling the sub-tab to scroll and display;

Highlight the sub-tag corresponding to the position where the sliding operation is stopped in the tag display area, and highlight the sub-display area corresponding to the highlighted sub-tag in the content display area Show on top.