Information display method and device, electronic device and readable storage medium

Abstract

The present disclosure provides an information display method and device, as well as an electronic device and a readable storage medium. The information display method includes: obtaining information to be displayed, the information to be displayed includes at least one tag information, each tag information in the at least one tag information corresponds to a display page; performing processing operations on the at least one tag information in turn to determine the sub-display area of ​​each of the at least one tag information in the target display area, so that the client can display the at least one tag information in the target display area; and in response to the operation on the first tag information in the at least one tag information, sending the display page corresponding to the first tag information to the client, so that the client can update the display page including the target display area to the display page corresponding to the first tag information.

Description

Technical Field

[0001] The present disclosure relates to the field of electronic technology, and more specifically, to an information display method and device, as well as an electronic device and a readable storage medium. Background Art

[0002] With the development of electronic technology, it is common for users to display information in the form of information flow. When displaying information in this way, the contents of multiple information displayed are different and the lengths are different. Therefore, the size and position of each part of the displayed page are different, and it is relatively difficult to arrange the layout of the page neatly.

[0003] In order to display information in the form of information flow, text and pictures can be displayed by using basic components such as Label component, Image component, Button component, etc. However, the solution of using these basic components to realize display has poor page layout flexibility and cannot be displayed dynamically according to the content. It can only be applied to the situation where the layout is fixed and the rules are single.

[0004] In order to display content dynamically, you can use UI TableView (interactive interface table view) components or UICollectionView (interactive interface collection view) components to display text and pictures. However, the interactive interface table view component is not suitable for information flows with different contents and changing quantities. The interactive interface collection view requires complex configuration to display information flows. Summary of the invention

[0005] In view of this, the present disclosure provides an information display method and device capable of flexibly displaying information flow, as well as an electronic device and a readable storage medium.

[0006] One aspect of the present disclosure provides an information display method, the method comprising: acquiring information to be displayed, the information to be displayed comprising at least one tag information, each tag information in the at least one tag information corresponding to a display page; performing processing operations on the at least one tag information in turn to determine a sub-display area of ​​each at least one tag information in a target display area, so that a client can display at least one tag information in the target display area; and in response to an operation on a first tag information in the at least one tag information, feeding back the first tag information to the client, so that the client can update a display page including the target display area to a display page corresponding to the first tag information.

[0007] According to an embodiment of the present disclosure, the processing operation includes: determining the size of the sub-display area required to display the second label information in at least one label information; determining the sub-display area of ​​the second label information in the target display area according to the size of the sub-display area and the starting position of the displayable area in the target display area; and updating the starting position of the displayable area according to the size of the sub-display area. The initial position of the starting position of the displayable area is the display starting point of the target display area, and the displayable area is other areas in the target display area except the determined sub-display area; the second label information is any one of the at least one label information.

[0008] According to an embodiment of the present disclosure, determining the sub-display area of ​​the second tag information in the target display area includes: taking the starting point of the displayable area as the starting position, determining an area with a size equal to that of the sub-display area as the sub-display area of ​​the second tag information.

[0009] According to an embodiment of the present disclosure, the size of the sub-display area includes height and width; determining the sub-display area of ​​the second label information in the target display area further includes: before determining the area whose size is equal to the size of the sub-display area: determining a first size relationship between the height and the available row height of the current row where the starting point of the displayable area is located; and a second size relationship between the width and the available row width of the current row; when at least one of the first size relationship and the second size relationship is greater than, adjusting the starting point of the displayable area to the starting position of the next row of the current row. Among them, the available row height is the row height in the current row except the row height occupied by the determined sub-display area; the available row width is the row width in the current row except the row width occupied by the determined sub-display area.

[0010] According to an embodiment of the present disclosure, the size of the sub-display area includes height and width; based on the size of the sub-display area, updating the starting position of the displayable area includes: moving the starting position of the displayable area according to the width to update the starting position of the displayable area; or moving the starting position of the displayable area according to the height to update the starting position of the displayable area.

[0011] According to an embodiment of the present disclosure, the size of the sub-display area includes height and width; the above-mentioned information display method further includes: determining the height value of the target display area as the sum of the height of the starting point position of the displayable area and the height. The height of the starting point position of the displayable area is: the coordinate value of the starting point position of the displayable area in the height direction in the coordinate system established based on the target display area; the origin of the coordinate system established based on the target display area is the display starting point of the target display area.

[0012] According to an embodiment of the present disclosure, the size of the sub-display area includes a height and a width; the processing operation also includes, before determining the sub-display area of ​​the second label information in the target area: determining whether the width is greater than the width of the target display area; if the width is greater than the width of the target display area, performing a truncation operation on the second label information so that the width of the sub-display area required for the second label information obtained after the truncation operation is not greater than the width of the target display area; and adjusting the width to the width of the sub-display area required for the second label information obtained after the truncation operation.

[0013] According to an embodiment of the present disclosure, determining the size of the sub-display area required for displaying the second label information includes: determining the display height and display width of the second label information according to the display format of the second label information; and determining the size of the sub-display area required for displaying the second label information according to the preset margin and the display height and display width of the second label information. The preset margin is the distance between the second label information and the edge of the sub-display area.

[0014] According to an embodiment of the present disclosure, the above-mentioned information display method also includes, before performing processing operations on at least one tag information in sequence: determining whether there is an established target display area; if there is an established target display area, releasing the established target display area and establishing the target display area; if there is no established target display area, establishing the target display area.

[0015] Another aspect of the present disclosure also provides an information display device, which includes: a processing module, including a display component and a processing component; a multiplexing module, which is configured as an agent of the processing module; the multiplexing module includes an information interface and an agent interface, the information interface is used to obtain information to be displayed, the information to be displayed includes at least one tag information, and each tag information in the at least one tag information corresponds to a display page; the agent interface is used to access the client. Wherein, the multiplexing module is configured to: pass at least one tag information to at least one processing module in sequence to instruct the processing module to perform the following operations: perform processing operations on the passed-in tag information by calling the processing component to determine the sub-display area of ​​the passed-in tag information in the target display area; and enable the client to display the passed-in tag information in the sub-display area by calling the display component; and in response to the operation on the first tag information in the at least one tag information, feedback the first tag information to the client, so that the client updates the display page including the target display area to the display page corresponding to the first tag information.

[0016] Another aspect of the present disclosure provides an electronic device, including: one or more processors; and a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors execute the above-mentioned information display method.

