Tab navigation bar grouping method and system, terminal device and storage medium

Abstract

The application provides a Tab navigation bar grouping method and system, terminal equipment and a storage medium, belonging to the field of Tab navigation bar, which can receive user demand, traverse the View in the column list, execute S1 on the traversed View, execute S1 to judge whether the id index number of the currently traversed View belongs to the grouping column id, if yes, calculate the total width of each grouping column View corresponding to the grouping, then create a View with the same width and append it to the corresponding position, and set a background picture for the View, then continue to traverse the column list from the next View of the grouping to which the currently traversed View belongs, and execute S1 on the traversed View until the column list is traversed; if not, continue to traverse the next View in the column list, and execute S1 on the traversed View until the column list is traversed. The application is used for improving user experience.

Description

Technical Field

[0001] This invention relates to the field of tab navigation bars, and more specifically to a grouping method, system, terminal device, and storage medium for tab navigation bars. Background Technology

[0002] Tab navigation, also known as tabbed navigation, is widely used in terminal devices. It is usually located at the top or bottom of the screen to display different content or functional modules, so that users can clearly identify the content or function of each module and easily switch between modules.

[0003] Currently, the tab navigation bar on terminal devices typically displays the tab list in a tiled format. However, in actual use, the tiled format of the tab navigation bar is not concise enough, may not meet user habits, and is not conducive to improving the user experience. Summary of the Invention

[0004] The purpose of this invention is to provide a grouping method, system, terminal device, and storage medium for a Tab navigation bar, so as to solve at least one of the problems mentioned above.

[0005] In a first aspect, the technical solution of the present invention provides a grouping method for a Tab navigation bar, applied to a terminal device, the method comprising: Receive user requests; user requests include the category list of the Tab navigation bar; each View in the category list is assigned an ID index number, and the ID index numbers of each View in the category list are sequentially increased according to their position in the category list; user requests also include the category IDs of the groups to be set in the category list; the category IDs of the groups include the start ID and end ID of the group; the start ID of the group is the ID index number of the first View in the group to be set, and the end ID of the group is the ID index number of the last View in the group to be set, and the order of the ID index numbers of each View in the group is the same as the order of their ID index numbers in the category list; Iterate through the Views in the category list, and for each View that has been iterated over, execute step S1; S1. Obtain the ID index of the currently traversed View and determine whether the ID index belongs to the group category ID: If so, obtain the group category Views of the group to which the currently traversed View belongs, calculate the total width of the group category Views, then create a View with the same width and append it to the position of each group category View, and set a background image for the created View to achieve setting a background image for all Views in the group; then start from the next View in the category list that is the last View in the group to which the currently traversed View belongs, and continue to traverse the Views in the category list, and execute step S1 for the traversed Views until all Views in the category list have been traversed; If not, proceed to step S2; S2. Continue to traverse the next View in the category list, and for each View that is traversed, execute step S1 until all Views in the category list have been traversed.

[0006] Furthermore, user requirements also include the folded category IDs to be set in the category list; the folded category IDs include the start ID and end ID of the fold; the start ID of the fold is the ID index number of the first View in the fold to be set, and the end ID of the fold is the ID index number of the last View in the fold to be set. The order of the ID index numbers of each View in the fold is the same as the order of the ID index numbers in the category list; the Views in the fold are different from those in the group. Execution step S2 includes: S3. Determine if the ID index of the currently traversed View belongs to the ID of a collapsed category: If so, obtain the folded column views to which the currently traversed View belongs, and set all column views whose id index number is after the id index number of the currently traversed View to be invisible and fold them; then start from the next View in the column list that is the last View in the fold to which the currently traversed View belongs, and continue to traverse the Views in the column list, and execute step S1 for the traversed Views until all Views in the column list have been traversed. If not, proceed to step S2.

[0007] Furthermore, the number of folds to be set must be at least one; when the number of folds to be set is multiple, there must be no identical View between the folds.

[0008] Furthermore, the number of groups to be set must be at least one; when the number of groups to be set is multiple, there must be no identical views between the groups.

