CN112925453B

CN112925453B - Component display method, device, electronic equipment and computer readable storage medium

Info

Publication number: CN112925453B
Application number: CN201911236757.XA
Authority: CN
Inventors: 杜君
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2019-12-05
Filing date: 2019-12-05
Publication date: 2022-07-15
Anticipated expiration: 2039-12-05
Also published as: CN112925453A

Abstract

The embodiment of the invention discloses a component display method, a component display device, electronic equipment and a computer readable storage medium, wherein the method comprises the following steps: in response to receiving a component starting sliding display command, sliding display is carried out on a first target component in a display area, wherein the first target component comprises two or more first target component columns, and the first target component columns comprise one or more first target sub-components; acquiring display attribute information of a first target assembly column; and in response to receiving the component stop sliding display command, adjusting the display position of the first target sub-component according to the current display position of the first target component column and the display attribute information, so that the bottom positions of the terminal first target sub-components of different first target component columns in the display area are aligned. The technical scheme can not only provide a neat and attractive display interface and improve the viewing efficiency of a user, but also retain effective information of different display contents, and realize flexible display of multiple types and multiple types of contents.

Description

Component display method, device, electronic equipment and computer readable storage medium

Technical Field

The embodiment of the invention relates to the technical field of data processing, in particular to a component display method and device, electronic equipment and a computer-readable storage medium.

Background

With the development of data technology and internet technology, users increasingly view related content such as web pages and the like through mobile terminals. In fact, the amount of information displayed by a lot of content, the required display area, and the occupied display space are all different, and in order to provide a neat and beautiful display interface for a user and improve the viewing efficiency of the user, the content with different information amounts, different display areas, and different occupied spaces is usually adjusted to occupy the same display area and the same display space, and even a double-row longitudinal waterfall flow view is provided to display the related content. Although the technical scheme can improve the viewing efficiency of the user to a certain extent, some useful information is inevitably lost, and flexible display of various types and kinds of contents cannot be realized.

Disclosure of Invention

The embodiment of the invention provides a component display method and device, electronic equipment and a computer readable storage medium.

In a first aspect, an embodiment of the present invention provides a component display method.

Specifically, the component display method includes:

in response to receiving a component start sliding display command, performing sliding display on the first target component in a display area, wherein the first target component comprises two or more first target component columns, and the first target component columns comprise one or more first target sub-components;

acquiring display attribute information of the first target component column, wherein the display attribute information at least comprises display window size information of the first target sub-component;

in response to receiving a component stop slide display command, adjusting the display position of the first target sub-component according to the current display position of the first target component column and the display attribute information, so that the bottom positions of the terminal first target sub-components of different first target component columns in the display area are aligned.

With reference to the first aspect, in a first implementation manner of the first aspect, the display windows of the first target sub-components of different first target component columns are different in size.

With reference to the first aspect and the first implementation manner of the first aspect, in a second implementation manner of the first aspect, the performing sliding display on the first target component in a display area in response to receiving a component start sliding display command includes:

in response to receiving a component starting sliding display command, determining a first target component column display starting position;

and performing sliding display on the first target subassembly in a display area based on the first target subassembly column display starting position.

With reference to the first aspect, the first implementation manner of the first aspect, and the second implementation manner of the first aspect, in a third implementation manner of the first aspect, the determining, in response to receiving a component start sliding display command, a display start position of a first target component column is configured to:

determining a current display position of the first target component column in response to receiving a component start slide display command;

when the top positions of the top first target subassemblies of different first target component columns in the display area are not aligned, adjusting the display positions of the first target subassemblies so that the top positions of the top first target subassemblies of different first target component columns in the display area are aligned;

determining a top position of a top first target subassembly of a first target component column in the display area as the first target component column display starting position.

With reference to the first implementation manner of the first aspect, the second implementation manner of the first aspect, and the third implementation manner of the first aspect, in a fourth implementation manner of the first aspect, the present disclosure further includes:

in response to detecting a second target component in the display area, adjusting the display position of the first target sub-component according to the current display position of the first target component column and the display attribute information so that the bottom positions of the end first target sub-components of different first target component columns in the display area are aligned.

With reference to the first aspect, the first implementation manner of the first aspect, the second implementation manner of the first aspect, the third implementation manner of the first aspect, and the fourth implementation manner of the first aspect, in a fifth implementation manner of the first aspect, the adjusting the display position of the first target sub-assembly according to the current display position of the first target assembly column and the display attribute information so that the bottom positions of the terminal first target sub-assemblies of different first target assembly columns in the display area are aligned is implemented as:

determining a current display position of the first target component column;

when the bottom positions of the terminal first target sub-components of different first target component columns in the display area are not aligned, determining the distance difference between the bottom positions of the terminal first target sub-components of different first target component columns and the bottom of the display area according to the current display position of the first target component column and the display attribute information;

adjusting a display position of the first target sub-assembly according to the distance difference such that bottom positions of end first target sub-assemblies of different first target component columns in the display area are aligned.

In a second aspect, an embodiment of the present invention provides a component display method.

Specifically, the component display method includes:

in response to receiving a component starting sliding display command, performing sliding display on the first target component in a display area, wherein the first target component comprises two or more first target component columns, and the first target component columns comprise one or more first target sub-components;

acquiring display attribute information of the first target sub-component, wherein the display attribute information at least comprises display window size information of the first target sub-component;

in response to receiving a component-sliding-display-stop command, automatically arranging the first target sub-components according to the current display positions of the first target sub-components, the display attribute information of the first target sub-components, and the positional relationship among the first target sub-components.

With reference to the second aspect, in a first implementation manner of the second aspect, the automatically arranging, in response to receiving a component stop sliding display command, the first target sub-component according to the current display position of the first target sub-component, the display attribute information of the first target sub-component, and the position relationship between the first target sub-components includes:

in response to receiving a component sliding stopping display command, acquiring a subassembly distance difference between bottom positions of first target subassemblies at the tail ends of different first target component columns in the display area according to the current display position of the first target subassembly;

and when the sub-component distance difference exceeds a preset distance threshold, automatically arranging the first target sub-components according to the display attribute information of the first target sub-components and the position relation between the first target sub-components.

With reference to the second aspect and the first implementation manner of the second aspect, in a second implementation manner of the second aspect, the automatically arranging the first target sub-component according to the display attribute information of the first target sub-component and the positional relationship between the first target sub-components when the sub-component distance difference exceeds a preset distance threshold is implemented as:

when the sub-component distance difference exceeds a preset distance threshold, adjusting the display position of the first target sub-component according to the sub-component distance difference, so that the bottom positions of the terminal first target sub-components of different first target component columns in the display area are aligned or basically aligned.

With reference to the second aspect, the first implementation manner of the second aspect, and the second implementation manner of the second aspect, in a third implementation manner of the second aspect, the automatically arranging the first target sub-component according to the display attribute information of the first target sub-component and the positional relationship between the first target sub-components when the sub-component distance difference exceeds a preset distance threshold is implemented as:

when the subassembly distance difference exceeds a preset distance threshold, adjusting the display order of the first target subassemblies according to the subassembly distance difference, so that the bottom positions of the terminal first target subassemblies of different first target subassembly columns in the display area are aligned or basically aligned.

In a third aspect, an embodiment of the present invention provides a component display apparatus.

Specifically, the component display device includes:

a first display module configured to perform a sliding display of the first target component within a display area in response to receiving a component initiation sliding display command, wherein the first target component comprises two or more first target component columns including one or more first target sub-components;

a first obtaining module configured to obtain display attribute information of the first target component column, wherein the display attribute information at least includes display window size information of the first target sub-component;

a first adjusting module configured to adjust, in response to receiving a component stop slide display command, a display position of the first target sub-component according to the current display position of the first target component column and the display attribute information so that bottom positions of end first target sub-components of different first target component columns in the display area are aligned.

With reference to the third aspect, in a first implementation manner of the third aspect, the display windows of the first target sub-components of different first target component columns are different in size.

With reference to the third aspect and the first implementation manner of the third aspect, in a second implementation manner of the third aspect, an embodiment of the present invention includes:

a determination sub-module configured to determine a first target component column display start position in response to receiving a component start slide display command;

a display sub-module configured to perform a sliding display of the first target sub-assembly within a display area based on the first target assembly column display start position.

With reference to the third aspect, the first implementation manner of the third aspect, and the second implementation manner of the third aspect, in a third implementation manner of the third aspect, the determining submodule is configured to:

in response to receiving a component launch slide display command, determining a current display position of the first target component column;

With reference to the third aspect, the first implementation manner of the third aspect, the second implementation manner of the third aspect, and the third implementation manner of the third aspect, in a fourth implementation manner of the third aspect, the present disclosure further includes:

a second adjustment module configured to adjust a display position of the first target subassembly according to the current display position of the first target component column and the display attribute information in response to detecting a second target component in the display area such that bottom positions of end first target subassemblies of different first target component columns in the display area are aligned.

With reference to the third aspect, the first implementation manner of the third aspect, the second implementation manner of the third aspect, the third implementation manner of the third aspect, and the fourth implementation manner of the third aspect, in a fifth implementation manner of the third aspect, the first adjusting module or the second adjusting module adjusts the display position of the first target sub-assembly according to the current display position of the first target component column and the display attribute information, so that a portion of the display area where bottom positions of end first target sub-assemblies of different first target component columns are aligned is configured to:

determining a current display position of the first target component column;

when the bottom positions of the terminal first target sub-components of different first target component columns in the display area are not aligned, determining the distance difference between the bottom positions of the terminal first target sub-components of the different first target component columns and the bottom of the display area according to the current display position of the first target component column and the display attribute information;

adjusting the display position of the first target sub-assembly according to the distance difference, so that the bottom positions of the terminal first target sub-assemblies of different first target component columns in the display area are aligned.

In a fourth aspect, an embodiment of the present invention provides a component display apparatus.

Specifically, the component display device includes:

a second display module configured to perform a sliding display of the first target component within a display area in response to receiving a component initiation sliding display command, wherein the first target component comprises two or more first target component columns including one or more first target sub-components;

a second obtaining module configured to obtain display attribute information of the first target sub-component, wherein the display attribute information at least includes display window size information of the first target sub-component;

an arrangement module configured to, in response to receiving a component-stop slide display command, automatically arrange the first target sub-components according to a current display position of the first target sub-components, display attribute information of the first target sub-components, and a positional relationship between the first target sub-components.

With reference to the fourth aspect, in a first implementation manner of the fourth aspect, the arrangement module includes:

the obtaining sub-module is configured to obtain a sub-assembly distance difference between bottom positions of first target sub-assemblies at the tail ends of different first target assembly columns in the display area according to the current display position of the first target sub-assemblies in response to receiving an assembly sliding stop display command;

an arrangement sub-module configured to automatically arrange the first target sub-components according to display attribute information of the first target sub-components and a positional relationship between the first target sub-components when the sub-component distance difference exceeds a preset distance threshold.

With reference to the fourth aspect and the first implementation manner of the fourth aspect, in a second implementation manner of the fourth aspect, the permutation sub-module is configured to:

With reference to the fourth aspect, the first implementation manner of the fourth aspect, and the second implementation manner of the fourth aspect, in a third implementation manner of the fourth aspect, the permutation sub-module is configured to:

when the sub-component distance difference exceeds a preset distance threshold, adjusting the display order of the first target sub-components according to the sub-component distance difference, so that the bottom positions of the terminal first target sub-components of different first target component columns in the display area are aligned or basically aligned.

In a fifth aspect, an embodiment of the present invention provides an electronic device, which includes a memory and a processor, the memory is used for storing one or more computer instructions for supporting a component display apparatus to execute the component display method, and the processor is configured to execute the computer instructions stored in the memory. The component display apparatus may further comprise a communication interface for the component display apparatus to communicate with other devices or a communication network.

In a sixth aspect, an embodiment of the present invention provides a computer-readable storage medium for storing computer instructions for a component display apparatus, which includes computer instructions for executing the component display method described above to the component display apparatus.

The technical scheme provided by the embodiment of the invention has the following beneficial effects:

according to the technical scheme, the display positions of two or more display component columns with different heights of the occupied area of the display component are controlled, so that the different display component columns can realize bottom alignment display when receiving a component sliding stopping display command. The technical scheme can not only provide a neat and attractive display interface and improve the viewing efficiency of a user, but also retain effective information of different display contents, and realize flexible display of various types and kinds of contents.

It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of embodiments of the invention.

Drawings

Other features, objects and advantages of embodiments of the invention will become more apparent from the following detailed description of non-limiting embodiments thereof, when taken in conjunction with the accompanying drawings. In the drawings:

FIG. 1 illustrates a flow diagram of a component display method according to an embodiment of the invention;

2-4 illustrate component display interface diagrams according to various embodiments of the present invention;

FIG. 5 shows a flowchart of step S101 of the component display method according to the embodiment shown in FIG. 1;

FIG. 6 illustrates a flow diagram of a component display method according to another embodiment of the invention;

7-10 illustrate component display interface diagrams according to various embodiments of the invention;

FIG. 11 illustrates a flow diagram of a component display method according to yet another embodiment of the invention;

fig. 12 illustrates a flowchart of step S1103 of the component display method according to the embodiment illustrated in fig. 11;

13-15 illustrate component display interface diagrams according to various embodiments of the invention;

fig. 16 is a block diagram showing a structure of a component display apparatus according to an embodiment of the present invention;

fig. 17 is a block diagram illustrating a structure of a first display module 1601 of the component display apparatus according to the embodiment shown in fig. 16;

fig. 18 is a block diagram illustrating a structure of a component display apparatus according to another embodiment of the present invention;

fig. 19 is a block diagram illustrating a structure of a component display apparatus according to still another embodiment of the present invention;