[0017] Another aspect of the present disclosure provides a computer-readable storage medium storing computer-executable instructions, which are used to execute the information display method as described above when executed by a processor.

[0018] Another aspect of the present disclosure provides a computer program, which includes computer executable instructions, and the instructions are used to implement the method described above when executed.

[0019] According to the embodiments of the present disclosure, the technical problems that the display methods in the related art cannot display information streams with different contents and varying quantities and are complicated to configure can be at least partially solved. The embodiments of the present disclosure sequentially process at least one tag information to be displayed to sequentially determine the respective sub-display areas, rather than relying on pre-configuration, so that it is convenient to display information streams with inconsistent content lengths and varying quantities. Therefore, the technical effect of simple configuration and high processing efficiency is achieved to a certain extent. BRIEF DESCRIPTION OF THE DRAWINGS

[0020] The above contents and other objects, features and advantages of the present disclosure will become more apparent through the following description of the embodiments of the present disclosure with reference to the accompanying drawings, in which:

[0021] Figure 1 The application scenarios of the information display method and device, as well as the electronic device and the readable storage medium according to the embodiments of the present disclosure are schematically shown;

[0022] Figure 2 A flowchart of an information display method according to an embodiment of the present disclosure is schematically shown;

[0023] Figure 3 A flowchart schematically illustrates a processing operation performed on tag information according to an embodiment of the present disclosure;

[0024] Figure 4 Schematically shows a flow chart of determining a sub-display area of ​​any tag information in a target area according to an embodiment of the present disclosure;

[0025] Figure 5 A flowchart schematically illustrates a processing operation performed on tag information according to another embodiment of the present disclosure;

[0026] Fig. 6A A flowchart of an information display method according to another embodiment of the present disclosure is schematically shown;

[0027] Figure 6B The schematic diagram schematically shows the principle of determining the height value of the target display area;

[0028] Figure 7 A flowchart of an information display method according to another embodiment of the present disclosure is schematically shown;

[0029] Figure 8 The structure block diagram of the information display device according to the embodiment of the present disclosure is schematically shown;

[0030] Fig.9A The schematic diagram shows the structure of the processing module in the information display device according to the embodiment of the present disclosure;

[0031] Fig. 9B A schematic diagram schematically shows the structure of a multiplexing module in an information display device according to an embodiment of the present disclosure; and

[0032] Fig.10 A block diagram of an electronic device suitable for implementing the information display method according to an embodiment of the present disclosure is schematically shown. DETAILED DESCRIPTION

[0033] Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. However, it should be understood that these descriptions are exemplary only and are not intended to limit the scope of the present disclosure. In the following detailed description, for ease of explanation, many specific details are set forth to provide a comprehensive understanding of the embodiments of the present disclosure. However, it is apparent that one or more embodiments may also be implemented without these specific details. In addition, in the following description, descriptions of known structures and technologies are omitted to avoid unnecessary confusion of the concepts of the present disclosure.

[0034] The terms used herein are only for describing specific embodiments and are not intended to limit the present disclosure. The terms "comprise", "include", etc. used herein indicate the existence of the features, steps, operations and / or components, but do not exclude the existence or addition of one or more other features, steps, operations or components.

[0035] All terms (including technical and scientific terms) used herein have the meanings commonly understood by those skilled in the art, unless otherwise defined. It should be noted that the terms used herein should be interpreted as having a meaning consistent with the context of this specification, and should not be interpreted in an idealized or overly rigid manner.

[0036] When using expressions such as "at least one of A, B, and C, etc.", they should generally be interpreted according to the meaning of the expression commonly understood by those skilled in the art (for example, "a system having at least one of A, B, and C" should include but is not limited to a system having A alone, B alone, C alone, A and B, A and C, B and C, and / or A, B, C, etc.).

[0037] An embodiment of the present disclosure provides an information display method, which includes the following steps: first, obtaining information to be displayed, the information to be displayed includes at least one tag information, and each tag information in the at least one tag information corresponds to a display page; then, processing operations are performed on the at least one tag information in turn to determine the respective sub-display areas of at least one tag information in the target display area, so that the client can display at least one tag information in the target display area; finally, in response to an operation on a first tag information in the at least one tag information, the first tag information is fed back to the client, so that the client can update the display page including the target display area to the display page corresponding to the first tag information.

[0038] Figure 1 The application scenarios of the information display method and device, as well as the electronic device and the readable storage medium according to the embodiments of the present disclosure are schematically shown. It should be noted that: Figure 1 What is shown are merely examples of application scenarios to which the embodiments of the present disclosure can be applied, in order to help those skilled in the art understand the technical content of the present disclosure, but it does not mean that the embodiments of the present disclosure cannot be used in other devices, systems, environments or scenarios.

[0039] like Figure 1 As shown, the application scenario 100 according to this embodiment may include terminal devices 101, 102, 103, a network 104 and a server 105. The network 104 is used to provide a medium for a communication link between the terminal devices 101, 102, 103 and the server 105. The network 104 may include various connection types, such as wired, wireless communication links or optical fiber cables, etc.

[0040] Users can use terminal devices 101, 102, 103 to interact with server 105 through network 104 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 101, 102, 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only examples).

[0041] The terminal devices 101, 102, 103 may be various electronic devices with display screens and supporting web browsing, including but not limited to smart phones, tablet computers, laptop computers, desktop computers, etc. The terminal devices 101, 102, 103 may, for example, display information streams by processing, and the information streams may, for example, be obtained by sending acquisition requests to the server 105 via the network 104.

[0042] In one embodiment, the information flow may include, for example, a search record displayed after clicking a search bar in a client application or webpage. After clicking the search bar, the terminal devices 101, 102, and 103 will display several to dozens of search records previously searched one by one, and clicking on these search histories will enter the search results page. Each time the search bar is clicked, the content of the search will be recorded as a search record. Therefore, the search record displayed after clicking the search bar is dynamically updated, and the length of information included in different search records is also inconsistent.

[0043] In one embodiment, the information flow may include, for example, evaluation tags added by other users for the user corresponding to the social account displayed in the client application. After clicking the evaluation tag, the terminal devices 101, 102, and 103 will display the social account information of the other user who added the evaluation tag. The evaluation tag is also dynamically updated, and the lengths of different evaluation tags are also inconsistent.

[0044] According to an embodiment of the present disclosure, in order to display information streams of different lengths and dynamically updated and to improve display flexibility, an information display device can be set in the terminal devices 101, 102, and 103 to automatically and sequentially determine the display area of ​​each information included in the information stream after acquiring the information stream to be displayed, so that the terminal devices 101, 102, and 103 can display the corresponding information in the determined display area in sequence.