[0009] Furthermore, the method also includes: grouping modification steps; The steps for modifying the grouping include: Receive user group modification requests; user group modification requests include the category list of the Tab navigation bar; user group modification requests also include the category ID of the group to be modified in the category list and the modified category ID of the group to be modified; the modified category ID of the group to be modified includes the modified start ID and the modified end ID of the group to be modified. Delete any Views added to the original Views in the group you want to modify, as well as the background images set for those Views; Obtain the modified Views of each group category in the group to be modified, calculate the total width of the modified Views of each group category in the group to be modified, then create a View of the same width and append it to the position of the modified Views of each group category in the group to be modified, and set a background image for the created View of the same width, so as to set a background image for the modified Views of each category in the group.

[0010] Furthermore, the method also includes: folding modification steps; The steps to modify the folding mechanism include: Receive user requests to modify the tab navigation bar; user requests to modify the tab navigation bar include the category list; user requests to modify the tab navigation bar include the ID of the category to be modified and the ID of the modified category; the ID of the modified category to be modified includes the start ID and end ID of the modified category. Remove the visibility settings of all related column views in the collapsed section that the user wants to modify and then collapse the section. Collapse all Views in the category list whose ID index is located after the modified start ID of the fold to be modified up to the modified end ID of the fold. Make them invisible.

[0011] Secondly, the present invention also provides a tab navigation bar grouping system applied to a terminal device, the system comprising: The first requirement receiving module is used to receive user requirements. User requirements include the category list of the Tab navigation bar. Each View in the category list is assigned an ID index number, and the ID index numbers of each View in the category list are sequentially increased according to their position in the category list. User requirements also include the category IDs of the groups to be set in the category list. The category ID of a group includes the start ID and the end ID of the group. The start ID of the group is the ID index number of the first View in the group to be set, and the end ID of the group is the ID index number of the last View in the group to be set. The order of the ID index numbers of each View in the group is the same as the order of their ID index numbers in the category list. The traversal module is used to traverse the Views in the category list; The navigation bar grouping module is used to execute step S1 for the Views traversed by the traversal module; S1: Obtain the ID index number of the currently traversed View and determine whether the ID index number belongs to the group category ID: If yes, obtain the group category Views of the group to which the currently traversed View belongs, calculate the total width of the group category Views, then create a View of the same width and append it to the position of each group category View, and set a background image for the created View to achieve setting a background image for all Views in the group; then, starting from the next View in the category list after the last View in the group to which the currently traversed View belongs, continue to traverse the Views in the category list, and execute step S1 for the traversed Views until all Views in the category list have been traversed; if not, execute step S2; S2: Continue to traverse the next View in the category list, and execute step S1 for the traversed Views until all Views in the category list have been traversed.

[0012] Furthermore, user requirements also include the folded category IDs to be set in the category list; the folded category IDs include the start ID and end ID of the fold; the start ID of the fold is the ID index number of the first View in the fold to be set, and the end ID of the fold is the ID index number of the last View in the fold to be set. The order of the ID index numbers of each View in the fold is the same as the order of the ID index numbers in the category list; the Views in the fold are different from those in the group. Execution step S2 includes: S3. Determine if the ID index of the currently traversed View belongs to the ID of a collapsed category: If so, obtain the folded column views to which the currently traversed View belongs, and set all column views whose id index number is after the id index number of the currently traversed View to be invisible and fold them; then start from the next View in the column list that is the last View in the fold to which the currently traversed View belongs, and continue to traverse the Views in the column list, and execute step S1 for the traversed Views until all Views in the column list have been traversed. If not, proceed to step S2.

[0013] Thirdly, the present invention provides a terminal device, comprising: processor; Memory is used to store the processor's execution instructions; The processor is configured to perform the methods described in the above aspects.

[0014] Fourthly, the present invention provides a computer-readable storage medium storing a computer program that, when executed by a processor, implements the methods described in the above aspects.