fig. 20 is a block diagram illustrating a structure of an arrangement module 1903 of the component display apparatus according to the embodiment illustrated in fig. 19;

FIG. 21 shows a block diagram of an electronic device according to an embodiment of the invention;

FIG. 22 is a block diagram of a computer system suitable for use in implementing a component display method in accordance with an embodiment of the present invention.

Detailed Description

Hereinafter, exemplary embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those skilled in the art can easily implement them. Also, for the sake of clarity, parts not relevant to the description of the exemplary embodiments are omitted in the drawings.

In the embodiments of the present invention, it is to be understood that terms such as "including" or "having", etc., are intended to indicate the presence of the features, numbers, steps, actions, components, parts, or combinations thereof disclosed in the present specification, and are not intended to exclude the possibility that one or more other features, numbers, steps, actions, components, parts, or combinations thereof may be present or added.

It should be noted that the embodiments and features of the embodiments may be combined with each other without conflict. Embodiments of the present invention will be described in detail below with reference to the accompanying drawings in conjunction with embodiments.

According to the technical scheme provided by the embodiment of the invention, through controlling the display positions of two or more display component rows with different heights of the occupied area of the contained display components, the different display component rows can realize bottom alignment display when receiving a component sliding stopping display command. The technical scheme can not only provide a neat and attractive display interface and improve the viewing efficiency of a user, but also retain effective information of different display contents, and realize flexible display of various types and kinds of contents.

Fig. 1 shows a flowchart of a component display method according to an embodiment of the present invention, which, as shown in fig. 1, includes the following steps S101-S103:

in step S101, in response to receiving a component start sliding display command, performing sliding display on the first target component in a display area, where the first target component includes two or more first target component columns, and the first target component columns include one or more first target sub-components;

in step S102, display attribute information of the first target component column is obtained, where the display attribute information at least includes display window size information of the first target sub-component;

in step S103, in response to receiving a component stop sliding display command, adjusting the display position of the first target subassembly according to the current display position of the first target component column and the display attribute information, so that the bottom positions of the end first target subassemblies of different first target component columns in the display area are aligned.

As mentioned above, with the development of data technology and internet technology, users increasingly view related content such as web pages through mobile terminals. In fact, the amount of information displayed by a lot of content, the required display area, and the occupied display space are all different, and in order to provide a neat and beautiful display interface for a user and improve the viewing efficiency of the user, the content with different information amounts, different display areas, and different occupied spaces is usually adjusted to occupy the same display area and the same display space, and even a double-row longitudinal waterfall flow view is provided to display the related content. Although the technical scheme can improve the viewing efficiency of the user to a certain extent, some useful information is inevitably lost, and flexible display of multiple types and multiple kinds of contents cannot be realized.

In view of the above, in this embodiment, a component display method is proposed that enables different display component columns to realize bottom-aligned display upon receiving a component stop slide display command by controlling the display positions of two or more display component columns that differ in the height of the area occupied by the contained display components. The technical scheme can not only provide a neat and attractive display interface and improve the viewing efficiency of a user, but also retain effective information of different display contents, and realize flexible display of various types and kinds of contents.

In an embodiment of the present invention, the component start sliding display command refers to a command for causing the component to start sliding display, which may be sent by a user or other component viewer, wherein the component start sliding display command is, for example, a sliding display start command that may be input for a sliding display start action detected by a finger sliding up or the like, a sliding display command selection, or the like. Similarly, the component-stop sliding display command refers to a command for causing the component to stop performing sliding display, which may also be transmitted by the user or other component viewer, such as a sliding display stop motion that may be detected for a preset period of time when the finger stops sliding up, or the like, a sliding display stop command that may be input for stopping sliding display command selection, or the like.

In one embodiment of the present invention, the first target component refers to a display component set composed of two or more first target sub-components. Wherein, for the purpose of displaying more information to the user at the same time, the first target component comprises two or more first target component columns, and each first target component column comprises one or more first target sub-components. In order to maximally retain effective information of different display contents, the display attribute information of different first target component columns may be different, for example, the heights of the areas occupied by the first target sub-components included in different first target component columns may be different, that is, the display window sizes of the first target sub-components of different first target component columns may be different, and of course, in some embodiments, the display window sizes of different first target sub-components of the same first target component column may also be different. Fig. 2 is a schematic diagram of a component display interface according to an embodiment of the present invention, as shown in fig. 2, a first display area of the display interface includes two first target component columns, each of the first target component columns includes a plurality of first target subassemblies, wherein the height of the area occupied by the first target subassemblies in the left column is the same, the height of the area occupied by the first target subassemblies in the right column is the same, and the height of the area occupied by the first target subassemblies in the left column is smaller than the height of the area occupied by the first target subassemblies in the right column, that is, the display windows of the first target subassemblies in the left column are smaller than the display windows of the first target subassemblies in the right column, so that an interface with the first target subassemblies being staggered longitudinally is formed.

After receiving a component sliding starting display command sent by a user or other component viewers, performing sliding display on the first target component in a preset display area, and after receiving a component sliding stopping display command sent by the user or other component viewers, stopping performing sliding display on the first target component in the preset display area. The preset display area refers to a preset area for displaying the first target assembly; the slide display is a display mode in which the first target component is caused to display the content included in the first target component at a certain slide speed.

As mentioned above, in order to keep effective information of different display contents to the maximum, the display window sizes of the first target sub-components of different first target component columns may be different, and the display window sizes of the different first target sub-components of the same first target component column may also be different, so that when the first target component is displayed in a sliding manner, the first target sub-components of different first target component columns will present a staggered sliding manner, for example, as shown in fig. 3, assuming that the left column of first target sub-components includes the first target sub-component 11, the first target sub-component 12, the first target sub-component 13, and the first target sub-component 14 … …, and the right column of first target sub-components includes the first target sub-component 21, the first target sub-component 22, and the first target sub-component 23 … …, when the left column of first target sub-components is displayed to the first target sub-component 14, the right column of first target sub-components only displays the first target sub-component 23, and there may be situations where the remaining non-displayed content of the first target sub-components located in the left and right columns is different, such as the entire content of the first target sub-component 14 located in the left column is displayed or the remaining non-displayed content is less, while the first target sub-component 23 located in the right column is not displayed or the remaining non-displayed content is more, or the left column of first target sub-components is not displayed or the remaining non-displayed content is more, while the right column of first target sub-components is displayed or the remaining non-displayed content is less. If a command for stopping the sliding display of the first target component is received, the first target sub-component which is not displayed completely is lost in display content, which is not beneficial to improving the display service quality.

Therefore, in an embodiment of the present invention, after receiving a component stop sliding display command sent by a user or other component viewers, the display position of the first target subassembly is adjusted according to the current display position of the first target component column and the display attribute information, so that the bottom positions of the end first target subassemblies of different first target component columns in the first display area are aligned. As shown in fig. 4, if a component stop sliding display command is received, the left column of the first target sub-component is displayed to the first target sub-component 14 and already displayed, and the right column of the first target sub-component is displayed to only the first target sub-component 23 and not already displayed, and some content is not displayed, at this time, the display position of the first target sub-component 23 may be adjusted, for example, the first target sub-component 23 is slid upward for a distance, so that the bottom position of the first target sub-component 14 at the end of the left column is aligned with the bottom position of the first target sub-component 23 at the end of the right column in the first display area.