[0045] The server 105 may be a server that provides various services, such as a background management server (only as an example) that provides support for websites browsed by users using the terminal devices 101, 102, and 103. The background management server may respond to a received acquisition request, etc., and feedback the information to be displayed (such as the aforementioned information flow) to the terminal device.

[0046] It should be noted that the information display method provided in the embodiment of the present disclosure can generally be executed by the terminal devices 101, 102, 103. Accordingly, the information display device provided in the embodiment of the present disclosure can generally be set in the terminal devices 101, 102, 103.

[0047] It should be understood that Figure 1The number of terminal devices, networks and servers in the embodiment is only for illustration. Any number of terminal devices, networks and servers may be provided according to the implementation requirements.

[0048] The following will be combined Figure 2 to Figure 5 , Figure 6A to Figure 6B as well as Figure 7 The information display method of the embodiment of the present disclosure is described in detail.

[0049] Figure 2 The flowchart of the information display method according to the embodiment of the present disclosure is schematically shown.

[0050] like Figure 2 As shown, the information display method of this embodiment may include operations S210 to S230. The information display method may be, for example, Figure 1 The process may be executed by the terminal devices 101, 102, and 103, and specifically, may be executed by an information display device provided in the terminal device.

[0051] In operation S210, information to be displayed is acquired, where the information to be displayed includes at least one tag information, and each tag information in the at least one tag information corresponds to a display page.

[0052] According to an embodiment of the present disclosure, the information to be displayed can be obtained by, for example, sending an acquisition request from the terminal device 101, 102, 103 to the server 105. Alternatively, the information to be displayed can be preloaded and stored locally in the terminal device. The tag information of the information to be displayed can be, for example, text information and / or picture information, and each tag information corresponds to a display page. The display page corresponding to the tag information can be, for example, the details of the text information or picture information represented by the tag information.

[0053] In one embodiment, the information to be displayed may include, for example, search records, evaluation tags, book catalogs, etc. that need to be displayed in a client application or web page. The information to be displayed may be, for example, the aforementioned information stream that can be dynamically updated. When the information to be displayed is a search record, the display page corresponding to the tag information may be, for example, a page obtained by searching the search record represented by the tag information. When the information to be displayed is an evaluation tag, the display page corresponding to the tag information may be, for example, the account information of the user who added the tag information.

[0054] In operation S220, processing operations are performed on the at least one tag information in sequence to determine a sub-display area of ​​the at least one tag information in the target display area, so that the client can display the at least one tag information in the target display area.

[0055] According to an embodiment of the present disclosure, the operation S220 may include, for example: firstly sorting the at least one tag information and assigning numbers from small to large; then, performing processing operations on the at least one tag information in turn according to the numbers, thereby determining a sub-display area in the target display area for displaying each tag information. When processing the tag information with a larger number, the sub-display area for displaying the tag information with a smaller number may be determined according to the size and position of the sub-display area for displaying the tag information with a smaller number.

[0056] In one embodiment, determining the sub-display area for displaying the tag information may be substantially determining the position information (for example, including the starting position, the ending position, etc.) of the sub-display area for displaying the tag information in the display screens of the terminal devices 101, 102, and 103. Operation S220 may be performed, for example, by a subsequent Figure 3 The described process is implemented and will not be repeated here.

[0057] The target display area may be, for example, an area for displaying the at least one tag information in a display page of the terminal device 101, 102, or 103. The target display area may be, for example, an area with a preset position and size, or may be an area with only an initial position set, but the size may be determined according to the size of the area required to display the at least one tag information in sequence.

[0058] In one embodiment, in addition to obtaining the information to be displayed, for example, title information may also be obtained, and the title information may be, for example, the title of the at least one tag information. For example, when the tag information is a search record, the title information may be, for example, text information such as "search history". The target display area may be, for example, other areas of the display page of the terminal device 101, 102, 103 except for the display area for displaying the title information. The display area for displaying the title information may be, for example, pre-set.

[0059] In one embodiment, in addition to obtaining the information to be displayed, for example, control information can also be obtained, and the control information can respond to an operation such as "click" to send an instruction to the terminal device 101, 102, 103 to delete the selected tag information in at least one tag information, or move the display position of the selected tag information in at least one tag information. The target display area can be, for example, other areas in the display page of the terminal device 101, 102, 103 except the display area for displaying the control information. The display area for displaying the control information can be, for example, pre-set.

[0060] In one embodiment, in addition to obtaining the information to be displayed, not only the title information but also the control information may be obtained. The target display area may be, for example, other areas of the display page of the terminal device 101, 102, 103 except the display area for displaying the control information and the title information.

[0061] After a sub-display area for tag information is determined, the location information of the sub-display area can be fed back to the currently running application or the currently displayed web page of the terminal devices 101, 102, 103, so that the currently running application or the currently displayed web page can display at least one tag information in sequence according to the location information of the sub-display area.

[0062] In operation S230, in response to an operation on a first tag information in the at least one tag information, the first tag information is fed back to the client so that the client updates a display page including the target display area to a display page corresponding to the first tag information.

[0063] When an application program that displays at least one tag information on a terminal device senses a selection operation on a first tag information in the at least one tag information being displayed, the selection operation can be fed back to an information display device in the terminal device. The information display device can determine the first tag information targeted by the selection operation by executing operation S230, and feed back the first tag information to a client (which can be, for example, an operating system of the terminal device or an application program that displays at least one tag information). This enables the client to know that the display page that needs to be obtained next is the display page corresponding to the first tag information. By the client feeding Figure 1 The server 105 sends a request to obtain the corresponding display page, and replaces the display page displaying the first tag information with the display page corresponding to the first tag information. The first tag information may be, for example, any one of the at least one tag information.

[0064] Figure 3 The flowchart schematically shows the processing operation performed on tag information according to an embodiment of the present disclosure.

[0065] like Figure 3 As shown, the processing operation performed on any one of the at least one tag information includes operations S321 to S323.

[0066] In operation S321, the size of the sub-display area required for displaying the second tag information is determined, wherein the second tag information is any one of the at least one tag information.

[0067] According to an embodiment of the present disclosure, considering that the display screen is generally a two-dimensional screen, the size of the sub-display area to be determined may include, for example, the height and width of the sub-display area. Considering that the size of the sub-display area is generally limited by the amount of information of the label information to be displayed, the display height and display width of the second label information may be determined first, and then the sub-display area may be determined based on the display height and display width of the label information. In order to make the display page beautiful, the height and width of the sub-display area should generally be greater than the display height and width of the label information.