[0015] The present invention has the following beneficial effects: This invention helps to group the Tab navigation bar on terminal devices, making it easier for users to group the Views in the Tab navigation bar's category list into the same group. This helps to increase the simplicity of the category list, improve the friendliness and convenience of device-user interaction, and thus enhance the user experience.

[0016] This invention also helps to realize the folding of the Tab navigation bar on the terminal device, making it easier for users to fold the Views in the Tab navigation bar's category list. This helps to further increase the simplicity of the category list, further improve the friendliness and convenience of device-user interaction, and thus further improve the user experience.

[0017] The invention has a reliable design principle, a simple structure, and a very wide range of application prospects. Attached Figure Description

[0018] To more clearly illustrate the technical solutions of the embodiments of the present invention or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0019] Figure 1 This is a schematic flowchart of a method according to an embodiment of the present invention; Figure 2 A diagram illustrating the collapsing and grouping of the Tab navigation bar on a TV. Figure 3 For clicks Figure 2 A schematic diagram of the Tab navigation bar displayed after being collapsed in the middle; Figure 4 This is a schematic block diagram of a system according to an embodiment of the present invention; Figure 5 This is a schematic diagram of the structure of a terminal device provided in an embodiment of the present invention; Figure 6 This is a schematic diagram of the structure of a computer storage medium provided in an embodiment of the present invention. Detailed Implementation

[0020] To make the technical solutions and advantages of the present invention clearer, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments.

[0021] The following description of at least one exemplary embodiment is merely illustrative and is in no way intended to limit the invention or its application or use. All other embodiments obtained by those skilled in the art based on the embodiments of this invention without inventive effort are within the scope of protection of this invention.

[0022] Many specific details are set forth in the following description in order to provide a full understanding of the invention. However, the invention may also be practiced in other ways different from those described herein, and those skilled in the art can make similar extensions without departing from the spirit of the invention. Therefore, the invention is not limited to the specific embodiments disclosed below.

[0023] It should be noted that the use of terms such as "first" and "second" to define the corresponding parts in this invention is merely for the purpose of distinguishing the corresponding parts. Unless otherwise stated, the above terms have no special meaning and therefore should not be construed as limiting the scope of protection of this invention.

[0024] The technical solution of the present invention will be described and illustrated below through several embodiments.

[0025] In one embodiment, the present invention provides a method for grouping a Tab navigation bar.

[0026] This method is applied to terminal devices.

[0027] The Tab navigation bar is a horizontal ScrollView, which contains several Views to form a horizontal Tab bar that can be scrolled and clicked.

[0028] Please refer to Figure 1 The method 100 includes: Step 110: Receive user requests.

[0029] User requirements include a list of categories in the Tab navigation bar.

[0030] Each View in the category list is assigned an ID index number.

[0031] The ID index of each View in the category list increases sequentially according to its position in the category list.

[0032] User requirements also include the category IDs of the groups to be set in the category list.

[0033] The category ID of a group includes the group's start ID and end ID.

[0034] The starting ID of a group is the ID index of the first View in the group to be set, and the ending ID of a group is the ID index of the last View in the group to be set. The ID indexes of each View in the group are sorted in the same order as their ID indexes in the category list.

[0035] Step 120: Traverse the Views in the category list, and execute step S1 for each View that has been traversed. S1. Obtain the ID index of the currently traversed View and determine whether the ID index belongs to the group category ID: If so, obtain the group category Views of the group to which the currently traversed View belongs, calculate the total width of the group category Views, then create a View with the same width and append it to the position of each group category View, and set a background image for the created View to achieve setting a background image for all Views in the group; then start from the next View in the category list that is the last View in the group to which the currently traversed View belongs, and continue to traverse the Views in the category list, and execute step S1 for the traversed Views until all Views in the category list have been traversed; If not, proceed to step S2; S2. Continue to traverse the next View in the category list, and for each View that is traversed, execute step S1 until all Views in the category list have been traversed.

[0036] Optionally, user requirements may also include the folded category IDs to be set in the category list.

[0037] The ID of a collapsed section includes the start ID and the end ID of the collapse.