In an embodiment of the present invention, as shown in fig. 5, the step S101, that is, the step of performing a sliding display on the first target component in the display area in response to receiving the component start sliding display command, includes the following steps S501 to S502:

in step S501, in response to receiving a component start sliding display command, determining a first target component column display start position;

in step S502, the first target subassembly is displayed in a sliding manner in a display area based on the first target subassembly column display start position.

In order to accurately perform the sliding display of the display component, in this embodiment, when a component start sliding display command is received, it is necessary to first determine a display start position of a first target component column, where the display start position of the first target component column may be set to be at a top position of a target sub-component currently located at the top of the first display area; and then, sliding display is carried out on the first target subassembly in a display area based on the display starting position of the first target subassembly column. As shown in fig. 3, the first target assembly column display start position is a top position of the first target sub-assembly 11 and the first target sub-assembly 21 currently located at the top of the first display area.

In an embodiment of the present invention, the step S501, that is, the step of determining the display starting position of the first target component column in response to receiving the component start sliding display command, may be configured to:

Considering that when the component start sliding display command is received, the top positions of the top first target subassemblies of different first target component columns in the display area may not be aligned, at this time, the display position of the first target subassembly needs to be adjusted so that the top positions of the top first target subassemblies of different first target component columns in the display area are in an aligned state. That is, in this embodiment, when the component start slide display command is received, the current display position of the first target component column is first determined; when determining that the top positions of the top first target sub-assemblies of different first target component columns in the display area are not aligned, adjusting the display positions of the first target sub-assemblies so that the top positions of the top first target sub-assemblies of different first target component columns in the display area are aligned; and then determining the top position of the first target subassembly at the top end of the first target component column in the display area as the display starting position of the first target component column.

In an embodiment of the present invention, the method further includes a step of displaying the second target component, that is, as shown in fig. 6, the component display method includes the following steps S601 to S604:

in step S601, in response to receiving a component start sliding display command, performing sliding display on the first target component in a display area, where the first target component includes two or more first target component columns, and the first target component columns include one or more first target sub-components;

in step S602, acquiring display attribute information of the first target component column, where the display attribute information at least includes display window size information of the first target sub-component;

in step S603, in response to receiving a component stop sliding display command, adjusting a display position of the first target subassembly according to the current display position of the first target component column and the display attribute information, so that bottom positions of end first target subassemblies of different first target component columns in the display area are aligned;

in step S604, in response to detecting a second target component in the display area, adjusting the display position of the first target sub-component according to the current display position of the first target component column and the display attribute information, so that the bottom positions of the end first target sub-components of different first target component columns in the display area are aligned.

In order to provide multiple types and multiple types of display contents for the user, in this implementation, a second target component is further provided, wherein the type of the display contents and the type of the display of the second target component may be different from those of the first target component, and the type of the display may be, for example, a static display, a dynamic display, a horizontal single-column display, a vertical single-column display, a horizontal split-column display, a vertical split-column display, or the like. For example, the first target assembly may display a static clothing picture and the second target assembly may display a dynamic toy picture, and further for example, the first target assembly may be displayed in a vertically split display and the second target assembly may be displayed in a horizontally single column display, as shown in fig. 7, in which fig. 7, the first target subassembly 17, the first target subassembly 18, the first target subassembly 19, the first target subassembly 28, and the first target subassembly 29 are displayed in a vertically split display in a first display area for displaying the first target assembly, and the second target subassembly 31, the second target subassembly 32, and the second target subassembly 33 are displayed in a horizontally single column in a second display area for displaying the second target assembly; of course, the second target subassembly may also be displayed in a horizontal column, as shown in fig. 8, and in fig. 8, the second target subassembly 31 and the second target subassembly 32 are displayed in a horizontal column in the second display area. The width of the second display area where the second target component is located and the width of the first display area where the first target component is located may be the same as or different from each other as shown in fig. 9 and 10.

In an embodiment of the present invention, the second target component may be a preset content component, or a content component obtained through operations such as loading and jumping according to a trigger command of a user. Similar to the first target component, the second target component may include one or more second target sub-components.

In order to improve the display quality of the second target component, when the second target component is detected in the display area, the display position of the first target sub-component may be adjusted according to the current display position of the first target component column and the display attribute information so that the bottom positions of the end first target sub-components of different first target component columns in the display area are aligned, similar to the operation of receiving the component stop sliding display command described above.

In an embodiment of the present invention, the adjusting the display position of the first target sub-assembly according to the current display position of the first target component row and the display attribute information in step S103 and step S604, so that the bottom positions of the end first target sub-assemblies of different first target component rows in the display area are aligned, may be implemented as:

determining a current display position of the first target component column;

In order to accurately achieve the effect of bottom position alignment of the end first target sub-assemblies of different first target component columns, in this embodiment, the current display position of the first target component column is first determined; then when it is confirmed that the bottom positions of the terminal first target sub-assemblies of different first target component columns in the display area are not aligned, determining a distance difference Δ S between the bottom positions of the terminal first target sub-assemblies of different first target component columns and the bottom of the display area according to the current display position of the first target component column and the display attribute information, as shown in fig. 3; and finally, adjusting the display position of the first target subassembly according to the distance difference, so that the bottom positions of the terminal first target subassemblies of different first target subassembly columns in the display area are aligned.

Fig. 11 illustrates a flowchart of a component display method according to still another embodiment of the present invention, which includes the following steps S1101-S1103, as shown in fig. 11:

in step S1101, in response to receiving a component start sliding display command, performing sliding display on the first target component in a display area, where the first target component includes two or more first target component columns, and the first target component columns include one or more first target sub-components;

in step S1102, display attribute information of the first target sub-component is obtained, where the display attribute information at least includes display window size information of the first target sub-component;

in step S1103, in response to receiving a component stop slide display command, automatically arranging the first target sub-components according to the current display position of the first target sub-components, the display attribute information of the first target sub-components, and the positional relationship between the first target sub-components.

As mentioned above, with the development of data technology and internet technology, users increasingly view related content such as web pages through mobile terminals. In fact, the amount of information displayed by a lot of content, the required display area, and the occupied display space are all different, and in order to provide a neat and beautiful display interface for a user and improve the viewing efficiency of the user, the content with different amounts of information, different display areas, and different occupied spaces is usually adjusted to occupy the same display area and the same display space, and even a double-row longitudinal waterfall flow view is provided to display related content. Although the technical scheme can improve the viewing efficiency of the user to a certain extent, some useful information is inevitably lost, and flexible display of multiple types and multiple kinds of contents cannot be realized.

