CN110020267B - List display method and device - Google Patents

Abstract

The invention discloses a list display method and device, belonging to the technical field of information processing. The method includes: obtaining the minimum width of the target list to be displayed and attribute information corresponding to multiple column items in the target list respectively, where the minimum width is the minimum width that needs to be occupied when the target list is completely displayed; determining the width of the current display area; When the minimum width is greater than the width of the current display area, at least two column items among the multiple column items are merged based on the obtained multiple attribute information, and the target list after the merged column items is displayed. The embodiment of the present invention ensures that the target list can be completely displayed in the current display area by merging at least two of the multiple column items, which is more flexible than the layout of the list in the related art, even for Different terminals, the target list can also be guaranteed to be displayed completely.

Description

List display method and device

technical field

The present invention relates to the technical field of information processing, and in particular, to a list display method and device.

Background technique

Usually, when a user browses a web page through a terminal, the terminal can not only display content such as pictures and texts in the web page, but also display a list. Wherein, when the list is displayed on the web page, the width of the current display area of the terminal may be larger than the width of the list, or may be smaller than the width of the list. When the width of the current display area of the terminal is smaller than the width of the list, in order for the user to view the complete list content, the list can be displayed in different ways.

In the related art, when the width of the current display area is smaller than the width of the list, the terminal can keep the width of the list unchanged, fix the first column of the list, and display part of the content of the list and a horizontal scroll bar in the current display area. When the bar is dragged, the list scrolls horizontally, revealing the remainder.

However, if there are too many column items in the list, the width of the list is too large, and the current display area of the terminal is small, then, using the above method to display the list, the user needs to repeatedly drag the scroll bar to view the information in the list. , the operation is cumbersome and extremely inconvenient.

SUMMARY OF THE INVENTION

In order to solve the problem of complicated and extremely inconvenient operation when a user views information in a list in the related art, embodiments of the present invention provide a method and device for displaying a list. The technical solution is as follows:

In a first aspect, a method for displaying a list is provided, and the method includes:

Obtain the minimum width of the target list to be displayed and attribute information corresponding to multiple column items in the target list, where the minimum width is the minimum width that needs to be occupied when the target list is completely displayed;

Determine the width of the current display area;

When the minimum width is greater than the width of the current display area, combine at least two column items among the plurality of column items based on the obtained plurality of attribute information, and display the target list after the column items are merged , the merged column in the target list after the column items are merged includes the content of the at least two column items, and the column name of the merged column is different from the column name of the at least two column items.

Optionally, combining at least two column items in the plurality of column items based on the obtained plurality of attribute information, including:

If there is attribute information including the merge group serial number in the plurality of attribute information, the column items corresponding to the attribute information with the same merge group serial number are formed into a merge group to obtain M merge groups, where M is greater than or equal to 1 positive integer of ;

determining the first actual width of the target list, where the first actual width refers to the actual width of the target list after all the column items in the M merged groups are merged;

If the first actual width of the target list is smaller than the width of the current display area, merging the column items in at least one merging group in the M merging groups;

If the first actual width of the target list is greater than the width of the current display area, selecting at least two column items from the column items remaining except the M merged groups among the plurality of column items, and The column items in the M merged groups and the at least two selected column items are merged respectively.

Optionally, the merging of column items in at least one merging group in the M merging groups includes:

Sort the M merge groups according to the merge group serial numbers corresponding to the M merge groups respectively, to obtain a first sorting result;

Let i=1, merge the column items in the ith merge group in the first sorting result, and determine the second actual width of the target list, where the second actual width refers to the The actual width of the target list after the column items in the first i merged groups in the sorting result are merged, where i is a positive integer greater than or equal to 1 and less than or equal to the M;

When the second actual width of the target list is greater than the width of the current display area, set i=i+1, and return to merge the column items in the i-th merged group in the first sorting result until the second actual width of the target list is less than or equal to the width of the current display area.

Optionally, the determining the second actual width of the target list includes:

Obtain the column item width ratio corresponding to each column item in the ith merged group and the merged column width ratio corresponding to the ith merged group;

Determine a first width and a second width, where the first width refers to the sum of the product of the ratio of the width of each column item corresponding to each column item in the i-th merged group and the product of the minimum width, and the second width The width refers to the product between the width ratio of the merged column corresponding to the ith merged group and the minimum width;

determining a first width difference between the first width and the second width, and subtracting the first width difference and i-1 before the ith merged group from the minimum width The respective width differences corresponding to the groups are merged to obtain the second actual width of the target list.

Optionally, selecting at least two column items from the remaining column items in the plurality of column items except the M merged groups includes:

Let k=2, determine the third actual width of the target list, where the third actual width refers to merging all the column items in the M merge groups and merging the reciprocal k columns of the remaining column items the actual width of the target list after the items are merged, and the k is a positive integer greater than or equal to 2;

If the third actual width of the target list is greater than the width of the current display area, set k=k+1, and return to the step of determining the third actual width of the target list until the third actual width of the target list is reached. 3. When the actual width is less than or equal to the width of the current display area, the last k column items in the remaining column items are determined as the at least two selected column items.

Optionally, the merging of the column items in the M merged groups and the selected at least two column items respectively includes:

Merging the column items in the M merged groups respectively to obtain M merged columns;

According to the sequence of the selected at least two column items, every N column items are merged into a merged column.

Optionally, the displayed target list after the column items are merged includes:

When at least two attribute information corresponding to at least two column items merged into one merged column includes a merged column column name, the merged column column name is used as a column of the merged column obtained by merging the at least two column items name is displayed; or,

When the at least two attribute information corresponding to the at least two column items merged into one merged column does not include the merged column column name, the column name of the merged column obtained by merging the at least two column items is set as the preset column name , and display the merged column according to the preset column name;

The contents of the at least two column items are displayed in the merged column.

Optionally, after the determining the width of the current display area, the method further includes:

When the minimum width is smaller than the width of the current display area, obtain the column item width ratio of each column item in the plurality of column items;

multiplying the column item width ratio of each column item in the plurality of column items by the width of the current display area to obtain the column width of each column item;

The target list is displayed based on the column width of each column item.

Optionally, after the display of the target list after the column items are merged, it further includes:

For each merged column in the R merged columns included in the target list, generate merged column attribute information based on the merged column, where the merged column attribute information includes a split attribute, a merged group sequence number corresponding to the merged column, The combined column width ratio and the column item width ratio corresponding to each column item in the combined column, the R is a positive integer greater than or equal to 1;

determining the fourth actual width of the merged target list, where the fourth actual width is the actual width of the target list when the column items are merged and displayed;

When it is detected that the width of the current display area is greater than the fourth actual width, split at least one merged column among the R merged columns based on the width of the current display area and the fourth actual width point.

Optionally, splitting at least one merged column in the R merged columns based on the width of the current display area and the fourth actual width includes:

Sort the R merged columns according to the merge group serial numbers corresponding to the R merged columns to obtain a second sorting result;

Let j=1, determine the third width and the fifth actual width of the target list, where the third width refers to the column item width corresponding to each column item of the jth last merged column in the second sorting result The sum of the product of the ratio and the fifth actual width, where the fifth actual width refers to the actual width of the target list after splitting the last j merged columns in the second sorting result, and When j=1, the fifth actual width is equal to the fourth actual width;

When the difference between the width of the current display area and the fifth actual width is greater than the third width, based on the column item width ratio corresponding to each column item in the last jth merged column, set the The last jth merged column is split, and the j=j+1 is set, and the step of determining the third width is returned, until the width of the current display area is less than or equal to the fifth actual width of the target list, Or until the difference between the width of the current display area and the fifth actual width of the target list is smaller than the third width.

In a second aspect, a list display device is provided, the device comprising:

The first obtaining module is used to obtain the minimum width of the target list to be displayed and attribute information corresponding to multiple column items in the target list respectively, and the minimum width is the minimum width that needs to be occupied when the target list is completely displayed ;

A determination module, used to determine the width of the current display area;

a merging module, configured to merge at least two column items of the plurality of column items based on the obtained plurality of attribute information when the minimum width is greater than the width of the current display area;

The first display module is configured to display the target list after the column items are merged, the merged column in the target list after the column items is merged includes the content of the at least two column items, and the column name of the merged column is the same as that of the merged column. The column names for at least two column items are not the same.

Optionally, the merging module includes:

The first determination unit is configured to, if there is attribute information including the merge group serial number in the plurality of attribute information, form a merge group with the column items corresponding to the attribute information with the same merge group serial number, so as to obtain M merge groups, The above M is a positive integer greater than or equal to 1;

a second determining unit, configured to determine a first actual width of the target list, where the first actual width refers to the actual width of the target list after all the column items in the M merged groups are merged;

a first merging unit, configured to merge column items in at least one merge group in the M merge groups if the first actual width of the target list is smaller than the width of the current display area;

a second merging unit, configured to select, if the first actual width of the target list is greater than the width of the current display area, selecting from the remaining column items in the plurality of column items except the M merging groups at least two column items, and the column items in the M merged groups and the selected at least two column items are merged respectively.

Optionally, the first merging unit includes:

a sorting subunit, configured to sort the M merged groups according to the merged group serial numbers corresponding to the M merged groups respectively, to obtain a first sorting result;

The first merging subunit is configured to set i=1, merge the column items in the i-th merged group in the first sorting result, and determine the second actual width of the target list, the second The actual width refers to the actual width of the target list after merging the column items in the ith merge group, where i is a positive integer greater than or equal to 1 and less than or equal to the M;