[0038] The start ID of the fold is the ID index of the first View in the fold to be set, and the end ID of the fold is the ID index of the last View in the fold to be set. The ID indexes of each View in the fold are sorted in the same order as their ID indexes in the category list.

[0039] The view is different in collapsed and grouped views.

[0040] In other words, the same view in the category list will not belong to both a collapse and a group.

[0041] Optionally, step S2 includes: S3. Determine if the ID index of the currently traversed View belongs to the ID of a collapsed category: If so, obtain the folded column views to which the currently traversed View belongs, and set all column views whose id index number is after the id index number of the currently traversed View to be invisible and fold them; then start from the next View in the column list that is the last View in the fold to which the currently traversed View belongs, and continue to traverse the Views in the column list, and execute step S1 for the traversed Views until all Views in the column list have been traversed. If not, proceed to step S2.

[0042] Optionally, the number of folds to be set is at least one.

[0043] When the number of folds to be set is multiple (at least two), there are no identical views between the folds.

[0044] That is, the present invention supports the setting of multiple folds, and when the number of folds to be set is multiple, there is no situation where the same View in the column list belongs to multiple folds.

[0045] When multiple folds are supported, each fold corresponds to a start ID and an end ID.

[0046] Optionally, the number of groups to be set is at least one.

[0047] When there are multiple groups to be set, no two groups have the same View.

[0048] This invention supports the setting of multiple groups, and when the number of groups to be set is multiple, there is no situation where the same View in the column list belongs to multiple groups.

[0049] When multiple groups are supported, each group corresponds to a start ID and an end ID.

[0050] The starting ID of the group corresponds to the starting position of the group.

[0051] The group's end ID corresponds to the group's end position.

[0052] This invention enables the collapsing and expanding of any number of adjacent Views in a Tab navigation bar.

[0053] When multiple folds are supported, each fold corresponds to a start ID and an end ID.

[0054] The start ID of the fold corresponds to the starting position of the fold.

[0055] The end ID of the fold, corresponding to the end position of the fold.

[0056] When folded, the content of the View corresponding to the starting ID of the current fold is displayed at each fold group position.

[0057] This invention enables the grouping of any number of adjacent Views in a Tab navigation bar.

[0058] Taking a TV as an example, the tab navigation bar of a TV has the following categories: Home, Watch TV, VIP, Movies, TV Series, Documentaries, Free Zone, Opera, Culture and Tourism, 4K, Application Center, and My Account.

[0059] Based on this invention, a single long background image can be set for VIP, movies, TV series, and documentaries to represent that these tabs belong to a group. Simultaneously, the free zone, opera, and cultural tourism can be folded into a dedicated section called "Free Zone," as shown below. Figure 2 As shown, clicking / selecting this section will expand the various collapsed section views, such as... Figure 3 As shown.

[0060] Optionally, method 100 further includes: a grouping modification step.

[0061] Optionally, the grouping modification step includes: Receive user group modification requests; user group modification requests include the category list of the Tab navigation bar; user group modification requests also include the category ID of the group to be modified in the category list and the modified category ID of the group to be modified; the modified category ID of the group to be modified includes the modified start ID and the modified end ID of the group to be modified. Delete any Views added to the original Views in the group you want to modify, as well as the background images set for those Views; Obtain the modified Views of each group category in the group to be modified, calculate the total width of the modified Views of each group category in the group to be modified, then create a View of the same width and append it to the position of the modified Views of each group category in the group to be modified, and set a background image for the created View of the same width, so as to set a background image for the modified Views of each category in the group.

[0062] Optionally, method 100 also includes: a folding modification step.

[0063] Optionally, the above-mentioned modification steps for folding include: Receive user requests to modify the tab navigation bar; user requests to modify the tab navigation bar include the category list; user requests to modify the tab navigation bar include the ID of the category to be modified and the ID of the modified category; the ID of the modified category to be modified includes the start ID and end ID of the modified category. Remove the visibility settings of all related column views in the collapsed section that the user wants to modify and then collapse the section. Collapse all Views in the category list whose ID index is located after the modified start ID of the fold to be modified up to the modified end ID of the fold. Make them invisible.