In view of the above problem, in this embodiment, a component display method is proposed that enables different display element columns to realize bottom-aligned or substantially aligned display upon receiving a component-stop slide display command by controlling the arrangement of two or more display element columns that differ in height of the area occupied by the included display elements. The technical scheme can not only provide a neat and attractive display interface and improve the viewing efficiency of a user, but also retain effective information of different display contents, and realize flexible display of multiple types and multiple types of contents.

In an embodiment of the present invention, as shown in fig. 12, the step S1103, that is, the step of automatically arranging the first target sub-component according to the current display position of the first target sub-component, the display attribute information of the first target sub-component, and the positional relationship between the first target sub-components in response to receiving the component stop slide display command, includes the following steps S1201-S1202:

in step S1201, in response to receiving a component sliding display stopping command, obtaining a subassembly distance difference between bottom positions of first target subassemblies at the ends of different first target component columns in the display area according to the current display position of the first target subassembly;

in step S1202, when the sub-component distance difference exceeds a preset distance threshold, automatically arranging the first target sub-components according to display attribute information of the first target sub-components and a positional relationship between the first target sub-components.

In order to achieve automatic arrangement of the first target sub-components when a component sliding stopping display command is received, so as to provide a neat and attractive display interface, improve the viewing efficiency of a user, and simultaneously retain effective information of different display contents, in this embodiment, when a component sliding stopping display command is received, firstly, according to the current display position of the first target sub-components, a sub-component distance difference Δ L between bottom positions of first target sub-components at the ends of different first target component columns in the display area is obtained, as shown in fig. 13; and when the subassembly distance difference DeltaL exceeds a preset distance threshold, automatically arranging the first target subassemblies according to the display attribute information of the first target subassemblies and the position relationship between the first target subassemblies, wherein the preset distance threshold can be set according to the display requirements of practical application.

In an embodiment of the present invention, the automatic arrangement refers to an arrangement adjustment performed on the first target sub-assembly, which may include the above-described movement adjustment on one or some first target sub-assembly display window or the adjustment on the order of one or some first target sub-assembly display window in the current display area.

That is, in an embodiment of the present invention, the step S1202 of automatically arranging the first target sub-component according to the display attribute information of the first target sub-component and the position relationship between the first target sub-components when the sub-component distance difference exceeds a preset distance threshold may be implemented as:

when the subassembly distance difference exceeds a preset distance threshold, adjusting the display position of the first target subassembly according to the subassembly distance difference, so that the bottom positions of the terminal first target subassemblies of different first target subassembly columns in the display area are aligned or basically aligned.

In this embodiment, mainly the display window of the terminal first target subassembly of the different first target subassembly columns in the display area is adjusted in a moving manner, for example, as shown in fig. 13, if the terminal first target subassembly 14 of the left first target subassembly column in the display area is completely displayed, the terminal first target subassembly 23 of the right first target subassembly column is not completely displayed, and the subassembly distance difference between the bottom position of the first target subassembly 23 and the bottom position of the first target subassembly 14 is Δ L, the first target subassembly 23 which is not completely displayed and the first target subassemblies 22 and 21 above the first target subassembly 23 can be moved upward by the distance Δ L to completely display the first target subassembly 23 and align or substantially align the bottom position of the first target subassembly 23 and the bottom position of the first target subassembly 14, as shown in fig. 14.

The basic alignment refers to that the subassembly distance difference Δ L between bottom positions of first target subassemblies at the ends of different first target subassembly columns in the display area is smaller than or equal to a certain preset distance difference threshold, which can be determined according to display requirements of practical applications, for example, can be set to 1mm or the like.

In another embodiment of the present invention, the step S1202 of automatically arranging the first target sub-component according to the display attribute information of the first target sub-component and the position relationship between the first target sub-components when the sub-component distance difference exceeds the preset distance threshold may be further implemented as:

In this embodiment, mainly the display order of different first target sub-assemblies in the display area is adjusted by conversion, for example, as shown in fig. 13, if the first target sub-assembly 14 at the end of the left column of first target assemblies in the display area is completely displayed and the first target sub-assembly 23 at the end of the right column of first target assemblies is not completely displayed, the sub-assembly distance difference between the bottom position of the first target sub-assembly 23 and the bottom position of the first target sub-assembly 14 is Δ L, the display window of the first target sub-assembly 24 to be displayed under the first target sub-assembly 23 is smaller than the display window of the first target sub-assembly 23, and the difference between the height difference between the display window height of the first target sub-assembly 24 and the display window height of the first target sub-assembly 23 and the sub-assembly distance difference Δ L is smaller than the preset distance difference threshold, at this time, the display order of the first target subassembly 23 and the first target subassembly 24 may be adjusted, that is, the first target subassembly 24 is displayed first, and then the first target subassembly 23 is displayed, so that the bottom position of the first target subassembly 24, which is the end of the right column of first target subassemblies, is aligned or substantially aligned with the bottom position of the first target subassembly 14, which is the end of the left column of first target subassemblies, as shown in fig. 15.

Technical features related to the embodiments shown in fig. 11 to 15 and related embodiments are the same as or similar to the technical features described in the embodiments shown in fig. 1 to 10, and the explanation and description of the related technical features may refer to the explanation and description of the technical features in the embodiments shown in fig. 1 to 10, and are not repeated herein.

The following are embodiments of the apparatus of the present invention that may be used to perform embodiments of the method of the present invention.

Fig. 16 is a block diagram illustrating a component display apparatus according to an embodiment of the present invention, which may be implemented as part or all of an electronic device by software, hardware, or a combination of both. As shown in fig. 16, the component display apparatus includes:

a first display module 1601 configured to, in response to receiving a component start slide display command, slide display the first target component within a display area, wherein the first target component includes two or more first target component columns including one or more first target sub-components;

a first obtaining module 1602, configured to obtain display attribute information of the first target component column, where the display attribute information at least includes display window size information of the first target sub-component;

a first adjusting module 1603 configured to, in response to receiving a component stop sliding display command, adjust the display position of the first target subassembly according to the current display position of the first target component column and the display attribute information so that the bottom positions of the end first target subassemblies of different first target component columns in the display area are aligned.

In view of the above, in this embodiment, a component display apparatus is proposed that enables different display component columns to realize a bottom-aligned display upon receiving a component stop slide display command by controlling the display positions of two or more display component columns that differ in the height of the area occupied by the contained display components. The technical scheme can not only provide a neat and attractive display interface and improve the viewing efficiency of a user, but also retain effective information of different display contents, and realize flexible display of multiple types and multiple types of contents.

In an embodiment of the present invention, the component-initiated slide display command refers to a command for causing the component to start slide display, and may be sent by a user or other component viewer, wherein the component initiates a slide display command, such as a slide display initiation command that may be input for a detected slide display initiation action such as sliding a finger up, a slide display command selection, or the like. Similarly, the component-stop slide display command refers to a command for causing the component to stop the slide display, and may also be transmitted by the user or other component viewer, such as a slide display stop command that may be input for a slide display stop motion detected by stopping the finger from sliding up for a preset period of time or the like, a stop slide display command selection, or the like.