The first merging subunit is further configured to set the i=i+1 when the second actual width of the target list is greater than the width of the current display area, and return the first sorting result of the first sorting result. The step of merging the column items in the i merging groups until the second actual width of the target list is less than or equal to the width of the current display area.

Optionally, the determining the first merging subunit is used for:

Obtain the column item width ratio corresponding to each column item in the ith merged group and the merged column width ratio corresponding to the ith merged group;

Determine a first width and a second width, where the first width refers to the sum of the product of the ratio of the width of each column item corresponding to each column item in the i-th merged group and the product of the minimum width, and the second width The width refers to the product between the width ratio of the merged column corresponding to the ith merged group and the minimum width,;

determining a first width difference between the first width and the second width, and subtracting the first width difference and (i-1 before the ith merged group from the minimum width ) respectively corresponding width difference values of the merged groups to obtain the second actual width of the target list.

Optionally, the second merging unit includes:

Determining subunit, for setting k=2, and determining the third actual width of the target list, where the third actual width refers to merging all column items in the M merging groups and merging the remaining columns The actual width of the target list after the reciprocal k column items in the item are merged, where k is a positive integer greater than or equal to 2;

The determining subunit is further configured to set k=k+1 if the third actual width of the target list is greater than the width of the current display area, and return to the step of determining the third actual width of the target list , until the third actual width of the target list is less than or equal to the width of the current display area, determine the last k column items in the remaining column items as the selected at least two column items.

Optionally, the second merging unit includes:

The second merging subunit is used for merging the column items in the M merging groups respectively to obtain M merging columns;

The third merging subunit is configured to merge every N column items into a merged column according to the sequence of the selected at least two column items.

Optionally, the first display module includes:

The first display unit is configured to, when at least two attribute information corresponding to at least two column items merged into one merged column includes a merged column column name, use the merged column column name as a combination of the at least two column items. The column names of the merged columns obtained by the merge are displayed;

The second display unit is configured to combine the columns of the merged column obtained by merging the at least two column items when the at least two attribute information corresponding to the at least two column items merged into one merged column does not include the merged column column name The name is set to the preset column name, and the merged column is displayed according to the preset column name;

A third display unit, configured to display the content of the at least two column items in the merged column.

Optionally, the device further includes:

a second obtaining module, configured to obtain the column item width ratio of each column item in the plurality of column items when the minimum width is smaller than the width of the current display area;

a calculation module, configured to multiply the column item width ratio of each column item in the plurality of column items by the width of the current display area to obtain the column width of each column item;

The second display module is configured to display the target list based on the column width of each column item.

Optionally, the device further includes:

The generating module is configured to, for each merged column in the R merged columns included in the target list, generate merged column attribute information based on the merged column, where the merged column attribute information includes a split attribute, and the merged column corresponds to The merged group serial number, the merged column width ratio and the column item width ratio corresponding to each column item in the merged column, the R is a positive integer greater than or equal to 1;

a second determining module, configured to determine the fourth actual width of the merged target list, where the fourth actual width is the actual width of the target list when the column items are merged and displayed;

A splitting module, configured to, when it is detected that the width of the current display area is greater than the fourth actual width, perform a splitting of the R merged columns based on the width of the current display area and the fourth actual width. At least one merged column is split.

Optionally, the splitting module includes:

a sorting unit, configured to sort the R merged columns according to the merge group serial numbers corresponding to the R merged columns to obtain a second sorting result;

The second determining unit is configured to set j=1 to determine a third width and a fifth actual width of the target list, where the third width refers to each of the jth last merged column in the second sorting result The sum of the product of the column item width ratio corresponding to the column item and the fifth actual width, where the fifth actual width refers to the target after splitting the reciprocal j-1 merged columns in the second sorting result the actual width of the list, and when the j=1, the fifth actual width is equal to the fourth actual width;

A splitting unit, configured to, when the difference between the width of the current display area and the fifth actual width is greater than the third width, based on the value corresponding to each column item in the jth last merged column Column item width ratio, split the last jth merged column, let the j=j+1, return to the step of determining the third width, until the width of the current display area is less than or equal to the target list , or until the difference between the width of the current display area and the fifth actual width of the target list is smaller than the third width.

In a third aspect, a list display device is provided, the list display device includes a processor, a communication interface, a memory, and a communication bus;

the processor, the communication interface and the memory communicate with each other through the communication bus;

The memory is used to store computer programs;

The processor is configured to execute the program stored in the memory to implement the data query method described in the first aspect.

In a fourth aspect, a computer-readable storage medium is provided, where a computer program is stored in the computer-readable storage medium, and when the computer program is executed by a processor, the method for displaying a list described in the first aspect above is implemented.

The beneficial effect brought by the technical solution provided by the embodiment of the present invention is: the obtained minimum width of the target list to be displayed is compared with the determined width of the current display area, and if the minimum width is greater than the width of the current display area, Then at least two column items in the multiple column items are merged according to the attribute information corresponding to the multiple column items in the target list. Because the column items are merged, the actual width of the merged target list is reduced. When the target list is displayed in the current display area, the information in the target list can be displayed more completely, which avoids the problem that the user repeatedly drags the scroll bar when viewing the list information, simplifies the operation, and improves the user experience.

Description of drawings

In order to illustrate the technical solutions in the embodiments of the present invention more clearly, the following briefly introduces the accompanying drawings used in the description of the embodiments. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For those of ordinary skill in the art, other drawings can also be obtained from these drawings without creative effort.

1 is a flowchart of a method for displaying a list provided by an embodiment of the present invention;

2 is a flowchart of a method for merging target lists provided by an embodiment of the present invention;

3 is a flowchart of a method for merging target lists provided by an embodiment of the present invention;

4 is a flowchart of a method for merging target lists provided by an embodiment of the present invention;

5 is a flowchart of a method for splitting a merged target list provided by an embodiment of the present invention;

6A is a schematic structural diagram of a list display device according to an embodiment of the present invention;

6B is a schematic structural diagram of a merging module provided by an embodiment of the present invention;

6C is a schematic structural diagram of a list display device according to an embodiment of the present invention;

6D is a schematic structural diagram of a list display device according to an embodiment of the present invention;

FIG. 7 is a block diagram of a list display apparatus provided by an embodiment of the present invention.

Detailed ways

In order to make the objectives, technical solutions and advantages of the present invention clearer, the embodiments of the present invention will be further described in detail below with reference to the accompanying drawings.

Before explaining the embodiments of the present invention in detail, an application scenario of the embodiments of the present invention is introduced. With the development of Internet technology, designers no longer need to design different versions for multiple different terminals when designing websites, but only need to design one website to be compatible with multiple different terminals at the same time. When displaying on different terminals, the layout of the interface can be adjusted according to the width of the current display area of the terminal, so as to provide users of different terminals with a comfortable interface. Among them, a series of content such as text, pictures, lists, etc. can be displayed in the interface of the website. When the interface includes a list, the width of the list may be larger than the width of the current display area due to too many column items in the list, so that the terminal The list cannot be completely displayed in the current display area. In this case, the layout of the list can be adjusted according to the width of the current display area, so that the list can be completely displayed in the current display area. The list display method provided by the embodiment of the present invention can be used in the above-mentioned scenario, so as to realize the adjustment and display of the layout of the list in the interface.

After the detailed explanation of the application scenarios of the embodiments of the present invention, the following embodiments will be used to explain the list display method in detail at the same time with reference to the accompanying drawings.

FIG. 1 is a list display method provided by an embodiment of the present invention. As shown in FIG. 1 , the method can be applied to a terminal and includes the following steps:

Step 101: Obtain the minimum width of the target list to be displayed and attribute information corresponding to multiple column items in the target list, where the minimum width is the minimum width required for the complete display of the target list.

Usually, when the interface of a website includes a list, the interface data of the website will include a list code, and the list code includes attribute information corresponding to each column item in the list, and the attribute information is used to indicate the corresponding The specific configuration of the column item.

When the terminal displays the interface of a website containing a list, the terminal can obtain the minimum width of the target list to be displayed, and the minimum width is preset in the code of the target list and required to ensure the complete display of the target list. minimum width. The complete display of the target list means that the data information in all column items of the target list can be displayed completely.

In addition, the terminal may also acquire attribute information corresponding to a plurality of column items in the target list from the code of the target list. For the attribute information of each column item in the plurality of column items, the attribute information may include basic information such as the content of the column item, the width ratio of the column item, etc., or may include a column used to indicate that the column item is a column that needs to be merged The merge attribute information of the item, the merge group corresponding to the column item and the merge group serial number, the display order of the column item in the merged merge column, and the column name of the merge column corresponding to the column item are merged information. Of course, the attribute information may also only include basic information such as the content of the column item, the width ratio of the column item, etc., without including the merge information. Or, for a column item that does not participate in the merging, the attribute information of the column item includes not only basic information, but also information indicating that the column item does not participate in the merging.

The column item width ratio refers to the ratio of the width of the column item to the minimum width of the target list. Column items belonging to the same merge group have the same merge group sequence number, that is, column items with the same merge group sequence number will be merged into one merge column. In addition, compared with column items corresponding to attribute information that only includes basic information, when merging, priority is given to merging column items that include not only basic information, but also merged attribute information and merged information. For a column item of information that does not participate in the merger, when the merger is performed, the column item may not participate in the merger.