[0068] In one embodiment, operation S321 may include, for example: first, according to the display format of the second label information, determining the display height and display width of the second label information. Then, according to the preset margin and the display height and display width of the second label information, determining the size of the sub-display area required to display the second label information. The preset margin is the distance between the second label information and the edge of the sub-display area. For example, a margin attribute may be pre-set for the sub-display area, and the margin attribute is similar to the page margin in a document editing program, etc., and is used to define the distance between the content displayed in the sub-display area and the border of the sub-display area. The margin attribute may be set, for example, by a custom interface provided by the information display device. The custom interface is used as an input interface to input a user-defined margin attribute in response to a user operation.

[0069] In one embodiment, when determining the size of the sub-display area required for displaying the second label information, the preset margins may include, for example, margins in the width direction (e.g., left margin and right margin) and margins in the height direction (e.g., top margin and bottom margin). When determining the size of the sub-display area required for displaying the second label information, the sum of the display height of the second label information and the margin in the height direction may be used as the height of the sub-display area, and the sum of the display width of the second label information and the margin in the width direction may be used as the width of the sub-display area.

[0070] In one embodiment, when the second label information is displayed along the width direction of the display screen (horizontally displayed), and the second label information is text information, the display width of the second label information can be determined based on the number of characters, character size, and text font included in the second label information; the display height of the second label information is determined based on the height of each line of the target display area and the top and bottom margins. When the second label information is picture information, since it is displayed along the width direction of the display screen, the display height and display ratio of the picture information can be pre-set. Then, based on the display ratio and display height, the display width of the picture information is determined. When the second label information is displayed along the height direction of the display screen, the method for determining the display height and display width of the second label information is similar to the method for determining when it is displayed along the width direction of the display screen, and will not be repeated here.

[0071] In operation S322, the sub display area of ​​the second tag information in the target display area is determined according to the size of the sub display area and the starting position of the displayable area in the target display area. In operation S323, the starting position of the displayable area is updated according to the size of the sub display area.

[0072] According to an embodiment of the present disclosure, the initial position of the starting point of the displayable area is the display starting point of the target display area, and the displayable area is the other area in the target display area except the determined sub-display area. The display starting point of the target display area is the initial position of the aforementioned target display area, and the initial position can be, for example, the point in the upper left corner of the target display area. The determined sub-display area can be, for example: a sub-display area of ​​a tag information whose number is smaller than the number of the second tag information.

[0073] In one embodiment, the operation S322 may include, for example: taking the starting point of the displayable area as the starting position, and determining an area having a size equal to that of the sub-display area as the sub-display area for the second tag information.

[0074] According to an embodiment of the present disclosure, the method of updating the starting position of the displayable area in operation S323 may depend on the display layout mode of the at least one tag information. For example, when the at least one tag information is horizontally laid out, the starting position of the displayable area may be moved according to the width of the sub-display area required by the second tag information to update the starting position of the displayable area. When the at least one tag information is vertically laid out, for example, the starting position of the displayable area may be moved according to the height of the sub-display area required by the second tag information to update the starting position of the displayable area.

[0075] In one embodiment, taking at least one label layout in horizontal direction as an example, the detailed process and display process of performing processing operation on at least one label information can be described as follows. For example, the display starting point of the target display area is taken as the coordinate origin O, and the following is established: Figure 6BThe coordinate system OXY shown. Then, at least one tag information is assigned a number from small to large. When assigning the number, for example, the tag information can be numbered according to the time sequence in which the tag information is generated. Then, the size of the sub-display area required for each tag information in the at least one tag information is determined by the method described in operation S321. Then, the coordinate origin O is used as the initial position of the starting position of the displayable area, and the sub-display area of ​​the tag information with the smallest number in the target display area is determined by the method described in operation S322 as an area with an X-axis coordinate less than or equal to x1 and a Y-axis coordinate less than or equal to y1, wherein x1 is the width value of the sub-display area required for the tag information with the smallest number determined by operation S321, and y1 is the height value of the sub-display area required for the tag information with the smallest number determined by operation S321. After determining the sub-display area of ​​the tag information with the smallest number, the starting position of the displayable area is changed to a point with a coordinate value of (x1, 0), and the sub-display area and the tag information with the smallest number are fed back to the client at the same time, so that the client displays the tag information with the smallest number according to the position of the sub-display area. Then, the point with the coordinate value (x1, 0) is used as the starting position of the displayable area, and the sub-display area of ​​the tag information with the second smallest number in the target display area is determined through operations S321 to S322. For example, the area with an X-axis coordinate value greater than x1 and less than x1+x2 and a Y-axis coordinate value less than or equal to y2 can be determined as the sub-display area of ​​the tag information with the second smallest number, wherein x2 is the width of the sub-display area required for the tag information with the second smallest number, and y2 is the height of the sub-display area required for the tag information with the second smallest number. Then, the starting position of the displayable area is changed through operation S323, and the sub-display area and the tag information with the second smallest number are fed back to the client, so that the client adds the tag information with the second smallest number to the target display area according to the position of the sub-display area. By analogy, the sub-display area of ​​each of the at least one tag information in the target display area can be determined, and the at least one tag information is displayed in the target display area. Among them, considering that the at least one tag information is laid out horizontally, in order to display the page neatly, the height of the sub-display area required by the at least one tag information can be equal, for example. When the at least one tag information is laid out vertically, the processing operation performed on the at least one tag information is similar to the processing operation when it is laid out horizontally, and will not be repeated here.

[0076] Among them, considering that the target display area is ultimately displayed on the display screen of the terminal device, and the width and height of the display screen of the terminal device are fixed. Therefore, the aforementioned processing operation performed on at least one tag information, for example, also needs to determine whether the row (or column in the case of vertical layout) where the starting point of the displayable area is located can accommodate the second tag information. If the second tag information cannot be accommodated, another row (or another column) is started to determine the sub-display area of ​​the second tag information.

[0077] Figure 4 The flowchart for determining the sub-display area of ​​the second tag information in the target area according to an embodiment of the present disclosure is schematically shown.

[0078] like Figure 4 As shown, the operation S322 of determining the sub-display area of ​​the second tag information in the target area may include, for example, operations S4221 to S4223.