In one embodiment of the present invention, the first target component refers to a display component set composed of two or more first target sub-components. Wherein, for displaying more information to the user at the same time, the first target component comprises two or more first target component columns, and each first target component column comprises one or more first target sub-components. In order to retain effective information of different display contents to the greatest extent, the display attribute information of different first target component columns may be different, for example, the heights of the areas occupied by the first target sub-components included in different first target component columns may be different, that is, the sizes of the display windows of the first target sub-components of different first target component columns may be different, and of course, in some embodiments, the sizes of the display windows of different first target sub-components of the same first target component column may also be different. Fig. 2 is a schematic diagram of a component display interface according to an embodiment of the present invention, as shown in fig. 2, a first display area of the display interface includes two first target component columns, each of the first target component columns includes a plurality of first target subassemblies, wherein the height of the area occupied by the first target subassemblies in the left column is the same, the height of the area occupied by the first target subassemblies in the right column is the same, and the height of the area occupied by the first target subassemblies in the left column is smaller than the height of the area occupied by the first target subassemblies in the right column, that is, the display windows of the first target subassemblies in the left column are smaller than the display windows of the first target subassemblies in the right column, so that an interface with the first target subassemblies being staggered longitudinally is formed.

And after receiving a component sliding display starting command sent by a user or other component viewers, performing sliding display on the first target component in a preset display area, and after receiving a component sliding display stopping command sent by the user or other component viewers, stopping performing sliding display on the first target component in the preset display area. The preset display area refers to a preset area for displaying the first target assembly; the sliding display refers to a display mode in which the first target component is caused to display the content included in the first target component at a certain sliding speed.

As mentioned above, in order to keep effective information of different display contents to the maximum, the display window sizes of the first target sub-components of different first target component columns may be different, and the display window sizes of the different first target sub-components of the same first target component column may also be different, so that when the first target component is displayed in a sliding manner, the first target sub-components of different first target component columns will present a staggered sliding manner, for example, as shown in fig. 3, assuming that the left column of first target sub-components includes the first target sub-component 11, the first target sub-component 12, the first target sub-component 13, and the first target sub-component 14 … …, and the right column of first target sub-components includes the first target sub-component 21, the first target sub-component 22, and the first target sub-component 23 … …, when the left column of first target sub-components is displayed to the first target sub-component 14, the right column of first target sub-components only shows the first target sub-component 23, and there may be cases where the left column and the right column of first target sub-components have different remaining non-shown contents, such as the left column of first target sub-components 14 has all shown or less remaining non-shown contents, and the right column of first target sub-components 23 has not shown or more remaining non-shown contents, or the left column of first target sub-components has not shown or more remaining non-shown contents, and the right column of first target sub-components has shown or less remaining non-shown contents. If a command for stopping the sliding display of the first target component is received, the first target sub-component which is not displayed completely is lost in display content, which is not beneficial to improving the display service quality.

In one embodiment of the present invention, as shown in fig. 17, the first display module 1601 includes:

a determination submodule 1701 configured to determine a first target component column display start position in response to receiving a component start slide display command;

a display sub-module 1702 configured to perform a sliding display of the first target sub-component within a display area based on the first target component column display start position.

In order to accurately perform the slide display for the display component, in this embodiment, when the component start slide display command is received, the determination sub-module 1701 needs to first determine the display start position of the first target component column, where the display start position of the first target component column may be set to the top position of the target sub-component currently located at the top of the first display area; the display sub-module 1702 then performs a sliding display of the first target sub-assembly within the display area based on the first target assembly column display start position. As shown in fig. 3, the first target assembly column display start position is at the top position of the first target sub-assembly 11 and the first target sub-assembly 21 currently located at the top of the first display area.

In one embodiment of the present invention, the determination submodule 1701 may be configured to:

Considering that when the component start sliding display command is received, the top positions of the top first target subassemblies of different first target component columns in the display area may not be aligned, the display positions of the first target subassemblies need to be adjusted to make the top positions of the top first target subassemblies of different first target component columns in the display area in an aligned state. That is, in this embodiment, when the component start slide display command is received, the current display position of the first target component column is first determined; when determining that the top positions of the top first target sub-assemblies of different first target component columns in the display area are not aligned, adjusting the display positions of the first target sub-assemblies so that the top positions of the top first target sub-assemblies of different first target component columns in the display area are aligned; and then determining the top position of the first target subassembly at the top end of the first target subassembly column in the display area as the display starting position of the first target subassembly column.

In an embodiment of the present invention, the apparatus further includes a portion for displaying a second target component, that is, as shown in fig. 18, the component display apparatus includes:

a first display module 1801, configured to perform a sliding display of the first target component within the display area in response to receiving a component-initiated sliding display command, wherein the first target component includes two or more first target component columns including one or more first target sub-components;

a first obtaining module 1802 configured to obtain display attribute information of the first target component column, wherein the display attribute information includes at least display window size information of the first target sub-component;

a first adjusting module 1803, configured to, in response to receiving a component-stop sliding display command, adjust a display position of the first target sub-assembly according to the current display position of the first target component column and the display attribute information, so that bottom positions of end first target sub-assemblies of different first target component columns in the display area are aligned;

a second adjustment module 1804 configured to, in response to detecting a second target component in the display area, adjust a display position of the first target sub-component in accordance with the current display position of the first target component column and the display attribute information such that bottom positions of end first target sub-components of different first target component columns in the display area are aligned.

In order to provide multiple types and multiple types of display contents for the user, in this implementation, a second target component is further provided, wherein the type of the display contents and the type of the display of the second target component may be different from those of the first target component, and the type of the display may be, for example, a static display, a dynamic display, a horizontal single-column display, a vertical single-column display, a horizontal split-column display, a vertical split-column display, or the like. For example, the first target assembly may display a static clothing picture and the second target assembly may display a dynamic toy picture, and further for example, the first target assembly may be displayed in a vertically split display, and the second target assembly may be displayed in a horizontally single-column display, as shown in fig. 7, in which fig. 7, the first target subassembly 17, the first target subassembly 18, the first target subassembly 19, the first target subassembly 28, and the first target subassembly 29 are displayed in a vertically split display in a first display area for displaying the first target assembly, and the second target subassembly 31, the second target subassembly 32, and the second target subassembly 33 are displayed in a horizontally single-column display in a second display area for displaying the second target assembly; of course, the second target subassembly may also be displayed in a horizontal column, as shown in fig. 8, and in fig. 8, the second target subassembly 31 and the second target subassembly 32 are displayed in a horizontal column in the second display area. The width of the second display area where the second target component is located and the width of the first display area where the first target component is located may be the same as or different from each other as shown in fig. 9 and 10.

In order to improve the display quality of the second target component, when the second target component is detected in the display area, the display position of the first target sub-component may be adjusted according to the current display position of the first target component column and the display attribute information so that the bottom positions of the end first target sub-components of different first target component columns in the display area are aligned, similar to the operation of receiving the component stop slide display command described above.