It should be noted that the merging information included in the attribute information and the information used to indicate that the column item does not participate in the merging may be designed by the designer of the target list when generating the target list code according to the content of the target list. set. For example, for certain column items in the target list whose content categories belong to the same category, the designer can set merge information in the attribute information corresponding to these column items respectively, and combine the merge information of these column items with the merge information. The merge group and the merge group serial number are set to be the same, that is, when merging is performed, the terminal can combine these several column items together to form a merge column. For another example, when multiple merging groups are set in the multiple attribute information of the target list, the technician can set different merging group serial numbers for each merging group according to the importance of the column items constituting the merging group. The sequence number can not only be used to distinguish different merge groups, but also can be used to indicate the priority of the merge group when merging. For example, the target list includes three merge groups, and the merge group numbers of the three merge groups are 1, 2, and 3 respectively. In this case, when merging is performed, the merge group can be prioritized according to the merge group sequence number. The column items corresponding to the merged group whose group serial number is 1 are merged.

Step 102: Determine the width of the current display area.

After obtaining the minimum width and multiple attribute information of the target list to be displayed, the terminal may determine the width of the current display area, and the width of the current display area may be the width of the screen of the terminal, or the width of the current display area in the terminal. The area where this target list is displayed.

Step 103 : when the minimum width is greater than the width of the current display area, combine at least two column items of the plurality of column items based on the acquired plurality of attribute information, and display the target list after the column items are merged.

After determining the width of the current display area, the terminal can compare the width of the current display area with the minimum width of the target list, and if the width of the current display area is greater than or equal to the minimum width of the target list, it can be determined that the target list can It is completely displayed in the current display area of the terminal. At this time, the terminal can directly display the target list in the current display area. If the width of the current display area is smaller than the minimum width of the target list, it can be determined that the target list cannot be completely displayed in the current display area. to merge at least two column items, and display the target list after the column items are merged.

Wherein, when the minimum width is greater than the width of the current display area, the terminal may merge at least two of the multiple column items at one time based on the acquired attribute information to make the merged target list The actual width satisfies the width of the current display area, and the merged target list can also be obtained through multiple merging, so that the actual width of the target list after multiple merging meets the width of the current display area. Of course, the terminal can also combine the above two The method combines to combine at least two of the plurality of column items. Specifically, the above-mentioned implementation manner of merging at least two column items in the plurality of column items will be explained in detail through subsequent embodiments.

After merging at least two column items in the multiple column items, if the at least two column items are merged into one merged column, and the at least two attribute information corresponding to the at least two column items includes the merged column column name, the terminal can display the combined column name as the combined column name obtained by combining the at least two column items; of course, if the at least two attribute information corresponding to the at least two column items When the combined column name is not included, the combined column name obtained after combining the at least two column items is set as the preset column name, and the combined column is displayed according to the preset column name.

It should also be noted that when the combined column is displayed, the combined column includes the contents of the at least two column items. Specifically, for the content corresponding to each column item in the at least two column items, the terminal may display the column name of each column item before merging in the merged column, and display the content of the corresponding column item after the column name .

After merging at least two column items in the multiple column items, if the attribute information corresponding to the at least two column items includes the display order of the column items in the merged merged column, the terminal can follow the The display ordering displays the at least two column items in corresponding merged columns of the target list.

Optionally, when the minimum width is smaller than the width of the current display area, the terminal may also multiply the width ratio of the column item included in each attribute information in the obtained plurality of attribute information by the width of the current display area, thereby obtaining the target list. The width of each column item in the plurality of column items, after that, the terminal can display the target list in the current display area in full according to the determined column item width.

In this embodiment of the present invention, the terminal compares the acquired minimum width of the target list to be displayed with the determined width of the current display area, and if the minimum width is greater than the width of the current display area, the The attribute information corresponding to each column item is merged with at least two column items among the multiple column items. Since the column items are merged, the actual width of the merged target list is reduced. At this time, in the current display area When the target list is displayed, the information in the target list can be displayed more completely, which avoids the problem that the user repeatedly drags the scroll bar when viewing the list information, simplifies the operation, and improves the user experience.

Based on the description of step 103 in the above embodiment, when the minimum width is greater than the width of the current display area, the terminal may use different methods to merge at least two column items among the multiple column items of the target list. FIG. 2 is a flowchart of a method for merging at least two column items in a plurality of column items provided by an embodiment of the present invention. As shown in FIG. 2 , the method includes the following steps:

Step 201: If there is attribute information including the merge group serial number in the plurality of attribute information, the column items corresponding to the attribute information with the same merge group serial number are formed into a merge group to obtain M merge groups, where M is greater than or equal to 1. positive integer.

Based on the description in the foregoing embodiments, it can be known that, for each attribute information in the multiple attribute information of the target list, the attribute information may include merged attribute information indicating that the column item can be merged and the merged corresponding to the column item. The group and the merged group serial number, the display order of the column item in the merged merged column, and the column name of the merged column corresponding to the column item may not be included. That is to say, in the plurality of attribute information in the target list, there may be attribute information including the merge group serial number, or there may be no attribute information including the merge group serial number. Moreover, because the column item with merged attribute should be merged first when merging, and if the attribute information includes the merge group serial number, the column item corresponding to the attribute information must be the column item with merged attribute. Therefore, when the minimum width is larger than the current display When the width of the area is set, the terminal can firstly search whether there is attribute information including the serial number of the merged group from a plurality of attribute information in the target list.

If there is attribute information including the merge group serial number in the plurality of attribute information, then, since the merge group serial numbers corresponding to the column items belonging to the same merge group are the same, the terminal can The column items form a merged group, thereby obtaining M merged groups included in the target list.

Further, if there is no attribute information including the merging group serial number in the plurality of attribute information, that is, the multiple items in the target list do not have the priority of merging, at this time, the terminal can refer to the relevant information in step 204. The implementation manner of the target list merges at least two column items in the multiple column items of the target list.

For example, Table 1 is a target list provided by an embodiment of the present invention, and Table 2 is attribute information corresponding to multiple column items of the target list. As shown in Table 2, the first to third column items of the target list The corresponding attribute information only includes basic information such as the column name of the column item and the fixed ratio of the column item. The attribute information corresponding to the 4th to 6th column items respectively includes the merge group serial number "group1". Therefore, the 4th, 5th, and 6th column items belong to the same merge group, and the attribute information corresponding to the 7th and 8th column items respectively Include the merge group serial number "group2", that is, the 7th and 8th column items belong to the same merge group, and the attribute information of the 9th column item not only includes the basic information, but also includes the information used to indicate the column The information "fix: true" that the item does not participate in the merging, that is, the 9th column item does not participate in the merging under any circumstances. In this case, the terminal can form a merged group of the 4th to 6th column items according to the plurality of attribute information, and form a merged group of the 7th and 8th column items, so as to obtain two merged groups of the target list .

Table 1 Target list

Table 2 Attribute information corresponding to multiple column items of the target list

Step 202: Determine the first actual width of the target list, where the first actual width refers to the actual width of the target list after all the column items in the M merge groups are merged.

After obtaining M merged groups, the terminal may first calculate the actual width of the target list if all the M merged groups are merged according to the attribute information corresponding to the column items in the M merged groups and the merged column width ratio respectively , which is the first actual width of the target list. The combined column width ratio is a preset fixed ratio, and the combined column width ratio refers to the ratio of the width of the combined combined column to the minimum width.

After determining the first actual width, the terminal may compare the first actual width with the width of the current display area. If the first actual width is smaller than the width of the current display area, it means that the terminal only needs to merge the M merging groups or only needs to merge at least one merging group among the M merging groups, and the target list can be guaranteed. Completely displayed in the current display area. At this time, the terminal may execute step 203 to merge at least one merging group among the M merging groups.

If the first actual width is greater than the width of the current display area, it means that even if the terminal merges all M merged groups, the merged target list still cannot be completely displayed in the current display area. At this time, the terminal needs to execute Step 204: Select at least two column items for merging from the remaining column items except the M merging groups and the column items that do not participate in the merging.

It should be noted that, after obtaining M merging groups, for each merging group in the M merging groups, the terminal may calculate the merging group according to the column item width ratio in the attribute information corresponding to the column items in the merging group. The width of each column item in the group, resulting in the sum of the widths of all column items in the merged group. According to the above method, the terminal can obtain the sum of the widths of all column items in the M merged groups. After that, the terminal can multiply the width ratio of the merged column by the minimum width to obtain the width of one merged column. Since M merged combinations will obtain M merged columns, the sum of the widths of the M merged columns after merging is M times the sum of the widths. Take the width of one merged column. After that, the terminal may subtract the sum of the widths of the M merged columns from the sum of the widths of all the column items in the M merged groups to obtain the first actual width of the target list.

Step 203: If the first actual width is greater than the width of the current display area, merge the column items in at least one merged group among the M merged groups.

Based on the description in step 202, when the terminal determines that the first actual width is smaller than the width of the current display area, at this time, the terminal can merge column items in at least one merge group among the M merge groups.

Wherein, the operation of the terminal merging the column items in at least one merging group in the M merging groups can be divided into the following three steps:

2031: Sort the M merge groups according to the merge group serial numbers corresponding to the M merge groups respectively, to obtain a first sorting result.