[0079] In operation S4221, a first size relationship between the height and the available row height of the current row where the starting point of the displayable area is located is determined; and a second size relationship between the width and the available row width of the current row is determined. In operation S4222, when at least one of the first size relationship and the second size relationship is greater than, the starting point of the displayable area is adjusted to the starting position of the next row of the current row. In operation S4223, with the starting point of the displayable area as the starting position, an area with a size equal to that of the sub-display area is determined as the sub-display area of ​​the second label information.

[0080] The available row height is the row height of the current row excluding the row height occupied by the determined sub-display area, and the available row width is the row width of the current row excluding the row width occupied by the determined sub-display area.

[0081] According to an embodiment of the present disclosure, when at least one tag information is arranged horizontally, the operation S4221 may, for example, only determine the size relationship between the width of the sub-display area of ​​the second tag information and the available line width of the current line. When the size relationship is less than, the starting position of the displayable area is adjusted to the starting position of the next line of the current line. For example, if the starting position of the displayable area is (x b ,y b ), the available width of the current line is W max -x b Among them, W max is the width of the target display area. If the available width is smaller than the width of the sub-display area required by the second tag information, the starting position of the displayable area is set to (0, y b +y o ). Among them, y o is the height of each row in the target display area, and the height value is a predetermined value. When the size relationship is greater than, there is no need to adjust the starting position of the displayable area, and the sub-display area of ​​the second label information is directly determined by operation S4223. Among them, when at least one label information is arranged horizontally, since the height of the sub-display area required for each label information can be preset, the height can be set to be no greater than the height of each row in the target display area.

[0082] According to an embodiment of the present disclosure, when at least one tag information is arranged vertically, the operation S4221 may, for example, only determine the size relationship between the height of the sub-display area of ​​the second tag information and the available height of the current row. If the size relationship is less than, the starting position of the displayable area is adjusted to the starting position of the next row of the current row. For example, if the starting position of the displayable area is (x b ,y b ), then the available height of the current row is H max -y b Among them, H max is the height of each row of the target display area. If the available height is less than the height of the sub-display area required by the second tag information, the starting position of the displayable area is set to (0, y b +y o ). Among them, y o is the height of each row in the target display area, and the height value is a predetermined value. When the size relationship is greater than, there is no need to adjust the starting position of the displayable area, and the sub-display area of ​​the second label information is directly determined by operation S4223. Among them, when at least one label information is arranged vertically, since the width of the sub-display area required for each label information can be preset, the width can be set to be not greater than the width of the target display area.

[0083] According to an embodiment of the present disclosure, in order to ensure that each tag information can be displayed in a single row, before determining the sub-display area of ​​each tag information, the width of the sub-display area required for each tag information is made not greater than the width W of the target display area. max .

[0084] Figure 5 The flowchart schematically shows a processing operation performed on tag information according to another embodiment of the present disclosure.

[0085] like Figure 5 As shown, the processing operation of this embodiment may include operations S524 to S526 in addition to operations S321 to S323, and the operations S524 to S526 may be performed between operations S321 and S322, for example. The following takes the second tag information as an example to describe operations S524 to S526 in detail. It is understood that each tag information in the at least one tag information may be processed by the method of operations S524 to S526 so that the width of the sub-display area required by each tag information is not greater than the width of the target display area.

[0086] In operation S524, it is determined whether the width of the sub-display area required for the second label information is greater than the width of the target display area. In operation S525, when the width of the sub-display area required for the second label information is greater than the width of the target display area, a truncation operation is performed on the second label information so that the width of the sub-display area required for the second label information obtained after the truncation operation is not greater than the width of the target display area.

[0087] Among them, the truncation operation may include, for example: removing unimportant information in the second label information and only displaying important information. Among them, when at least one label information is text information, the unimportant information may be prepositions and modal particles such as "de" and "le". When at least one label information is picture information, the unimportant information may be information in the corner area of the picture, etc.

[0088] After performing the truncation operation, in order to facilitate the determination of the sub-display area of the second label information, operation S526 is performed to adjust the width to the width of the sub-display area required for the second label information obtained after the truncation operation.

[0089] According to an embodiment of the present disclosure, if it is determined in operation S524 that the width of the sub-display area required for the second label information is not greater than the width of the target display area, there is no need to perform a truncation operation on the second label information, and the sub-display area of the second label information can be directly determined by performing operation S322.

[0090] According to an embodiment of the present disclosure, in order to improve the utilization rate and neatness of the display page, when the height of the target display area is less than the height of the display screen, it can just accommodate at least one label information as much as possible. Therefore, after determining the sub-display areas of at least one label information respectively, the height of the target display area can be determined according to the position where the sub-display area of the label information with the largest number is located. Among them, considering that the starting position of the displayable area is updated according to the sub-display area of the label information, therefore, after determining the sub-display areas of all label information, the height of the target display area can be determined according to the final starting position of the displayable area.

[0091] Fig. 6A Schematically shows a flowchart of an information display method according to another embodiment of the present disclosure; Figure 6B Schematically shows a schematic diagram of the principle for determining the height value of the target display area.

[0092] As Fig. 6AAs shown, in addition to operations S210 to S230, the information display method of this embodiment further includes operation S640, determining the height value of the target display area as the sum of the height of the starting point position of the displayable area and the height. Operation S230 can be performed after determining the sub-display area of ​​each tag information in at least one tag information in operation S220.

[0093] The height of the starting point of the displayable area is the coordinate value of the starting point of the displayable area in the height direction in the coordinate system established based on the target display area.

[0094] like Figure 6B As shown, in one embodiment, the coordinate system established based on the target display area is: the vertex of the upper left corner of the target display area is used as the origin O of the coordinate system, the side of the target display area parallel to the width direction of the display screen (i.e., the width direction of the target display area) is used as the X-axis, and the side of the target display area parallel to the height direction of the display screen (i.e., the height direction of the target display area) is used as the Y-axis to establish the coordinate system. At least one tag information may be, for example, a search record. The at least one tag information may include, for example, five tag information of "shoe cabinet", "European curtains", "European classic paintings", "dresses" and "pet snacks". Each tag information corresponds to a sub-display area. For example, the sub-display area corresponding to the tag information "European curtains" is Figure 6B After the sub-display areas of the five label information are determined, the starting point of the displayable area is the position of the upper right corner of the sub-display area of ​​the last label information "Pet Snacks". By adding the value of the starting point of the displayable area in the Y-axis direction (i.e. the height value of the starting point) to the height of the sub-display area of ​​the label information "Pet Snacks", the height of the target display area can be determined. Figure 6B The portion above the dotted line in the display interface shown is the target display area.