In an embodiment of the present invention, a portion of the first adjusting module or the second adjusting module, which adjusts the display position of the first target sub-assembly according to the current display position of the first target component column and the display attribute information, so that bottom positions of end first target sub-assemblies of different first target component columns in the display area are aligned, may be configured to:

determining a current display position of the first target component column;

In order to accurately achieve the effect of bottom position alignment of the end first target sub-assemblies of different first target component columns, in this embodiment, the current display position of the first target component column is first determined; then when the bottom positions of the terminal first target sub-assemblies of different first target component columns in the display area are determined to be not aligned, determining the distance difference Delta S between the bottom positions of the terminal first target sub-assemblies of different first target component columns and the bottom of the display area according to the current display position of the first target component column and the display attribute information, as shown in FIG. 3; and finally, adjusting the display position of the first target subassembly according to the distance difference, so that the bottom positions of the terminal first target subassemblies of different first target subassembly columns in the display area are aligned.

Fig. 19 is a block diagram illustrating a component display apparatus according to still another embodiment of the present invention, which may be implemented as part or all of an electronic device by software, hardware, or a combination of both. As shown in fig. 19, the component display apparatus includes:

a second display module 1901 configured to, in response to receiving a component-initiated slide display command, slide display the first target component within a display area, wherein the first target component comprises two or more first target component columns comprising one or more first target sub-components;

a second obtaining module 1902, configured to obtain display attribute information of the first target sub-component, where the display attribute information at least includes display window size information of the first target sub-component;

an arrangement module 1903 configured to, in response to receiving a component-stop sliding display command, automatically arrange the first target sub-components according to the current display positions of the first target sub-components, the display attribute information of the first target sub-components, and the positional relationship between the first target sub-components.

In view of the above, in this embodiment, a component display apparatus is proposed that enables bottom-aligned or substantially aligned display of different display element columns upon receiving a component-stop slide display command by controlling the arrangement of two or more display element columns that differ in height of the area occupied by the included display elements. The technical scheme can not only provide a neat and attractive display interface and improve the viewing efficiency of a user, but also retain effective information of different display contents, and realize flexible display of multiple types and multiple types of contents.

In an embodiment of the present invention, as shown in fig. 20, the arrangement module 1903 includes:

an obtaining sub-module 2001 configured to obtain a subassembly distance difference between bottom positions of first target subassemblies at ends of different first target subassembly columns in the display area according to a current display position of the first target subassemblies in response to receiving a subassembly stop slide display command;

an arrangement sub-module 2002 configured to automatically arrange the first target sub-component according to display attribute information of the first target sub-component and a positional relationship between the first target sub-components when the sub-component distance difference exceeds a preset distance threshold.

In order to achieve automatic arrangement of the first target sub-components when a component sliding stopping display command is received, so as to provide a neat and attractive display interface, improve the viewing efficiency of a user, and simultaneously retain effective information of different display contents, in the embodiment, when the component sliding stopping display command is received, firstly, according to the current display position of the first target sub-components, a sub-component distance difference Δ L between bottom positions of first target sub-components at the tail ends of different first target component columns in the display area is obtained, as shown in fig. 13; and when the subassembly distance difference DeltaL exceeds a preset distance threshold, automatically arranging the first target subassemblies according to the display attribute information of the first target subassemblies and the position relationship between the first target subassemblies, wherein the preset distance threshold can be set according to the display requirements of practical application.

In an embodiment of the present invention, the automatic arrangement refers to an arrangement adjustment performed on the first target sub-assembly, which may include the above-described movement adjustment on one or some first target sub-assembly display windows, or may include an adjustment on the order of one or some first target sub-assembly display windows in the current display area.

That is, in an embodiment of the present invention, the permutation submodule 2002 may be configured to:

In this embodiment, mainly the display window of the terminal first target subassembly of the different first target subassembly columns in the display area is adjusted to move, for example, as shown in fig. 13, if the terminal first target subassembly 14 of the left first target subassembly column in the display area is completely displayed, the terminal first target subassembly 23 of the right first target subassembly column is not completely displayed, and the subassembly distance difference between the bottom position of the first target subassembly 23 and the bottom position of the first target subassembly 14 is Δ L, the first target subassembly 23 which is not completely displayed and the first target subassemblies 22 and 21 above the first target subassembly 23 can be moved upward by the distance Δ L, so that the first target subassembly 23 is completely displayed, and the bottom position of the first target subassembly 23 is aligned or substantially aligned with the bottom position of the first target subassembly 14, as shown in fig. 14.

The basic alignment refers to that the sub-component distance difference Δ L between bottom positions of first target sub-components at the ends of different first target component columns in the display area is smaller than or equal to a certain preset distance difference threshold, which can be determined according to display requirements of practical applications, for example, the distance difference threshold can be set to be 1mm or the like.

In another embodiment of the present invention, the permutation submodule 2002 may be further configured to:

In this embodiment, mainly the display order of different first target subassemblies in the display area is adjusted by transformation, for example, as shown in fig. 13, if the terminal first target subassembly 14 of the left first target subassembly column is completely displayed and the terminal first target subassembly 23 of the right first target subassembly column is not completely displayed in the display area, the subassembly distance difference between the bottom position of the first target subassembly 23 and the bottom position of the first target subassembly 14 is Δ L, the display window of the first target subassembly 24 to be displayed below the first target subassembly 23 is smaller than the display window of the first target subassembly 23, and the difference between the height difference between the display window height of the first target subassembly 24 and the display window height of the first target subassembly 23 and the subassembly distance difference Δ L is smaller than the preset distance difference threshold, at this time, the display order of the first target subassembly 23 and the first target subassembly 24 may be adjusted, that is, the first target subassembly 24 is displayed first, and then the first target subassembly 23 is displayed, so that the bottom position of the first target subassembly 24, which is the end of the right column of first target subassemblies, is aligned or substantially aligned with the bottom position of the first target subassembly 14, which is the end of the left column of first target subassemblies, as shown in fig. 15.

The technical features of the embodiments shown in fig. 19 to 20 and related embodiments are the same as or similar to the technical features described in the embodiments shown in fig. 16 to 18, and the explanation and description of the related technical features can refer to the explanation and description of the technical features in the embodiments shown in fig. 16 to 18, and are not repeated herein.

Fig. 21 is a block diagram illustrating a structure of an electronic device according to an embodiment of the present invention, and as shown in fig. 21, the electronic device 2100 includes a memory 2101 and a processor 2102; wherein the content of the first and second substances,

the memory 2101 is configured to store one or more computer instructions that are executed by the processor 2102 to perform any of the method steps described above.

Fig. 22 is a schematic block diagram of a computer system suitable for implementing the component display method according to an embodiment of the present invention.

As shown in fig. 22, the computer system 2200 includes a Central Processing Unit (CPU)2201, which can execute various processes in the above-described embodiments according to a program stored in a Read Only Memory (ROM)2202 or a program loaded from a storage portion 2208 into a Random Access Memory (RAM) 2203. In the RAM2203, various programs and data necessary for the operation of the system 2200 are also stored. The CPU2201, ROM2202, and RAM2203 are connected to each other through a bus 2204. An input/output (I/O) interface 2205 is also connected to bus 2204.