The terminal may sort the M merging groups in descending order of merging group serial numbers, or may sort them in descending order of merging group serial numbers. When sorting in ascending order of the merge group sequence number, the smaller the merge group sequence number, the higher the merge priority of the column items in the merge group. When sorting in descending order of the merge group sequence number, the larger the merge group sequence number, the higher the merge priority of the column items in the merge group. In the embodiment of the present invention, the sorting according to the sequence number of the merged group from small to large is used as an example for explanation.

2032: Set i=1, merge the column items in the i-th merge group in the first sorting result, and determine the second actual width of the target list, where the second actual width refers to combining the first i in the first sorting result. The actual width of the target list after the column items in the merged groups are merged, i is a positive integer greater than or equal to 1 and less than or equal to M.

After obtaining the first sorting result, first set i=1, the terminal can merge the column items in the first merged group in the first sorting result, and determine the actual value of the target list after the first merged group is merged Width, that is, the second actual width.

It should be noted that, the operation of determining the second actual width by the terminal may be: obtaining the column item width ratio corresponding to each column item in the ith merged group and the merged column width ratio corresponding to the ith merged group; determining the first width and the second width, the first width refers to the sum of the products between the ratio of the column item width corresponding to each column item in the ith merged group and the minimum width, and the second width refers to the merged column corresponding to the ith merged group The product between the width ratio and the minimum width; determines the first width difference between the first width and the second width, and subtracts the first width difference from the minimum width and i-1 before the ith merged group The width differences corresponding to the respective groups are merged to obtain the second actual width of the target list.

Among them, when i=1, the terminal can multiply the width ratio corresponding to each column item in the first merged group by the minimum width to obtain the width of each column item, and add the width of each column item to obtain The total width occupied by all column items in the first merge group before merging, that is, the first width. Afterwards, the terminal may multiply the width ratio of the merged column by the minimum width to obtain the width of the merged column obtained after merging the column items in the first merged group, that is, the second width. The first width difference is obtained by subtracting the first width from the second width, and the first width difference is the reduced width of the target list after the column items in the first merge group are merged. The minimum width minus the first width difference is the actual width of the target list after the column items in the first merge group are merged.

When i=2, after the terminal calculates and obtains the first width difference corresponding to the second merging group, it needs to subtract the first width difference and the first width difference corresponding to the second merging group after the merging from the minimum width. The first width difference corresponding to the combination of the combined columns is obtained to obtain the second actual width.

By analogy, after the terminal calculates and obtains the first width difference corresponding to the i-th merged combination, it needs to subtract the minimum width from the i-th merged combination and the corresponding first width difference and the i-th combination. The width difference corresponding to the i-1 merged groups before the group is obtained to obtain the second actual width of the target list.

2033: When the second actual width of the target list is greater than the width of the current display area, set i=i+1, and return the step of merging the column items in the i-th merged group in the first sorting result, until the target list is reached. The second actual width is less than or equal to the width of the current display area.

After determining the second actual width of the target list after merging the column items in the first merged group, the terminal may compare the second actual width with the width of the current display area, and if the second actual width of the target list is greater than The width of the current display area means that the target list cannot be completely displayed in the current display area, and the second merge group needs to continue to be merged, that is, the terminal needs to set i=i+1, and return to 2032 to continue. Merge, and calculate the second actual width of the target list again after the merging, and continue to compare the size of the second actual width with the width of the current display area.

Through the above i cycles of calculation, until the second actual width is smaller than the width of the current display area, it means that the target list can be completely displayed in the current display area. At this time, the terminal can stop the cycle and merge the i-th group The target list after that is displayed in the current display area.

If after merging the first merging group, the second actual width of the target list is smaller than the width of the current display area, at this time, the terminal can directly display the complete target list after merging the first merging group in the current display area. in the display area.

Step 204: If the first actual width is smaller than the width of the current display area, select at least two column items from the remaining column items in the multiple column items except the M merged groups, and compare the columns in the M merged groups. item and at least two selected column items are merged separately.

Based on the description in step 202, if the first actual width of the target list is greater than the width of the current display area, it means that even if all the column items in the M merged groups are merged, the merged target list is still incomplete. displayed in the current display area. In this case, the terminal may select at least two column items from the remaining column items except the M merged groups among the multiple column items of the target list, and merge the selected at least two column items with the M items Groups are merged separately.

It should be noted that the operation of the terminal selecting at least two column items from the remaining column items except the M merged groups in the multiple column items of the target list may be: set k=2, determine the third column item in the target list The actual width, the third actual width refers to the actual width of the target list after merging all the column items in the M merge groups and merging the last k column items in the remaining column items, where k is a positive value greater than or equal to 2. Integer; if the third actual width of the target list is greater than the width of the current display area, then let k=k+1, return to the step of determining the third actual width of the target list, until the third actual width of the target list is less than or equal to the current display area When the width of the area is reached, the last k column items in the remaining column items are determined as the at least two selected column items.

The terminal may first set k=2, and determine the actual width of the target list when k=2. That is, the terminal can calculate the actual width of the merged target list, that is, the third actual width, when the last two column items are selected and all M merged groups are merged. Compare the third actual width with the width of the current display area. If the third actual width is less than or equal to the width of the current display area, it means that only the column items in the M merged groups and the last two column items are needed By merging, it can be ensured that the merged target list can be completely displayed in the current display area. If the third actual width is greater than the width of the current display area, it means that even if the column items in the M merged groups and the last two column items are merged, the target list cannot be completely displayed. At this time, the terminal can set k=k+1, return to the step of determining the third actual width of the target list, and select more column items until the number k of the selected column items can make the third actual width less than or equal to the current until the width of the display area, at this time, the k can be determined as at least two selected column items.

Optionally, for the selected k column items, the terminal may merge every N column items into a merged column according to the sequence of selecting the k column items, that is, the terminal may divide the k column items into at least one Merge groups to merge. For example, the terminal may combine every two adjacent column items as a combined group. Of course, the terminal may also directly combine the k column items as a combined group to obtain a combined column.

It should be noted that, if the terminal directly merges the k column items as a merged group, then, when determining the third actual width, the terminal can calculate the sum of the widths of the k column items, and calculate a merged column After that, the terminal can calculate the width difference between the sum of the widths of the k column items and the width of one merged column, and subtract the first actual width and the width difference from the minimum width, thereby obtaining the third target list. actual width.

If the terminal merges every N column items of the k column items as a merged group in the order of selecting the k column items, then, when determining the third actual width, the terminal can determine the k column items according to N The number of merged columns that can be obtained after the column items are merged, and the width difference between the sum of the widths of the k column items and the sum of the widths of all merged columns is calculated. After that, the terminal can subtract the first actual width from the minimum width. The width difference results in the third actual width of the target list.

For example, assuming N=2, when k=2, the terminal may calculate the width difference between the sum of the widths of the last two column items and the width of one merged column, and subtract the first actual width and the width from the minimum width difference, the third actual width of the target list is obtained. When k=4, the terminal can calculate the width difference between the sum of the widths of the last four column items and the sum of the widths of the two merged columns, and subtract the first actual width and the width difference from the minimum width to obtain the target The third actual width of the list.

In this embodiment of the present invention, when the minimum width is greater than the width of the current display area, the terminal may determine the M merging groups included in the multiple attribute information of the target list, and then the terminal may determine when the M merging groups should be The first actual width of the target list after all merges are performed. If the first actual width is smaller than the width of the current display area, it can be determined that only at least one merged group among the M merged groups can be merged. If the actual width is greater than the width of the current display area, it can be directly determined that all M merged groups will be merged. By merging the selected at least two column items and the M merged groups respectively, it can be ensured that the target list can be completely displayed in the current display area, which is more flexible than the layout of the list in the related art, even for different terminals. , the target list can also be guaranteed to be displayed completely.

The steps in the method shown in FIG. 2 will be described below through a specific example. Here, the target list provided in Table 1 and Table 2 and a plurality of attribute information of the target list are used as examples for description.

Assuming that the minimum width of the target list is w ₁ , and the width of the current display area is w ₂ , when w ₁ >w ₂ , the terminal obtains 2 merged groups according to the 9 attribute information of the target list, and determines to obtain when this After the 2 merge groups are merged, the first actual width of the target list is w ₃ .

Assuming that w ₃ <w ₂ , at this time, the terminal can first merge the column items in group1, that is, merge the 4th to 6th column items into a merged column. After that, the terminal can calculate the actual width w ₄ of the merged target list, and compare the w ₄ with w ₂ , if w ₄ <w ₂ , then the terminal can directly display the merged target list in the current display area middle. When displaying, the terminal can display the several column items in one merged column according to the display order of the attribute information corresponding to the column items in the merged group, for example, the 4th to 6th column items shown in Table 2 The corresponding display sorting is divided into col1, col2 and col3, then, when displaying, the 4th to 6th column items are displayed in the merged column according to this order. If the attribute information corresponding to the column items in the merged group does not include the display order, the display order is displayed according to the merge order of these column items, and of course, the display order can also be randomly displayed. In addition, if the attribute information corresponding to the column item in the merged group also includes the column name of the merged column, the terminal may also display the merged column according to the column name of the merged column. For example, the column name of the merged column corresponding to the 4th to 6th column items is "server information", then, after the merge, the column name of the merged column is "server information". The target list obtained after merging group1 according to the attribute information shown in Table 2 is shown in Table 3.

Table 3 Target list after merging group1