[0064] The present invention also provides a grouping system for a tab navigation bar, which is applied to a terminal device.

[0065] like Figure 4 As shown, the system 200 includes: The first requirement receiving module 201 is used to receive user requirements. The user requirements include the category list of the Tab navigation bar. Each View in the category list is assigned an ID index number, and the ID index numbers of each View in the category list are sequentially increased according to their position in the category list. The user requirements also include the category IDs of the groups to be set in the category list. The category IDs of the groups include the start ID and the end ID of the group. The start ID of the group is the ID index number of the first View in the group to be set, and the end ID of the group is the ID index number of the last View in the group to be set. The order of the ID index numbers of each View in the group is the same as the order of their ID index numbers in the category list. Traversal module 202 is used to traverse the Views in the category list; The navigation bar grouping module 203 is used to execute step S1 for the Views traversed by the traversal module; S1: Obtain the ID index number of the currently traversed View and determine whether the ID index number belongs to the group category ID: If yes, obtain the group category Views of the group to which the currently traversed View belongs, calculate the total width of the group category Views, then create a View of the same width and append it to the position of each group category View, and set a background image for the created View to achieve setting a background image for all Views in the group; then continue to traverse the Views in the category list starting from the next View after the last View in the group to which the currently traversed View belongs, and execute step S1 for the traversed Views until all Views in the category list have been traversed; if not, execute step S2; S2: Continue to traverse the next View in the category list, and execute step S1 for the traversed Views until all Views in the category list have been traversed.

[0066] Optionally, user requirements also include the column IDs to be set in the column list for folding; the column IDs for folding include the start ID and end ID of the fold; the start ID of the fold is the ID index number of the first View in the fold to be set, and the end ID of the fold is the ID index number of the last View in the fold to be set. The order of the ID index numbers of each View in the fold is the same as the order of the ID index numbers in the column list; the Views in the fold are different from those in the group. The execution step S2 includes: S3. Determine if the ID index of the currently traversed View belongs to the ID of a collapsed category: If so, obtain the folded column views to which the currently traversed View belongs, and set all column views whose id index number is after the id index number of the currently traversed View to be invisible and fold them; then start from the next View in the column list that is the last View in the fold to which the currently traversed View belongs, and continue to traverse the Views in the column list, and execute step S1 for the traversed Views until all Views in the column list have been traversed. If not, proceed to step S2.

[0067] Figure 5 This is a schematic diagram of the structure of a terminal device 300 provided in an embodiment of the present invention. The terminal device 300 can be used to execute the method 100 provided in the embodiment of the present invention.

[0068] The terminal device 300 may include a processor 310, a memory 320, and a communication unit 330. These components communicate via one or more buses. Those skilled in the art will understand that the server structure shown in the figure does not constitute a limitation of the present invention. It may be a bus topology or a star topology, and may include more or fewer components than shown, or combine certain components, or have different component arrangements.