[0095] like Figure 6B As shown, in one embodiment, the information to be displayed includes title information 612 and control information 613 in addition to at least one tag information in the acquired information to be displayed. In this case, the display screen of the client displays the title information and control information in addition to at least one tag information.

[0096] According to an embodiment of the present disclosure, in order to enable the information display device executing the information display method to be used to realize the display of multiple information streams displayed on different pages, it should be ensured that the target display area for displaying the information to be displayed obtained in the operation S210 will not display other information. Therefore, when there is an established target display area, the target display area can be deleted and a new target display area can be established.

[0097] Figure 7 The flowchart of the information display method according to another embodiment of the present disclosure is schematically shown.

[0098] like Figure 7 As shown, the information display method of this embodiment may further include operations S750 to S770 in addition to operations S210 to S230. Operations S750 to S770 may be performed between operations S210 and S220.

[0099] In operation S750, it is determined whether there is an established target display area.

[0100] In operation S760, in the case where there is an established target display area, the established target display area is released, and operation S770 is performed.

[0101] If it is determined in operation S750 that there is no established target display area, operation S770 is directly executed.

[0102] In operation S770, a target display area is established.

[0103] The following will be combined Figure 8 , FIG. 9A to FIG. 9B The structure of the information display device according to the embodiment of the present disclosure is described in detail.

[0104] Figure 8 The structure block diagram of the information display device according to the embodiment of the present disclosure is schematically shown.

[0105] like Figure 8 As shown, the information display device 800 includes a multiplexing module 810 and a processing module 820 .

[0106] The processing module 820 includes a display component 821 and a processing component 822. In order to obtain the information to be displayed, the multiplexing module 810 may provide an information interface for obtaining the information to be displayed. The information to be displayed includes at least one tag information, and each tag information corresponds to a display page. The multiplexing module 810 is configured as an agent of the processing module, so that the multiplexing module 810 calls the processing module 820 to implement the processing operation of each tag information.

[0107] Specifically, the processing module 820 may sequentially perform processing operations on at least one tag information in the information to be displayed. The multiplexing module 810 may sequentially pass tag information to the processing module 820, so that the processing component 822 of the processing module 820 performs processing operations on the sequentially passed tag information, thereby determining the sub-display area of ​​the passed tag information in the target display area. The processing module 820 may also call the display component to cause the client to display the passed tag information in the sub-display area.

[0108] According to an embodiment of the present disclosure, in order to facilitate interaction with the client, the multiplexing module 810 may also be provided with a proxy interface for accessing the client. Specifically, the proxy interface may be used to access the application that displays the information to be displayed. Thus, when the client senses an operation on the first tag information in at least one tag displayed by the application, the operation information is sent to the multiplexing module 810, so that the multiplexing module 810 responds to the operation on the first tag information and feeds back the first tag information to the client, so that the client updates the display page including the target display area to the display page corresponding to the first tag information.

[0109] The following will be combined FIG. 9A to FIG. 9B The information display device of the embodiment of the present disclosure is described in detail. Fig.9A The structure diagram of the processing module in the information display device according to the embodiment of the present disclosure is schematically shown. Fig. 9B The schematic diagram shows the structure of a multiplexing module in the information display device according to an embodiment of the present disclosure.

[0110] like Fig.9A As shown, the processing module is used to determine the size of the cell and the position information of the cell in the target display area. The cell determined by the processing module can be, for example, a sub-display area of ​​the incoming label information. The size of the cell can be, for example, adaptively adjusted according to the content of the incoming label information. After the processing module determines the position information of the cell of the incoming label information, the display component can be used to enable the client to display reasonably according to the adaptive size and position information of the cell.

[0111] In one embodiment, taking at least one tag information arranged horizontally as an example, the processing component 822 of the processing module 820 can, for example, give the cell height and maximum width attributes. Because it is arranged horizontally, the height of the cell is a fixed value, and the width of the cell cannot exceed the width of the target display area. At the same time, the processing component 822 can also set the edgeInset attribute of the cell. The function of this attribute is to set the inner margin of the cell content (i.e., the tag information corresponding to the cell) and the surrounding edges (the boundaries of the cell) (divided into the inner margins in four directions of up, down, left, and right). The processing component 822 can also be set with a content category attribute (the attribute can be text or image) to specify the type of information flow displayed by the cell. When the content category attribute is text, the content displayed by the cell is text, and when the content category is image, the content displayed by the cell is a picture. The processing component 822 can also be set with an index attribute for the cell, and the index attribute is used to set the number assigned to the cell. Finally, it is necessary to set an agent for the processing module, which is a multiplexing module, and the purpose is to notify the multiplexing device when the display component senses an operation through the tag information displayed on the display screen of the client.

[0112] Taking at least one tag information being arranged horizontally as an example, the internal processing flow of the processing module may include the following steps.

[0113] First, the incoming label information is assigned to the display component 821 to fill the label component or image component used by the display component to display the label information.

[0114] Then, the processing component 822 calculates the display width (width) of the tag information according to the tag information. To calculate the display width, the display height is first obtained, and the display height is calculated by subtracting the upper and lower inner margins of the edge inset from the height of the cell. When the content type attribute is text, the display width can be calculated based on the number of words, font size, font, etc. When the content type attribute is image, the aspect ratio is determined according to the initial size of the image, and then the display width is calculated by multiplying the display height by the aspect ratio.

[0115] After the display width and display height are obtained, the sum of the display width and the left and right margins of the edge inset can be compared with the maximum width specified by the maximum width attribute. If the maximum width is exceeded, the label information is truncated.

[0116] Finally, the display component 821 refreshes the display interface of the client according to the cell to add the incoming label information to the display interface of the client. If the incoming label information is text, the display component 821 uses the label component to add the label information to the display interface of the client. If the incoming label information is a picture, the display component 821 uses the image component to add the label information to the display interface of the client. Finally, the width of the cell is the display width of the incoming label information plus the left and right margins of the edge Inset, and the height of the cell is the display height of the incoming label information plus the upper and lower margins of the edge Inset. In order to achieve the effect of real-time dynamic refresh when changing attributes, the aforementioned calculation and refresh methods can be called in the setting method of each attribute set by the processing component 822 for the cell.

[0117] like Fig. 9B As shown, the design of the reuse module mainly consists of three parts. The first part is the texts component in array form, or the images component in array form, which is used to obtain the information to be displayed. The second part is the agent, which is the client for using the reuse module. The third part is the custom part self, which is used to customize the addition of title information and / or control information.