Assuming w ₄ >w ₂ , at this time, it means that the terminal only merges group1, and the merged target list still cannot be completely displayed in the current display area, and group2 needs to be merged, that is, the seventh and eighth column items need to be merged After merging, the target list can be completely displayed in the current display area. The target list obtained after merging group2 according to the attribute information shown in Table 2 is shown in Table 4.

Table 4. Target list after merging group2

Assuming w ₃ >w ₂ , at this time, it means that even if the terminal merges all the column items in group1 and group2, the merged target list still cannot be completely displayed in the current display area. At this time, the terminal needs to select from the remaining options. Select at least two column items to merge. Among them, since the attribute information of the last column item includes information indicating that the column item does not participate in the merge, at least two columns will be selected from the other three columns except the last column and the column items in the merge group. merge. The terminal can first calculate the third actual width w ₅ of the target after merging the last two column items with group1 and group2, and compare w ₅ with w ₂ , if w ₅ <w ₂ , then the terminal can Merge the last two column items with group1 and group2 respectively, and get the merged target list as shown in Table 5. In this case, since the attribute information corresponding to the last two column items does not include merge information, the terminal can display the two column items in the merged column according to the merge order of merging the two column items, and, The column name of the merged column can be set to this group3.

In the above-mentioned embodiment, it is introduced that the terminal first determines M merging groups according to multiple attribute information of the target list, and then determines the first actual width of the target list when all the M merging groups are merged, and determines the first actual width of the target list according to the first actual width. In practical applications, the terminal can also determine the first actual width, but obtain a merged column for each merge, determine the actual width of the target list once, and compare the actual width of the target list with the current The size of the width of the display area is used to determine whether to continue merging. This merging method will be explained below in conjunction with FIG. 3. As shown in FIG. 3, the method includes the following steps:

Step 301: If there is attribute information including the merge group serial number in the plurality of attribute information, the column items corresponding to the attribute information with the same merge group serial number are formed into a merge group to obtain M merge groups, where M is greater than or equal to 1. positive integer.

For a specific implementation manner of this step, reference may be made to the relevant explanation of step 201 in the foregoing embodiment, and details are not described herein again in this embodiment of the present invention.

Step 302: Sort the M merge groups according to the merge group serial numbers corresponding to the M merge groups respectively, to obtain a first sorting result.

For a specific implementation manner of this step, reference may be made to the relevant explanation about 2031 in the foregoing embodiment, which is not repeated here in this embodiment of the present invention.

Step 303: Set i=1, merge the column items in the i-th merged group in the first sorting result, and determine the second actual width of the target list. The actual width of the target list after the column items in the i merge groups are merged, where i is a positive integer greater than or equal to 1 and less than or equal to M.

For the specific implementation manner of this step, reference may be made to the relevant explanation of 2032 in the foregoing embodiment, which is not repeated here in this embodiment of the present invention.

Step 304: when the second actual width of the target list is greater than the width of the current display area, let i=i+1, and return to the step of merging the column items in the i-th merged group in the first sorting result, until the target Until the second actual width of the list is less than or equal to the width of the current display area, or until the second actual width of the target list is greater than the width of the current display area and i=M.

For the specific implementation of this step, reference may be made to the relevant explanation of 2033 in the foregoing embodiment, which is not repeated here in this embodiment of the present invention.

In addition, if the actual width of the target list is still larger than the width of the current display area after the M merged groups of the target list are merged through multiple cycles of steps 303 and 304, at this time, the terminal can pass step 305 The method in continues to merge the remaining column items in the multiple column items of the target list.

Step 305: If i=M and the second actual width of the target list is greater than the width of the current display area, select at least two column items to merge from the remaining column items except the M merge groups.

Wherein, when the terminal selects at least two list items from the remaining list items in the multiple list items except the M merged groups, the terminal can use the method described in step 204 to perform multiple loop calculations to make the merge The actual width of the subsequent target list is less than the number k of column items of the width of the current display area. Of course, the terminal can also select N column items at a time, merge the N column items into a merged column, and calculate the actual width of the merged target list. If it is still larger than the width of the current display area, then select N additional columns. The items are merged, and the actual width of the merged target list is determined. When the actual width of the target list is smaller than the width of the current display area, the merge is stopped.

In this embodiment of the present invention, the terminal may obtain a merged column for each merge, that is, compare the actual width of the merged target list with the width of the current display area until the actual width of the target list is less than or equal to the width of the current display area When the target list is displayed, the terminal will stop merging the column items in the target list. In this way, the terminal can ensure that the merged target list is completely displayed in the current display area, which ensures the integrity of the data information in the list and enables users to view the target list The data in the list brings convenience and improves the user experience.

In the above-mentioned embodiments, the terminal obtains a merged column each time it is merged, and compares the actual width of the merged target list with the width of the current display area to determine whether to continue merging the target list. Of course, the terminal can also determine a plurality of merged groups and column items to be merged by the method described in the following embodiments, so as to merge the determined merged groups and column items at one time, so that the merged target list can be complete displayed in the current display area. The merging method will be described below with reference to FIG. 4 . As shown in Figure 4, the method includes the following steps:

Step 401: If there is attribute information including the merge group serial number in the plurality of attribute information, the column items corresponding to the attribute information with the same merge group serial number are formed into a merge group to obtain M merge groups, where M is greater than or equal to 1. positive integer.

For a specific implementation manner of this step, reference may be made to the relevant explanation of step 201 in the foregoing embodiment, and details are not described herein again in this embodiment of the present invention.

Step 402: Select at least one merge group from the M merge groups or select at least two column items from the column items remaining in the multiple column items except the M merge groups, and compare the columns in the selected merge groups. item and at least two column items are merged separately.

Among them, the terminal can select the merged group to be merged according to the width of the current display area, and if selecting all the merged groups still cannot make the actual width of the merged target list smaller than the width of the current display area, the terminal can also choose from multiple At least two column items are selected from the remaining column items except the M merged groups among the column items. When the selected merge group and column item can make the actual width of the merged target list smaller than the width of the current display area, the terminal may merge the selected merge group and at least two column items at one time. In this way, the merged target list can be directly and completely displayed in the current display area.

Specifically, the operation of the terminal selecting at least one merging group from the M merging groups or selecting at least two column items from the remaining column items except the M merging groups among the plurality of column items may be: according to the M The M merged groups are sorted according to the merged group serial numbers corresponding to the merged groups respectively, and a first sorting result is obtained. Let i=1, determine the second actual width of the target list, the second actual width refers to the actual width of the target list when the column items in the first i merged groups in the first sorting result are merged, and i is greater than or equal to 1 and a positive integer less than or equal to M. When the second actual width of the target list is greater than the width of the current display area, let i=i+1, return to the step of determining the second actual width of the target list, until the second actual width of the target list is less than or equal to the current display area , or until the second actual width of the target list is greater than the width of the current display area and i=M, the first i merged group in the first sorting result is determined as the selected at least one merged group. If the second actual width of the target list is still larger than the width of the current display area until i=M, then at least two column items are selected from the remaining column items except the M merged groups among the plurality of column items.

It should be noted that, for the specific implementation manner of determining the second actual width of the target list by the terminal, reference may be made to the related implementation manner of 2032 in the foregoing embodiment, and the terminal selects the remaining column items from the multiple column items except the M merged groups. For the specific implementation manner of the at least two column items, reference may be made to the related implementation manners in step 204 and step 305 in the foregoing embodiment, which are not described again in this embodiment of the present invention.

In this embodiment of the present invention, the terminal may select a merge group to be merged according to the width of the current display area, and if selecting all merge groups still cannot make the actual width of the merged target list smaller than the width of the current display area, the terminal may At least two column items are selected from the remaining column items except the M merged groups among the plurality of column items. When the selected merging group and column item can make the actual width of the merged target list smaller than the width of the current display area, the terminal can merge the selected merging group and at least two column items at one time. Sexual merging makes the width of the merged target list adapt to the width of the current display area, and it is no longer necessary to compare the width of the target list with the width of the current display area every time the merge is performed, which reduces the number of merge operations.

It is described above through Figures 1-4 that when the minimum width is greater than the width of the current display area, at least two column items in the multiple column items of the target list are merged according to multiple attribute information of the target list, and displayed. A specific implementation manner of the merged target list. After the merged target list is displayed, the width of the current display area may change due to the user's operation during the display process. For example, the user may adjust the width of the current display area, reduce or The current display area is enlarged, or the user may switch the display and the target list on the current terminal to display on another terminal, resulting in a change in the width of the display area. Wherein, when the changed width of the current display area is larger than the current actual width of the target list, the terminal may split the merged target list to make the width of the target list adapt to the width of the current display area, thereby providing users with more Comfortable display interface. 5 is a flowchart of a method for splitting a merged target list provided by an embodiment of the present invention. As shown in FIG. 5 , the method includes the following steps:

Step 501: For each merged column in the R merged columns included in the target list, generate merged column attribute information based on the merged column, where the merged column attribute information includes the split attribute, the merged group serial number corresponding to the merged column, the merged column width ratio and The ratio of the column item width corresponding to each column item in the merged column, where R is a positive integer greater than or equal to 1.

After merging at least two of the multiple column items in the target list, if the R merged groups are merged during the merging, or if the number of merged groups and the selected at least two column items are combined If there are R merged groups, then the merged target list will include R merged columns. For each of the R merged columns, merged column attribute information of the merged column may be generated according to the merged column and the column items composing the merged column. The column items that form the merged column are the column items included in the merged group corresponding to the merged column.