The following components are connected to the I/O interface 2205: an input portion 2406 including a keyboard, a mouse, and the like; an output portion 2207 including a display such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage portion 2208 including a hard disk and the like; and a communication section 2209 including a network interface card such as a LAN card, a modem, or the like. The communication section 2209 performs communication processing via a network such as the internet. The drive 2210 is also connected to the I/O interface 2205 as needed. A removable medium 2211 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 2210 as necessary, so that a computer program read out therefrom is mounted into the storage section 2208 as necessary.

In particular, the above described methods may be implemented as computer software programs according to embodiments of the present invention. For example, embodiments of the present invention include a computer program product comprising a computer program tangibly embodied on a medium readable thereby, the computer program comprising program code for performing the component display method. In such implementations, the computer program can be downloaded and installed from a network via the communications portion 2209, and/or installed from the removable medium 2211.

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present invention. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units or modules described in the embodiments of the present invention may be implemented by software or hardware. The units or modules described may also be provided in a processor, and the names of the units or modules do not in some cases constitute a limitation of the units or modules themselves.

As another aspect, an embodiment of the present invention further provides a computer-readable storage medium, where the computer-readable storage medium may be a computer-readable storage medium included in the apparatus in the foregoing embodiment; or it may be a separate computer readable storage medium not incorporated into the device. The computer readable storage medium stores one or more programs for use by one or more processors in performing the methods described in the embodiments of the present invention.

The foregoing description is only exemplary of the preferred embodiments of the invention and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the invention according to the embodiments of the present invention is not limited to the specific combination of the above-mentioned features, but also encompasses other embodiments in which any combination of the above-mentioned features or their equivalents is made without departing from the inventive concept. For example, the above features and (but not limited to) the features with similar functions disclosed in the embodiments of the present invention are mutually replaced to form the technical solution.

Claims

1. A component display method, comprising:

in response to receiving a component starting sliding display command, sliding display is carried out on a first target component in a display area, wherein the first target component comprises two or more first target component columns, and the first target component columns comprise one or more first target sub-components;

acquiring display attribute information of the first target assembly column, wherein the display attribute information at least comprises display window size information of the first target subassembly;

in response to receiving a component stop sliding display command, adjusting the display position of the first target sub-component according to the current display position of the first target component column and the display attribute information, so that the bottom positions of the terminal first target sub-components of different first target component columns in the display area are aligned;

wherein the sliding display of the first target component in the display area in response to receiving a component start sliding display command comprises:

determining a top position of a top first target sub-component of a first target component column in the display area as a display starting position of the first target component column;

2. The method of claim 1, wherein the display windows of the first target sub-components of different first target component columns are different sizes.

3. The method of claim 1, further comprising:

in response to detecting a second target component in the display area, adjusting the display position of the first target subassembly according to the current display position of the first target component column and the display attribute information so that the bottom position of the end first target subassembly of a different first target component column in the display area is aligned, wherein the second target component is located in a different sub-display area in the display area than the first target component.

4. The method according to claim 1 or 3, wherein the adjusting the display position of the first target sub-assembly according to the current display position of the first target component column and the display attribute information such that the bottom positions of the end first target sub-assemblies of different first target component columns in the display area are aligned is implemented as:

determining a current display position of the first target component column;

5. A component display method, comprising:

in response to receiving a component sliding display stopping command, automatically arranging the first target sub-components according to the current display positions of the first target sub-components, the display attribute information of the first target sub-components and the position relationship among the first target sub-components;

wherein the automatically arranging the first target sub-components according to the current display position of the first target sub-components, the display attribute information of the first target sub-components, and the positional relationship among the first target sub-components in response to receiving the component-stop slide display command comprises:

in response to receiving a component sliding stopping display command, acquiring a sub-component distance difference between bottom positions of first target sub-components at the tail ends of different first target component columns in the display area according to the current display position of the first target sub-components;

6. The method of claim 5, wherein the automatically arranging the first target sub-component according to the display attribute information of the first target sub-component and the positional relationship between the first target sub-components when the sub-component distance difference exceeds a preset distance threshold is implemented as:

7. The method of claim 5, wherein the automatically arranging the first target sub-component according to the display attribute information of the first target sub-component and the positional relationship between the first target sub-components when the sub-component distance difference exceeds a preset distance threshold is implemented as:

8. A component display apparatus, comprising:

a first display module configured to perform sliding display on a first target component in a display area in response to receiving a component start sliding display command, wherein the first target component comprises two or more first target component columns, and the first target component columns comprise one or more first target sub-components;

a first adjusting module configured to adjust, in response to receiving a component stop slide display command, a display position of the first target sub-component according to the current display position of the first target component column and the display attribute information so that bottom positions of end first target sub-components of different first target component columns in the display area are aligned;

a determination sub-module configured to determine a current display position of the first target component column in response to receiving a component start slide display command;

9. The apparatus of claim 8, wherein display windows of the first target sub-components of different first target component columns are different sizes.

10. The apparatus of claim 8, further comprising:

a second adjusting module configured to adjust, in response to detecting a second target component in the display area, a display position of the first target sub-component according to the current display position of the first target component column and the display attribute information, so that a bottom position of an end first target sub-component of a different first target component column in the display area is aligned, wherein the second target component is located in a different sub-display area in the display area from the first target component.

11. The apparatus of claim 8 or 10, wherein the portion of the first or second adjustment module that adjusts the display position of the first target subassembly according to the current display position of the first target component column and the display attribute information such that bottom positions of end first target subassemblies of different first target component columns in the display area are aligned is configured to:

determining a current display position of the first target component column;

12. A component display apparatus, comprising:

a second display module configured to perform sliding display on a first target component in a display area in response to receiving a component start sliding display command, wherein the first target component comprises two or more first target component columns, and the first target component columns comprise one or more first target sub-components;

an arrangement module configured to, in response to receiving a component-stop slide display command, automatically arrange the first target sub-components according to a current display position of the first target sub-components, display attribute information of the first target sub-components, and a positional relationship between the first target sub-components;

wherein the arrangement module comprises:

the obtaining sub-module is configured to obtain subassembly distance differences between bottom positions of first target subassemblies at the tail ends of different first target subassembly columns in the display area according to the current display position of the first target subassemblies in response to receiving a subassembly sliding stop display command;

13. The apparatus of claim 12, wherein the permutation submodule is configured to:

14. The apparatus of claim 12, wherein the permutation submodule is configured to:

15. An electronic device comprising a memory and a processor; wherein the content of the first and second substances,

the memory is configured to store one or more computer instructions, wherein the one or more computer instructions are executed by the processor to implement the method steps of any of claims 1-7.

16. A computer-readable storage medium having stored thereon computer instructions, which, when executed by a processor, carry out the method steps of any one of claims 1 to 7.