[0118] After the texts component of the reuse module obtains the information to be displayed (information flow data), it first needs to assign values ​​to the information flow data and store it in the database (data) so that it can be transmitted to the processing module in sequence. Then, the reuse module is used to set the display starting point of the target display area. For example, the display starting point of the target display area can be set to the vertex in the upper left corner of the display screen, or in the case of title information and / or control information, the display starting point of the target display area is set to the vertex in the upper left corner of other areas of the display screen except for the title information and / or control information. Next, the reuse module can create a content (directory) with a height of 0 and a width of, for example, the width of the target display area (such as the width of the display screen). The content is used to display at least one tag information.

[0119] Before establishing new content, it can be determined whether the content has been established. If it has been established, the previous content needs to be released. The purpose of this is to achieve the reusability of the information display device, so that the displayed content can be refreshed each time new data to be displayed is obtained. Among them, if the information to be displayed is empty, the processing is interrupted and returned directly, so that even if there is no information to be displayed, an empty panel can be displayed. When the information to be displayed is not empty, a number can be assigned to each tag information (each element in the array). By traversing the data to see the tag information stored in the data, the following operations are performed iteratively: the processing module is called in turn to create a cell for each tag information, the agent of the newly created cell is set to the reuse module, and then the element number is assigned to the index attribute of the cell. The cell corresponds to the tag information one by one. Among them, the reuse module can also leave an edge Inset interface, which is used to obtain the assignment of the edge Inset attribute uniformly set by the processing module for the cell. Alternatively, the reuse module can obtain the assignment of the edge Inset attribute of the cell through the call of the agent. Finally, at least one tag information is sequentially transmitted to the processing module 820, so that the processing module adaptively determines the size and display position of the cell through its internal processing flow, and adds the tag information transmitted to the processing module 820 to the display interface of the client according to the display position as the arrangement position of the at least one tag information, thereby adding the determined cell to the content. It is determined whether the tag information transmitted to the processing module is the last one. If not, it returns to recreate the cell again.

[0120] After the last tag information in the at least one tag information is refreshed and displayed on the display interface, the height of the target display area needs to be adjusted so that the height of the target display area can just cover all the sub-display areas of the at least one tag information.

[0121] Finally, when the display component of the processing module detects that any tag information in the client's display screen is operated (for example, selected), the processing module can send a notification to the multiplexing module based on the cell of the selected any tag information to notify the multiplexing module of the index value of the cell of the any tag information. The multiplexing module obtains the any tag information from the database data through the index value, and then sends the any tag information and the index value to its agent (i.e., the client) in the form of a notification, so that the client can obtain the corresponding display page based on the any tag information and replace the current display interface with the display page corresponding to the any tag information.

[0122] According to an embodiment of the present disclosure, Figure 8The information display device shown can be, for example, Figure 2 to Figure 5 , Figure 6A to Figure 6B as well as Figure 7 The process shown is used to realize the display of the information to be displayed, which will not be described in detail here.

[0123] Fig.10 A block diagram of an electronic device suitable for implementing the information display method according to an embodiment of the present disclosure is schematically shown. Fig.10 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0124] like Fig.10 As shown, the electronic device 1000 according to an embodiment of the present disclosure includes a processor 1001, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1002 or a program loaded from a storage part 1008 into a random access memory (RAM) 1003. The processor 1001 may include, for example, a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or a related chipset and / or a special-purpose microprocessor (e.g., an application-specific integrated circuit (ASIC)), etc. The processor 1001 may also include an onboard memory for caching purposes. The processor 1001 may include a single processing unit or multiple processing units for performing different actions of the method flow according to an embodiment of the present disclosure.

[0125] In RAM 1003, various programs and data required for the operation of electronic device 1000 are stored. Processor 1001, ROM 1002 and RAM 1003 are connected to each other via bus 1004. Processor 1001 performs various operations of the method flow according to the embodiment of the present disclosure by executing the program in ROM 1002 and / or RAM 1003. It should be noted that the program can also be stored in one or more memories other than ROM 1002 and RAM 1003. Processor 1001 can also perform various operations of the method flow according to the embodiment of the present disclosure by executing the program stored in the one or more memories.

[0126] According to an embodiment of the present disclosure, the electronic device 1000 may further include an input / output (I / O) interface 1005, which is also connected to the bus 1004. The electronic device 1000 may further include one or more of the following components connected to the I / O interface 1005: an input portion 1006 including a keyboard, a mouse, etc.; an output portion 1007 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker, etc.; a storage portion 1008 including a hard disk, etc.; and a communication portion 1009 including a network interface card such as a LAN card, a modem, etc. The communication portion 1009 performs communication processing via a network such as the Internet. A drive 1010 is also connected to the I / O interface 1005 as needed. A removable medium 1011, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 1010 as needed, so that a computer program read therefrom is installed into the storage portion 1008 as needed.

[0127] According to an embodiment of the present disclosure, the method flow according to an embodiment of the present disclosure can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a computer-readable storage medium, and the computer program contains a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication part 1009, and / or installed from the removable medium 1011. When the computer program is executed by the processor 1001, the above-mentioned functions defined in the system of the embodiment of the present disclosure are executed. According to an embodiment of the present disclosure, the system, equipment, device, module, unit, etc. described above can be implemented by a computer program module.

[0128] The present disclosure also provides a computer-readable storage medium, which may be included in the device / apparatus / system described in the above embodiments; or may exist independently without being assembled into the device / apparatus / system. The above computer-readable storage medium carries one or more programs, and when the above one or more programs are executed, the method according to the embodiment of the present disclosure is implemented.

[0129] According to an embodiment of the present disclosure, a computer-readable storage medium may be a non-volatile computer-readable storage medium, for example, may include but is not limited to: a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program, which may be used by or in combination with an instruction execution system, an apparatus or a device. For example, according to an embodiment of the present disclosure, a computer-readable storage medium may include the ROM 1002 and / or RAM 1003 described above and / or one or more memories other than ROM 1002 and RAM 1003.

[0130] The flow charts and block diagrams in the accompanying drawings illustrate the possible architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flow chart or block diagram can represent a module, a program segment, or a part of a code, and the above-mentioned module, program segment, or a part of a code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order from the order marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flow chart, and the combination of the boxes in the block diagram or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0131] It will be appreciated by those skilled in the art that the features described in the various embodiments and / or claims of the present disclosure may be combined and / or combined in a variety of ways, even if such combinations and / or combinations are not explicitly described in the present disclosure. In particular, the features described in the various embodiments and / or claims of the present disclosure may be combined and / or combined in a variety of ways without departing from the spirit and teachings of the present disclosure. All of these combinations and / or combinations fall within the scope of the present disclosure.