For example, taking the merged target list shown in Table 3 as an example, the merged column is "server information", and according to the merged column, the terminal can generate the merged column attribute information corresponding to the merged column as "Field:'cpu',title :'Server information', percent: 0.1, merge: true, group: 'group1', mergefiled: 'cpu/memory/wa'". Among them, percent:0.1 is the merged column width ratio of the merged column, merge:true is the split attribute of the merged column, which is used to indicate that the merged column can be split, and group1 is the merged group and merged group corresponding to the merged column Serial number, cpu/memory/wa is the display order of the column items that make up the merged column in the merged column.

Further, the merged column attribute information may also include the column item width ratio corresponding to each column item in the merged column. For example, in the above example, when the column item width ratio corresponding to each column item is included, the The merge column attribute information of the merge column can be "Field: 'cpu', title: 'server information', percent: 0.1, merge: true, group: 'group1', mergefiled: 'cpu/memory/wa', perRec: 0.06 /0.06/0.15”.

Step 502: Determine the fourth actual width of the merged target list, where the fourth actual width is the actual width of the target list when the column items are merged and displayed.

After the target list is merged, the terminal may also determine a fourth actual width of the target list merged and displayed in the current display area. Wherein, for a column item that has not been merged, the terminal may calculate the width of the column item according to the width ratio of the column item corresponding to the column item, and for a merged column, the terminal may calculate the width ratio of the merged column according to the width ratio of the merged column. After that, add the width of the unmerged column item to the width of the merged column, which is the fourth actual width of the target list.

Step 503: When it is detected that the width of the current display area is greater than the fourth actual width, split at least one merged column among the R merged columns based on the width of the current display area and the fourth actual width.

In the process of displaying the merged target column item, the width of the current display area may change due to the user's operation. If the terminal determines that the changed width of the current display area is smaller than the fourth actual width, the terminal may continue to merge the remaining column items in the target list except the merged column by the method described in the foregoing embodiment. If the terminal determines that the width of the current display area is greater than the fourth actual width, the terminal may split the merged column in the target list, so that the width of the target list is adapted to the width of the current display area.

The steps for the terminal to split the merged column in the target list may be:

5031: Sort the R merged columns according to the merge group serial numbers corresponding to the R merged columns to obtain a second sorting result.

The terminal may first sort the R merged columns according to the merge group serial numbers corresponding to the R merged columns of the target list to obtain a second sorting result. The specific manner of sorting is the same as the manner of obtaining the first sorting result in the foregoing embodiment, which is not repeated in this embodiment of the present invention. In the next steps of the present implementation, the sorting is performed according to the order of the merged group serial numbers from small to large as an example for explanation.

5032: Let j=1, determine the third width and the fifth actual width of the target list, and the third width refers to the ratio of the column item width corresponding to each column item of the jth last merged column in the second sorting result to the fifth actual width. The sum of the products of the actual widths, the fifth actual width refers to the actual width of the target list after splitting the last j-1 merged columns in the second sorting result, and when j=1, the fifth actual width is the same as the fourth actual width. The actual width is equal.

After obtaining the second sorting result, first set j=1, the terminal can determine the actual width of the target list after splitting the last j-1 merged columns in the second sorting result, that is, the fifth actual width, when When j=1, the fifth actual width is the fourth actual width. After that, the terminal can multiply the column item width ratio corresponding to each column item of the last jth merged column by the fifth actual width to obtain that if the last jth merged column is split, the jth The width occupied by each column item in the merged column. After that, the terminal may add up the widths occupied by each column item in the jth merged column to obtain a third width.

5033: When the difference between the width of the current display area and the fifth actual width is greater than the third width, based on the column item width ratio corresponding to each column item in the last jth merged column, the jth merged column from the last Perform splitting, let j=j+1, and return to the step of determining the third width, until the width of the current display area is less than or equal to the fifth actual width of the target list, or until the width of the current display area is equal to the fifth actual width of the target list. The difference between the widths is less than the third width.

After the third width is determined, in order to avoid an infinite loop caused by the fact that the actual width of the split target list is greater than the actual width of the current display area, the terminal may calculate the difference between the width of the current display area and the fifth actual width , and compare the difference between the width of the current display area and the fifth actual width with the third width. If the difference between the width of the current display area and the fifth actual width is greater than the third width, it means that the merged column After splitting, the actual width of the target list will not be larger than the width of the current display area. At this time, the terminal may split the merged column based on the merged column attribute information of the jth last merged column.

After splitting the jth last merged column, the terminal may set j=j+1, determine the third width and the fifth actual width again, and compare the difference between the width of the current display area and the fifth actual width with the The third width is compared until the width of the current display area is less than or equal to the fifth actual width of the target list, or until the difference between the width of the current display area and the fifth actual width of the target list is less than the third width, indicating The actual width of the target list has already adapted to the width of the current display area, or it means that the target list is no longer suitable for further splitting. If the target list continues to be split, the actual width of the target list will be larger than the width of the current display area.

It should be noted that, when splitting the jth last merged column of the target list, the terminal may split one by one according to the display order of the column items of the merged column included in the merged column attribute information corresponding to the merged column. The width of the column item after splitting is the product of the column item width ratio of the column item and the fifth actual width.

In this embodiment of the present invention, after the terminal detects that the width of the current display area is greater than the actual width of the merged target list, the terminal may split the merged column included in the target list to make the target list fit into the current display area , so as to provide users with a more comfortable display interface.

The method for merging and displaying the target list, and splitting and displaying the merged target list is described above with reference to FIGS. 1-5 . Next, the apparatus for executing the above method will be explained in detail.

FIG. 6A is a block diagram of a list display apparatus provided by an embodiment of the present invention. As shown in FIG. 6A , the apparatus includes a first acquisition module 601 , a determination module 602 , a merge module 603 , and a first display module 604 .

The first obtaining module 601 is used to obtain the minimum width of the target list to be displayed and the attribute information corresponding to multiple column items in the target list respectively, and the minimum width is the minimum width that needs to be occupied when the target list is completely displayed;

a determining module 602, configured to determine the width of the current display area;

The merging module 603 is configured to merge at least two column items in the plurality of column items based on the obtained plurality of attribute information when the minimum width is greater than the width of the current display area;

The first display module 604 is configured to display the target list after the column items are merged. The merged column in the target list after the column items is merged includes the content of at least two column items, and the column name of the merged column is the same as the value of the at least two column items. The column names are not the same.

Optionally, referring to FIG. 6B, the merging module 603 includes:

The first determining unit 6031 is configured to, if there is attribute information including the merge group serial number in the plurality of attribute information, form a merge group with the column items corresponding to the attribute information with the same merge group serial number, so as to obtain M merge groups, where M is a positive integer greater than or equal to 1;

The second determining unit 6032 is configured to determine the first actual width of the target list, where the first actual width refers to the actual width of the target list after all the column items in the M merged groups are merged;

a first merging unit 6033, configured to merge the column items in at least one of the M merge groups if the first actual width of the target list is smaller than the width of the current display area;

The second merging unit 6034 is configured to, if the first actual width of the target list is greater than the width of the current display area, select at least two column items from the remaining column items in the multiple column items except the M merged groups, and The column items in the M merged groups and the at least two selected column items are merged respectively.

Optionally, the first merging unit 6033 includes:

a sorting subunit, configured to sort the M merged groups according to the merged group serial numbers corresponding to the M merged groups respectively, to obtain a first sorting result;

The first merging subunit is used to set i=1, merge the column items in the ith merged group in the first sorting result, and determine the second actual width of the target list, where the second actual width refers to the The actual width of the target list after the column items in the i merged groups are merged, i is a positive integer greater than or equal to 1 and less than or equal to M;

The first merging subunit is also used to set i=i+1 when the second actual width of the target list is greater than the width of the current display area, and return to merge the column items in the i-th merged group in the first sorting result. until the second actual width of the target list is less than or equal to the width of the current display area.

Optionally, it is determined that the first merging subunit is used for:

Obtain the column item width ratio corresponding to each column item in the ith merged group and the merged column width ratio corresponding to the ith merged group;

Determine the first width and the second width. The first width refers to the sum of the products between the ratio of the column item width corresponding to each column item in the ith merged group and the minimum width, and the second width refers to the ith merged group. The product between the corresponding merged column width ratio and the minimum width,;

Determine the first width difference between the first width and the second width, and subtract the first width difference from the minimum width and the width difference corresponding to the (i-1) merged groups before the i-th merged group , to get the second actual width of the target list.

Optionally, the second merging unit 6034 includes:

The determination subunit is used to set k=2 to determine the third actual width of the target list. The third actual width refers to merging all the column items in the M merge groups and merging the reciprocal k column items in the remaining column items. The actual width of the target list after merging, k is a positive integer greater than or equal to 2;

The determining subunit is also used for if the third actual width of the target list is greater than the width of the current display area, then let k=k+1, and return to the step of determining the third actual width of the target list, until the third actual width of the target list is less than or equal to the width of the current display area, determine the last k column items in the remaining column items as the at least two selected column items.

Optionally, the second merging unit 6034 includes:

The second merging subunit is used for merging the column items in the M merging groups respectively to obtain M merging columns;

The third merging subunit is configured to merge every N column items into a merged column according to the sequence of the selected at least two column items.

Optionally, the first display module 604 includes:

The first display unit is configured to use the merged column column name as the merged result obtained by merging the at least two column items when the at least two attribute information corresponding to the at least two column items merged into one merged column includes the merged column column name The column name of the column is displayed;

The second display unit is configured to set the column name of the merged column obtained by merging the at least two column items when the at least two attribute information corresponding to the at least two column items merged into one merged column does not include the merged column column name is the default column name, and the merged column is displayed according to the preset column name;

The third display unit is used for displaying the content of at least two column items in the merged column.

Optionally, referring to FIG. 6C, the apparatus 600 further includes:

The second obtaining module 605 is configured to obtain the column item width ratio of each column item in the plurality of column items when the minimum width is smaller than the width of the current display area;

The calculation module 606 is used to multiply the column item width ratio of each column item in the plurality of column items by the width of the current display area to obtain the column width of each column item;

The second display module 607 is configured to display the target list based on the column width of each column item.

Optionally, referring to FIG. 6D, the apparatus 600 further includes:

The generating module 608 is configured to, for each merged column in the R merged columns included in the target list, generate merged column attribute information based on the merged column, where the merged column attribute information includes the split attribute, the merged group serial number corresponding to the merged column, the merged column The width ratio and the column item width ratio corresponding to each column item in the merged column, R is a positive integer greater than or equal to 1;

The second determination module 609 is configured to determine the fourth actual width of the merged target list, where the fourth actual width is the actual width of the target list when the column items are merged and displayed;

The splitting module 610 is configured to split at least one merged column of the R merged columns based on the width of the current display area and the fourth actual width when it is detected that the width of the current display area is greater than the fourth actual width.

Optionally, the splitting module 610 includes:

a sorting unit, configured to sort the R merged columns according to the merge group serial numbers corresponding to the R merged columns to obtain a second sorting result;

The second determination unit is used to set j=1 to determine the third width and the fifth actual width of the target list, where the third width refers to the column item corresponding to each column item of the jth last merged column in the second sorting result The sum of the product of the width ratio and the fifth actual width, the fifth actual width refers to the actual width of the target list after splitting the reciprocal j-1 merged columns in the second sorting result, and when j=1, the fifth actual width is The actual width is equal to the fourth actual width;

The splitting unit is used to divide the penultimate jth merged column according to the column item width ratio corresponding to each column item in the penultimate jth merged Split the j merged columns, let j=j+1, return to the step of determining the third width, until the width of the current display area is less than or equal to the fifth actual width of the target list, or until the width of the current display area is equal to the width of the target list The difference between the fifth actual widths is less than the third width.

To sum up, in this embodiment of the present invention, when the minimum width is greater than the width of the current display area, the terminal may determine the M merged groups included in the multiple attribute information of the target list, and then the terminal may determine when If the first actual width of the target list after all the M merging groups are merged, if the first actual width is smaller than the width of the current display area, it can be determined that only at least one merging group in the M merging groups is merged, that is, Yes, if the first actual width is greater than the width of the current display area, it can be directly determined that all the M merged groups will be merged. It can ensure that the target list can be completely displayed in the current display area, which is more flexible than the layout of the list in the related art. Even for different terminals, the target list can be guaranteed to be displayed completely.

It should be noted that: when the list display device provided by the above-mentioned embodiment performs list display, only the division of the above-mentioned functional modules is used as an example for illustration. That is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the list display device and the list display method embodiments provided by the above embodiments belong to the same concept, and the specific implementation process thereof is detailed in the method embodiments, which will not be repeated here.

FIG. 7 is a block diagram of another list display apparatus 700 provided by an embodiment of the present invention. For example, the apparatus 700 may be provided as a server or a terminal. 7 , the apparatus 700 includes a processor 701 , a communication interface 702 , a memory 703 and a communication bus 704 .

As shown in FIG. 7 , the processor 701 , the communication interface 702 and the memory 703 communicate with each other through the communication bus 704 .

The processor 701 may be a CPU (Central Processing Unit, central processing unit), a microprocessor, an ASIC (application-specific integrated circuit, application-specific integrated circuit), or one or more integrated circuits for controlling the execution of the program of the present application circuit.

Communication bus 704 may include a path to communicate information between the above-described components.

The memory 703 may be a ROM (read-only memory, read only memory) or other types of static storage devices that can store static information and instructions, RAM (random access memory, random access memory) or other types that can store information and instructions It can also be an EEPROM (Electrically Erasable Programmable Read-Only Memory), CD-ROM (Compact Disc Read-Only Memory, CD-ROM) or other CD-ROM storage, CD-ROM storage (including compact disc, laser disc, compact disc, digital versatile disc, blu-ray disc, etc.), magnetic disk storage medium or other magnetic storage device, or capable of carrying or storing desired program code in the form of instructions or data structures and capable of being accessed by a computer any other medium, but not limited to. The memory 703 may exist independently, and is connected to the processor 701 through the communication bus 704 . The memory 703 may also be integrated with the processor 701 .

The communication interface 702, using any device such as a transceiver, is used to communicate with other devices or communication networks, such as Ethernet, wireless access network, WLAN (Wireless Local Area Networks, wireless local area network) and the like.

The memory 703 is used for storing the computer program for executing the solution of the present application, and the execution is controlled by the processor 701 . That is, the processor 701 is configured to execute the program stored in the memory, so as to realize the list display method provided by the embodiments shown in FIGS. 1-5 .

In an exemplary embodiment, a computer-readable storage medium is also provided, a computer program is stored in the computer-readable storage medium, and when the computer program stored in the computer-readable storage medium is executed by a processor of a server, The server is enabled to execute the list display method provided by the embodiments shown in FIGS. 1-5 .

Those of ordinary skill in the art can understand that all or part of the steps of implementing the above embodiments can be completed by hardware, or can be completed by instructing relevant hardware through a program, and the program can be stored in a computer-readable storage medium. The storage medium mentioned may be a read-only memory, a magnetic disk or an optical disk, etc.

The above are only preferred embodiments of the present invention and are not intended to limit the present invention. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the present invention shall be included in the protection of the present invention. within the range.

Claims (21)