[0069] The memory 320 can be used to store the execution instructions of the processor 310. The memory 320 can be implemented using any type of volatile or non-volatile storage terminal or a combination thereof, such as static random access memory (S1RAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic storage, flash memory, magnetic disk, or optical disk. When the execution instructions in the memory 320 are executed by the processor 310, the terminal device 300 is able to perform some or all of the steps in the above method embodiments.

[0070] The processor 310 serves as the control center of the storage terminal, connecting various parts of the electronic terminal via various interfaces and lines. It executes software programs and / or modules stored in the memory 320, and calls data stored in the memory to perform various functions of the electronic terminal and / or process data. The processor can be composed of integrated circuits (ICs), such as a single packaged IC or multiple packaged ICs with the same or different functions connected together. For example, the processor 310 may only include a central processing unit (CPU). In this embodiment of the invention, the CPU may have a single processing core or include multiple processing cores.

[0071] The communication unit 330 is used to establish a communication channel, enabling the storage terminal to communicate with other terminals. It can receive user data sent by other terminals or send user data to other terminals.

[0072] The present invention also provides a computer storage medium 400, such as... Figure 6 As shown, the computer storage medium 400 stores a program 410, which, when executed, may include some or all of the steps provided in the embodiments of the present invention. The storage medium may be a magnetic disk, optical disk, read-only memory (ROM), or random access memory (RAM), etc.

[0073] The technical effects achievable in this embodiment can be found in the description above, and will not be repeated here.

[0074] Those skilled in the art will clearly understand that the techniques in the embodiments of the present invention can be implemented using software plus necessary general-purpose hardware platforms. Based on this understanding, the technical solutions in the embodiments of the present invention, or the parts that contribute to the prior art, can be embodied in the form of a software product. This computer software product is stored in a storage medium such as a USB flash drive, a portable hard drive, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, or any other medium capable of storing program code. It includes several instructions to cause a computer terminal (which may be a personal computer, a server, or a second terminal, a network terminal, etc.) to execute all or part of the steps of the methods described in the various embodiments of the present invention.

[0075] For the same or similar parts among the various embodiments in this specification, please refer to each other.

[0076] This invention helps users group consecutively distributed Views in the Tab navigation bar list into the same group, and also helps users group consecutively distributed Views in the Tab navigation bar list into the same fold, which to some extent helps improve the user experience.

[0077] Although the present invention has been described in detail with reference to the accompanying drawings and preferred embodiments, the invention is not limited thereto. Various equivalent modifications or substitutions can be made to the embodiments of the invention by those skilled in the art without departing from the spirit and essence of the invention, and such modifications or substitutions should all be within the scope of the invention. Any variations or substitutions that can be easily conceived by those skilled in the art within the technical scope disclosed in the invention should also be covered within the protection scope of the invention. Therefore, the protection scope of the invention should be determined by the scope of the claims.

Claims

1. A method for grouping tab navigation bars, applied to terminal devices, characterized in that the method... include: Receive user requests; User requirements include a list of categories in the Tab navigation bar; each View in the category list is assigned an ID index number, and the ID index numbers of each View in the category list increase sequentially according to their position in the category list; user requirements also include the category IDs of the groups to be set in the category list; the category IDs of the groups include the start ID and the end ID of the group; the start ID of the group is the ID index number of the first View in the group to be set, and the end ID of the group is the ID index number of the last View in the group to be set, and the order of the ID index numbers of each View in the group is the same as the order of their ID index numbers in the category list; Iterate through the Views in the category list, and for each View that has been iterated over, execute step S1; S1. Obtain the ID index of the currently traversed View and determine whether the ID index belongs to the group category ID: If so, obtain the group category Views of the group to which the currently traversed View belongs, calculate the total width of the group category Views, then create a View with the same width and append it to the position of each group category View, and set a background image for the created View to achieve setting a background image for all Views in the group; then start from the next View in the category list that is the last View in the group to which the currently traversed View belongs, and continue to traverse the Views in the category list, and execute step S1 for the traversed Views until all Views in the category list have been traversed; If not, proceed to step S2; S2. Continue to traverse the next View in the category list, and for each View that is traversed, execute step S1 until all Views in the category list have been traversed. User requirements also include the column IDs to be set for the folds in the column list; the column IDs for the folds include the start ID and the end ID of the fold; the start ID of the fold is the ID index number of the first View in the fold to be set, and the end ID of the fold is the ID index number of the last View in the fold to be set. The order of the ID index numbers of each View in the fold is the same as the order of the ID index numbers in the column list. The view is different in collapsed and grouped views; Execution step S2 includes: S3. Determine if the ID index of the currently traversed View belongs to the ID of a collapsed category: If so, obtain the folded column views to which the currently traversed View belongs, and set all column views whose id index number is after the id index number of the currently traversed View to be invisible and fold them; then start from the next View in the column list that is the last View in the fold to which the currently traversed View belongs, and continue to traverse the Views in the column list, and execute step S1 for the traversed Views until all Views in the column list have been traversed. If not, proceed to step S2.

2. The method according to claim 1, characterized in that, The number of folds to be set must be at least one; when the number of folds to be set is multiple, there must be no identical views between the folds.

3. The method according to claim 1, characterized in that, The number of groups to be set must be at least one; when there are multiple groups to be set, there must be no identical views among the groups.

4. The method according to claim 1, characterized in that, The method also includes: steps for modifying the grouping; The steps for modifying the grouping include: Receive user group modification requests; user group modification requests include the category list of the Tab navigation bar; user group modification requests also include the category ID of the group to be modified in the category list and the modified category ID of the group to be modified; the modified category ID of the group to be modified includes the modified start ID and the modified end ID of the group to be modified. Delete any Views added to the original Views in the group you want to modify, as well as the background images set for those Views; Obtain the modified Views of each group category in the group to be modified, calculate the total width of the modified Views of each group category in the group to be modified, then create a View of the same width and append it to the position of the modified Views of each group category in the group to be modified, and set a background image for the created View of the same width, so as to set a background image for the modified Views of each category in the group.

5. The method according to claim 1, characterized in that, The method also includes: steps for modifying the folding process; The steps to modify the folding mechanism include: Receive user requests to modify the tab navigation bar; user requests to modify the tab navigation bar include the category list; user requests to modify the tab navigation bar include the ID of the category to be modified and the ID of the modified category; the ID of the modified category to be modified includes the start ID and end ID of the modified category. Remove the visibility settings of all related column views in the collapsed section that the user wants to modify and then collapse the section. Collapse all Views in the category list whose ID index is located after the modified start ID of the fold to be modified up to the modified end ID of the fold. Make them invisible.

6. A tab navigation bar grouping system, applied to a terminal device, characterized in that, The system includes: The first requirement receiving module is used to receive user requirements; User requirements include a list of categories in the Tab navigation bar; each View in the category list is assigned an ID index number, and the ID index numbers of each View in the category list increase sequentially according to their position in the category list; user requirements also include the category IDs of the groups to be set in the category list; the category IDs of the groups include the start ID and the end ID of the group; the start ID of the group is the ID index number of the first View in the group to be set, and the end ID of the group is the ID index number of the last View in the group to be set, and the order of the ID index numbers of each View in the group is the same as the order of their ID index numbers in the category list; The traversal module is used to traverse the Views in the category list; The navigation bar grouping module is used to execute step S1 on the Views traversed by the traversal module; S1. Obtain the ID index of the currently traversed View and determine whether the ID index belongs to a group category ID. If yes, obtain the group category Views of the group to which the currently traversed View belongs, calculate the total width of each group category View, then create a View of the same width and append it to the position of each group category View, and set a background image for the created View to achieve setting a background image for all Views in the group. Then, start from the next View in the category list after the last View in the group to which the currently traversed View belongs, and continue traversing the Views in the category list, and execute step S1 for each traversed View until all Views in the category list have been traversed. If not, execute step S2. S2. Continue traversing the next View in the category list, and execute step S1 for each traversed View until all Views in the category list have been traversed. User requirements also include the column IDs to be set for the folds in the column list; the column IDs for the folds include the start ID and the end ID of the fold; the start ID of the fold is the ID index number of the first View in the fold to be set, and the end ID of the fold is the ID index number of the last View in the fold to be set. The order of the ID index numbers of each View in the fold is the same as the order of the ID index numbers in the column list. The view is different in collapsed and grouped views; Execution step S2 includes: S3. Determine if the ID index of the currently traversed View belongs to the ID of a collapsed category: If so, obtain the folded column views to which the currently traversed View belongs, and set all column views whose id index number is after the id index number of the currently traversed View to be invisible and fold them; then start from the next View in the column list that is the last View in the fold to which the currently traversed View belongs, and continue to traverse the Views in the column list, and execute step S1 for the traversed Views until all Views in the column list have been traversed. If not, proceed to step S2.

7. A terminal device, characterized in that, include: processor; Memory is used to store the processor's execution instructions; The processor is configured to perform the method according to any one of claims 1-5.

8. A computer-readable storage medium storing a computer program, characterized in that, When the program is executed by the processor, it implements the method as described in any one of claims 1-5.

Images