[0132] The embodiments of the present disclosure are described above. However, these embodiments are only for illustrative purposes and are not intended to limit the scope of the present disclosure. Although the embodiments are described above separately, this does not mean that the measures in the various embodiments cannot be used in combination to advantage. The scope of the present disclosure is defined by the attached claims and their equivalents. Without departing from the scope of the present disclosure, those skilled in the art may make a variety of substitutions and modifications, which should all fall within the scope of the present disclosure.

Claims

1. An information display method, comprising: Acquire information to be displayed, where the information to be displayed includes at least one tag information, and each tag information in the at least one tag information corresponds to a display page; Performing processing operations on the at least one piece of label information in sequence to determine the respective sub-display areas of the at least one piece of label information in the target display area, so that the client can sequentially increase and display the at least one piece of label information in the target display area; as well as In response to an operation on a first tag information in the at least one tag information, feeding back the first tag information to the client, so that the client updates a display page including the target display area to a display page corresponding to the first tag information; The processing operation includes: processing the second tag information in the at least one tag information: Determine the size of the sub-display area required to display the second label information; determine the sub-display area of ​​the second label information in the target display area according to the size of the sub-display area and the starting point position of the displayable area in the target display area, including taking the starting point position of the displayable area as the starting position, determining an area with a size equal to the size of the sub-display area as the sub-display area of ​​the second label information; and update the starting point position of the displayable area according to the size of the sub-display area, wherein the size of the sub-display area includes height and width; the initial position of the starting point position of the displayable area is the display starting point of the target display area, and the displayable area is other areas of the target display area except the determined sub-display area; the second label information is any one of the at least one label information; Among them, determining the sub-display area of ​​the second label information in the target display area also includes, before determining the area whose size is equal to the size of the sub-display area: determining a first size relationship between the height and the available row height of the current row where the starting point position of the displayable area is located; and a second size relationship between the width and the available row width of the current row; when at least one of the first size relationship and the second size relationship is greater than, adjusting the starting point position of the displayable area to the starting position of the next row of the current row, wherein the available row height is the row height in the current row excluding the row height occupied by the determined sub-display area; and the available row width is the row width in the current row excluding the row width occupied by the determined sub-display area.

2. The method according to claim 1, wherein: The updating of the starting position of the displayable area according to the size of the sub-display area comprises: Moving the starting point of the displayable area according to the width to update the starting point of the displayable area; or The starting point position of the displayable area is moved according to the height to update the starting point position of the displayable area.

3. The method according to claim 1, wherein: The size of the sub-display area includes height and width; the method further includes: Determine the height value of the target display area as the sum of the height of the starting point of the displayable area and the height, Among them, the height of the starting point of the displayable area is: the coordinate value of the starting point of the displayable area in the height direction in the coordinate system established based on the target display area; the origin of the coordinate system established based on the target display area is the display starting point of the target display area.

4. The method according to claim 1, wherein: The size of the sub-display area includes a height and a width; the processing operation also includes before determining the sub-display area of ​​the second tag information in the target area: Determining whether the width is greater than a width of the target display area; In the case where the width is greater than the width of the target display area, performing a truncation operation on the second label information so that the width of the sub-display area required by the second label information obtained after the truncation operation is not greater than the width of the target display area; as well as The width is adjusted to the width of the sub-display area required by the second label information obtained after the truncation operation.

5. The method according to claim 1, wherein: The determining the size of the sub-display area required for displaying the second tag information comprises: determining a display height and a display width of the second tag information according to a display format of the second tag information; and Determine the size of the sub-display area required for displaying the second label information according to the preset margin and the display height and display width of the second label information, The preset margin is the distance between the second label information and the edge of the sub-display area.

6. The information display method according to claim 1, further comprising before sequentially performing processing operations on the at least one tag information: determining whether there is an established target display area; In the case where the established target display area exists, releasing the established target display area and establishing the target display area; When the established target display area does not exist, the target display area is established.

7. An information display device, comprising: Processing module, including display component and processing component; A multiplexing module, configured as an agent of the processing module; The multiplexing module includes an information interface and a proxy interface, the information interface is used to obtain information to be displayed, the information to be displayed includes at least one tag information, each tag information in the at least one tag information corresponds to a display page; the proxy interface is used to access the client; Wherein, the multiplexing module is configured as follows: The at least one tag information is sequentially transmitted to the processing module to instruct the processing module to perform the following operations on the transmitted tag information: Performing a processing operation on the incoming tag information by calling the processing component to determine a sub-display area of ​​the incoming tag information in a target display area; and By calling the display component, the client displays the input tag information in the sub-display area to display the at least one tag information; and In response to an operation on a first tag information in the at least one tag information, feeding back the first tag information to the client, so that the client updates a display page including the target display area to a display page corresponding to the first tag information; Wherein, performing processing operations on the incoming label information includes, for the second label information in the at least one label information: determining the size of a sub-display area required to display the second label information; determining the sub-display area of ​​the second label information in the target display area according to the size of the sub-display area and the starting position of the displayable area in the target display area, including taking the starting position of the displayable area as the starting position, determining an area with a size equal to that of the sub-display area as the sub-display area of ​​the second label information; and updating the starting position of the displayable area according to the size of the sub-display area, wherein the size of the sub-display area includes height and width; the initial position of the starting position of the displayable area is the display starting point of the target display area, and the displayable area is other areas in the target display area except the determined sub-display area; the second label information is any one of the at least one label information; Among them, determining the sub-display area of ​​the second label information in the target display area also includes, before determining the area whose size is equal to the size of the sub-display area: determining a first size relationship between the height and the available row height of the current row where the starting point position of the displayable area is located; and a second size relationship between the width and the available row width of the current row; when at least one of the first size relationship and the second size relationship is greater than, adjusting the starting point position of the displayable area to the starting position of the next row of the current row, wherein the available row height is the row height in the current row excluding the row height occupied by the determined sub-display area; and the available row width is the row width in the current row excluding the row width occupied by the determined sub-display area.

8. An electronic device comprising: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors execute the information display method according to any one of claims 1 to 6.

9. A computer-readable storage medium having executable instructions stored thereon, which, when executed by a processor, causes the processor to execute the information display method according to any one of claims 1 to 6.

Images