1. A list display method, wherein the method comprises: Obtain the minimum width of the target list to be displayed and attribute information corresponding to multiple column items in the target list, where the minimum width is the minimum width that needs to be occupied when the target list is completely displayed; Determine the width of the current display area; When the minimum width is greater than the width of the current display area, combine at least two column items among the plurality of column items based on the obtained plurality of attribute information, and display the target list after the column items are merged , the merged column in the target list after the column item is merged includes the content of the at least two column items, and the column name of the merged column is different from the column name of the at least two column items; The target list after the display column items is merged includes: When at least two attribute information corresponding to at least two column items merged into one merged column includes a merged column column name, the merged column column name is used as a column of the merged column obtained by merging the at least two column items name is displayed; or, When the at least two attribute information corresponding to the at least two column items merged into one merged column does not include the merged column column name, the column name of the merged column obtained by merging the at least two column items is set as the preset column name , and display the merged column according to the preset column name; The contents of the at least two column items are displayed in the merged column. 2 . The method according to claim 1 , wherein the combining at least two column items in the plurality of column items based on the obtained plurality of attribute information comprises: 3 . If there is attribute information including the merge group serial number in the plurality of attribute information, the column items corresponding to the attribute information with the same merge group serial number are formed into a merge group to obtain M merge groups, where M is greater than or equal to 1 positive integer of ; determining the first actual width of the target list, where the first actual width refers to the actual width of the target list after all the column items in the M merged groups are merged; If the first actual width of the target list is smaller than the width of the current display area, merging the column items in at least one merging group in the M merging groups; If the first actual width of the target list is greater than the width of the current display area, selecting at least two column items from the column items remaining except the M merged groups among the plurality of column items, and The column items in the M merged groups and the at least two selected column items are merged respectively. 3. The method according to claim 2, wherein the merging of column items in at least one of the M merging groups comprises: Sort the M merge groups according to the merge group serial numbers corresponding to the M merge groups respectively, to obtain a first sorting result; Let i=1, merge the column items in the ith merge group in the first sorting result, and determine the second actual width of the target list, where the second actual width refers to the The actual width of the target list after the column items in the first i merged groups in the sorting result are merged, where i is a positive integer greater than or equal to 1 and less than or equal to the M; When the second actual width of the target list is greater than the width of the current display area, set i=i+1, and return to merge the column items in the i-th merged group in the first sorting result until the second actual width of the target list is less than or equal to the width of the current display area. 4. The method according to claim 3, wherein the determining the second actual width of the target list comprises: Obtain the column item width ratio corresponding to each column item in the ith merged group and the merged column width ratio corresponding to the ith merged group; Determine a first width and a second width, where the first width refers to the sum of the product of the ratio of the width of each column item corresponding to each column item in the i-th merged group and the product of the minimum width, and the second width The width refers to the product between the width ratio of the merged column corresponding to the ith merged group and the minimum width; determining a first width difference between the first width and the second width, and subtracting the first width difference and i-1 before the ith merged group from the minimum width The respective width differences corresponding to the groups are merged to obtain the second actual width of the target list. 5. The method according to claim 2, wherein the selecting at least two column items from the remaining column items in the plurality of column items except the M merged groups comprises: Let k=2, determine the third actual width of the target list, where the third actual width refers to merging all the column items in the M merge groups and merging the reciprocal k columns of the remaining column items the actual width of the target list after the items are merged, and the k is a positive integer greater than or equal to 2; If the third actual width of the target list is greater than the width of the current display area, set k=k+1, and return to the step of determining the third actual width of the target list until the third actual width of the target list is reached. 3. When the actual width is less than or equal to the width of the current display area, the last k column items in the remaining column items are determined as the at least two selected column items. 6. The method according to claim 2, wherein the merging of the column items in the M merged groups and the selected at least two column items respectively comprises: Merging the column items in the M merged groups respectively to obtain M merged columns; According to the sequence of the selected at least two column items, every N column items are merged into a merged column. 7. The method according to claim 5, wherein the merging of the column items in the M merged groups and the selected at least two column items respectively comprises: Merging the column items in the M merged groups respectively to obtain M merged columns; According to the sequence of the selected at least two column items, every N column items are merged into a merged column. 8. The method according to claim 1, wherein after the determining the width of the current display area, the method further comprises: When the minimum width is smaller than the width of the current display area, obtain the column item width ratio of each column item in the plurality of column items; multiplying the column item width ratio of each column item in the plurality of column items by the width of the current display area to obtain the column width of each column item; The target list is displayed based on the column width of each column item. 9. The method according to any one of claims 1-7, wherein after the displaying the target list after the column items are merged, the method further comprises: For each merged column in the R merged columns included in the target list, generate merged column attribute information based on the merged column, where the merged column attribute information includes a split attribute, a merged group sequence number corresponding to the merged column, The combined column width ratio and the column item width ratio corresponding to each column item in the combined column, the R is a positive integer greater than or equal to 1; determining the fourth actual width of the merged target list, where the fourth actual width is the actual width of the target list when the column items are merged and displayed; When it is detected that the width of the current display area is greater than the fourth actual width, split at least one merged column among the R merged columns based on the width of the current display area and the fourth actual width point. 10. The method according to claim 9, wherein the at least one merged column in the R merged columns is split based on the width of the current display area and the fourth actual width, include: Sort the R merged columns according to the merge group serial numbers corresponding to the R merged columns to obtain a second sorting result; Let j=1, determine the third width and the fifth actual width of the target list, where the third width refers to the column item width corresponding to each column item of the jth last merged column in the second sorting result The sum of the product of the ratio and the fifth actual width, where the fifth actual width refers to the actual width of the target list after splitting the last j-1 merged columns in the second sorting result, and in When the j=1, the fifth actual width is equal to the fourth actual width; When the difference between the width of the current display area and the fifth actual width is greater than the third width, based on the column item width ratio corresponding to each column item in the last jth merged column, set the The last jth merged column is split, and the j=j+1 is set, and the step of determining the third width is returned, until the width of the current display area is less than or equal to the fifth actual width of the target list, Or until the difference between the width of the current display area and the fifth actual width of the target list is smaller than the third width. 11. A list display device, characterized in that the device comprises: The first obtaining module is used to obtain the minimum width of the target list to be displayed and attribute information corresponding to multiple column items in the target list respectively, and the minimum width is the minimum width that needs to be occupied when the target list is completely displayed ; A determination module, used to determine the width of the current display area; a merging module, configured to merge at least two column items of the plurality of column items based on the obtained plurality of attribute information when the minimum width is greater than the width of the current display area; The first display module is configured to display the target list after the column items are merged, the merged column in the target list after the column items is merged includes the content of the at least two column items, and the column name of the merged column is the same as that of the merged column. The column names of the at least two column items are different; The first display module includes: The first display unit is configured to, when at least two attribute information corresponding to at least two column items merged into one merged column includes a merged column column name, use the merged column column name as a combination of the at least two column items. The column names of the merged columns obtained by the merge are displayed; The second display unit is configured to combine the columns of the merged column obtained by merging the at least two column items when the at least two attribute information corresponding to the at least two column items merged into one merged column does not include the merged column column name The name is set to the preset column name, and the merged column is displayed according to the preset column name; A third display unit, configured to display the content of the at least two column items in the merged column. 12. The apparatus according to claim 11, wherein the merging module comprises: The first determination unit is configured to, if there is attribute information including the merge group serial number in the plurality of attribute information, form a merge group with the column items corresponding to the attribute information with the same merge group serial number, so as to obtain M merge groups, The above M is a positive integer greater than or equal to 1; a second determining unit, configured to determine a first actual width of the target list, where the first actual width refers to the actual width of the target list after all the column items in the M merged groups are merged; a first merging unit, configured to merge column items in at least one merge group in the M merge groups if the first actual width of the target list is smaller than the width of the current display area; a second merging unit, configured to select, if the first actual width of the target list is greater than the width of the current display area, selecting from the remaining column items in the plurality of column items except the M merging groups at least two column items, and the column items in the M merged groups and the selected at least two column items are merged respectively. 13. The apparatus according to claim 12, wherein the first merging unit comprises: a sorting subunit, configured to sort the M merged groups according to the merged group serial numbers corresponding to the M merged groups respectively, to obtain a first sorting result; The first merging subunit is configured to set i=1, merge the column items in the i-th merged group in the first sorting result, and determine the second actual width of the target list, the second The actual width refers to the actual width of the target list after merging the column items in the ith merge group, where i is a positive integer greater than or equal to 1 and less than or equal to the M; The first merging subunit is further configured to set the i=i+1 when the second actual width of the target list is greater than the width of the current display area, and return the first sorting result of the first sorting result. The step of merging the column items in the i merging groups until the second actual width of the target list is less than or equal to the width of the current display area. 14. The apparatus according to claim 13, wherein the first merging subunit is used for: Obtain the column item width ratio corresponding to each column item in the ith merged group and the merged column width ratio corresponding to the ith merged group; Determine a first width and a second width, where the first width refers to the sum of the product of the ratio of the width of each column item corresponding to each column item in the i-th merged group and the product of the minimum width, and the second width The width refers to the product between the width ratio of the merged column corresponding to the ith merged group and the minimum width; determining a first width difference between the first width and the second width, and subtracting the first width difference and (i-1 before the ith merged group from the minimum width ) respectively corresponding width difference values of the merged groups to obtain the second actual width of the target list. 15. The apparatus according to claim 12, wherein the second merging unit comprises: Determining subunit, for setting k=2, and determining the third actual width of the target list, where the third actual width refers to merging all column items in the M merging groups and merging the remaining columns The actual width of the target list after the reciprocal k column items in the item are merged, where k is a positive integer greater than or equal to 2; The determining subunit is further configured to set k=k+1 if the third actual width of the target list is greater than the width of the current display area, and return to the step of determining the third actual width of the target list , until the third actual width of the target list is less than or equal to the width of the current display area, determine the last k column items in the remaining column items as the selected at least two column items. 16. The apparatus according to claim 12, wherein the second merging unit comprises: The second merging subunit is used for merging the column items in the M merging groups respectively to obtain M merging columns; The third merging subunit is configured to merge every N column items into a merged column according to the sequence of the selected at least two column items. 17. The apparatus according to claim 15, wherein the second merging unit comprises: The second merging subunit is used for merging the column items in the M merging groups respectively to obtain M merging columns; The third merging subunit is configured to merge every N column items into a merged column according to the sequence of the selected at least two column items. 18. The apparatus of claim 11, wherein the apparatus further comprises: a second obtaining module, configured to obtain the column item width ratio of each column item in the plurality of column items when the minimum width is smaller than the width of the current display area; a calculation module, configured to multiply the column item width ratio of each column item in the plurality of column items by the width of the current display area to obtain the column width of each column item; The second display module is configured to display the target list based on the column width of each column item. 19. The apparatus of claim 11, wherein the apparatus further comprises: The generating module is configured to, for each merged column in the R merged columns included in the target list, generate merged column attribute information based on the merged column, where the merged column attribute information includes a split attribute, and the merged column corresponds to The merged group serial number, the merged column width ratio and the column item width ratio corresponding to each column item in the merged column, the R is a positive integer greater than or equal to 1; a second determining module, configured to determine the fourth actual width of the merged target list, where the fourth actual width is the actual width of the target list when the column items are merged and displayed; A splitting module, configured to, when it is detected that the width of the current display area is greater than the fourth actual width, perform a splitting of the R merged columns based on the width of the current display area and the fourth actual width. At least one merged column is split. 20. The device according to claim 19, wherein the splitting module comprises: a sorting unit, configured to sort the R merged columns according to the merge group serial numbers corresponding to the R merged columns to obtain a second sorting result; The second determining unit is configured to set j=1 to determine a third width and a fifth actual width of the target list, where the third width refers to each of the jth last merged column in the second sorting result The sum of the product of the column item width ratio corresponding to the column item and the fifth actual width, where the fifth actual width refers to the target after splitting the reciprocal j-1 merged columns in the second sorting result the actual width of the list, and when the j=1, the fifth actual width is equal to the fourth actual width; A splitting unit, configured to, when the difference between the width of the current display area and the fifth actual width is greater than the third width, based on the value corresponding to each column item in the jth last merged column Column item width ratio, split the last jth merged column, let the j=j+1, return to the step of determining the third width, until the width of the current display area is less than or equal to the target list , or until the difference between the width of the current display area and the fifth actual width of the target list is smaller than the third width. 21. A list display device, characterized in that the list display device comprises a processor, a communication interface, a memory and a communication bus; The processor, the communication interface and the memory communicate with each other through the communication bus; The memory is used to store computer programs; The processor is used for executing the program stored in the memory, so as to realize the method steps of any one of claims 1-10.

Images