CN113687809A - Information display method and device, electronic equipment and readable storage medium - Google Patents

Information display method and device, electronic equipment and readable storage medium Download PDF

Info

Publication number
CN113687809A
CN113687809A CN202010422191.6A CN202010422191A CN113687809A CN 113687809 A CN113687809 A CN 113687809A CN 202010422191 A CN202010422191 A CN 202010422191A CN 113687809 A CN113687809 A CN 113687809A
Authority
CN
China
Prior art keywords
information
display area
display
sub
width
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202010422191.6A
Other languages
Chinese (zh)
Inventor
郭挺
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN202010422191.6A priority Critical patent/CN113687809A/en
Publication of CN113687809A publication Critical patent/CN113687809A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Abstract

The disclosure provides an information display method and device, an electronic device and a readable storage medium. The information display method comprises the following steps: acquiring information to be displayed, wherein the information to be displayed comprises at least one piece of label information, and each piece of label information in the at least one piece of label information corresponds to one display page; sequentially performing processing operation on the at least one piece of label information to determine a sub-display area of the at least one piece of label information in the target display area, so that the client can display the at least one piece of label information in the target display area; and responding to the operation aiming at the first tag information in the at least one tag information, and sending a display page corresponding to the first tag information to the client so that the client can update the display page comprising the target display area to the display page corresponding to the first tag information.

Description

Information display method and device, electronic equipment and readable storage medium
Technical Field
The present disclosure relates to the field of electronic technologies, and in particular, to an information display method and apparatus, an electronic device, and a readable storage medium.
Background
With the development of electronic technology, it is common for users to present information to users in an information flow manner. When the information is displayed in the information flow mode, the contents of a plurality of pieces of information displayed are different and different in length. Therefore, the sizes and positions of the parts of the display page are different, and the layout of the page is relatively difficult to be tidy.
In order to display information in an information flow mode, basic components such as a Label component, an Image component and a Button component can be used for displaying characters and pictures. However, the scheme for realizing the display by using the basic components has poor flexibility of page layout, cannot dynamically display according to contents, and can only be suitable for the situations of fixed layout and single rule.
To enable dynamic presentation of content, presentation of text and pictures may be accomplished using a UI TableView component or a UI CollectionView component. The interactive interface table view component is not applicable to flows of varying amounts of information with varying content. The interactive interface collection view needs to realize the presentation of information flow through complex configuration.
Disclosure of Invention
In view of the above, the present disclosure provides an information display method and apparatus, an electronic device, and a readable storage medium capable of flexibly displaying an information stream.
One aspect of the present disclosure provides an information display method, including: acquiring information to be displayed, wherein the information to be displayed comprises at least one piece of label information, and each piece of label information in the at least one piece of label information corresponds to one display page; sequentially performing processing operation on the at least one piece of label information to determine a sub-display area of the at least one piece of label information in the target display area, so that the client can display the at least one piece of label information in the target display area; and responding to the operation aiming at the first tag information in the at least one tag information, and feeding back the first tag information to the client so that the client can update the display page comprising the target display area to the display page corresponding to the first tag information.
According to an embodiment of the present disclosure, the processing operation includes, for a second tag information of the at least one tag information: determining the size of a sub-display area required for displaying the second label information; determining a 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; and updating the starting position of the displayable region according to the size of the sub-display region. The initial position of the starting point position of the displayable region is the display starting point of the target display region, and the displayable region is other regions except the determined sub-display region in the target display region; the second tag information is any one of the at least one tag information.
According to an embodiment of the present disclosure, determining the sub-display area of the second tag information in the target display area includes: and determining an area with the size equal to that of the sub display area as the sub display area of the second label information by taking the starting position of the displayable area as the starting position.
According to an embodiment of the present disclosure, the size of the sub display area includes a height and a width; determining the sub-display area of the second tag information in the target display area further comprises: prior to determining a region of equal size to the sub-display region: determining a first size relation 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 of the width to an available line width of the current line; when at least one of the first size relation and the second size relation is larger than the first size relation, the starting position of the displayable area is adjusted to be the starting position of the next line of the current line. Wherein, the available line height is the line height except the line height occupied by the determined sub-display area in the current line; the available line width is the line width of the current line except the line width occupied by the determined sub-display area.
According to an embodiment of the present disclosure, the size of the sub display area includes a height and a width; updating the start position of the displayable region according to the size of the sub-display region includes: moving the starting position of the displayable region according to the width to update the starting position of the displayable region; or the start position of the displayable region is moved according to the height to update the start position of the displayable region.
According to an embodiment of the present disclosure, the size of the sub display area includes a height and a width; the information display method further comprises: and 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. Wherein, the height of the starting point position of the displayable area is as follows: coordinate values of the starting point position of the displayable region in the height direction in a coordinate system established based on the target display region; and the origin of the coordinate system established on the basis of the target display area is the display starting point of the target display area.
According to an embodiment of the present disclosure, the size of the sub display area includes a height and a width; the processing operations further comprise, prior to determining the sub-display region of the second tag information in the target region: determining whether the width is greater than the width of the target display area; performing truncation operation on the second label information under the condition that the width is larger than that of the target display area, so that the width of a sub-display area required by the second label information obtained after the truncation operation is not larger than that of the target display area; and adjusting the width to the width of the sub-display area required by the second label information obtained after the truncation operation.
According to an embodiment of the present disclosure, determining a size of the sub display area required to display the second tag information includes: determining the display height and the 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 the display width of the second label information. And the preset edge distance is the distance between the second label information and the edge of the sub-display area.
According to an embodiment of the present disclosure, the information display method further includes, before the processing operation is sequentially performed on the at least one tag information: determining whether an established target display area exists; under the condition that the established target display area exists, releasing the established target display area and establishing the target display area; and when the established target display area does not exist, establishing the target display area.
Another aspect of the present disclosure also provides an information display apparatus, including: the processing module comprises a display component and a processing component; a multiplexing module configured as a proxy for the processing module; the multiplexing module comprises an information interface and an agent interface, wherein the information interface is used for acquiring information to be displayed, the information to be displayed comprises at least one piece of label information, and each piece of label information in the at least one piece of label information corresponds to one display page; the proxy interface is used to access the client. Wherein the multiplexing module is configured to: sequentially transmitting the at least one tag information to the at least one processing module to instruct the processing module to perform the following operations: executing a processing operation on the incoming label information by calling a processing component to determine a sub-display area of the incoming label information in the target display area; and enabling the client to display the incoming label information in the sub-display area by calling the display component; and responding to the operation aiming at the first tag information in the at least one tag information, and feeding back the first tag information to the client so that the client can update the display page comprising the target display area to the display page corresponding to the first tag information.
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 are caused to execute the above-described information display method.
Another aspect of the present disclosure provides a computer-readable storage medium storing computer-executable instructions for performing the information display method as described above when executed by a processor.
Another aspect of the disclosure provides a computer program comprising computer executable instructions for implementing the method as described above when executed.
According to the embodiment of the disclosure, the technical problems that the display method in the related art cannot display information streams with different contents and variable quantities and is complex in configuration can be at least partially solved. The embodiment of the disclosure sequentially determines the respective sub-display areas by sequentially processing at least one piece of label information to be displayed, rather than relying on pre-configuration, and can facilitate displaying information streams with inconsistent content lengths and variable quantities. Therefore, the technical effects of simple configuration and high processing efficiency are achieved to a certain extent.
Drawings
The foregoing and other objects, features and advantages of the disclosure will be apparent from the following description of embodiments of the disclosure, which proceeds with reference to the accompanying drawings, in which:
fig. 1 schematically illustrates an application scenario of an information display method and apparatus, and an electronic device and a readable storage medium according to an embodiment of the present disclosure;
FIG. 2 schematically illustrates a flow chart of an information display method according to an embodiment of the disclosure;
FIG. 3 schematically illustrates a flow diagram of processing operations performed with respect to tag information, in accordance with an embodiment of the present disclosure;
FIG. 4 schematically illustrates a flow chart for determining a sub-display area of any tag information in a target area according to an embodiment of the present disclosure;
FIG. 5 schematically illustrates a flow diagram of processing operations performed on tag information, according to another embodiment of the present disclosure;
FIG. 6A schematically illustrates a flow chart of an information display method according to another embodiment of the present disclosure;
FIG. 6B schematically illustrates a schematic diagram of determining a height value of a target display area;
FIG. 7 schematically illustrates a flow chart of an information display method according to yet another embodiment of the present disclosure;
fig. 8 schematically shows a block diagram of the structure of an information display apparatus according to an embodiment of the present disclosure;
fig. 9A schematically shows a structural diagram of a processing module in the information display apparatus according to the embodiment of the present disclosure;
fig. 9B schematically shows a structural diagram of a multiplexing module in the information display apparatus according to the embodiment of the present disclosure; and
fig. 10 schematically shows a block diagram of an electronic device adapted to implement the information display method according to an embodiment of the present disclosure.
Detailed Description
Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. It should be understood that the description is illustrative only and is not intended to limit the scope of the present disclosure. In the following detailed description, for purposes of explanation, numerous specific details are set forth in order to provide a thorough understanding of the embodiments of the disclosure. It may be evident, however, that one or more embodiments may be practiced without these specific details. Moreover, in the following description, descriptions of well-known structures and techniques are omitted so as to not unnecessarily obscure the concepts of the present disclosure.
The terminology used herein is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. The terms "comprises," "comprising," and the like, as used herein, specify the presence of stated features, steps, operations, and/or components, but do not preclude the presence or addition of one or more other features, steps, operations, or components.
All terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art unless otherwise defined. It is noted that the terms used herein should be interpreted as having a meaning that is consistent with the context of this specification and should not be interpreted in an idealized or overly formal sense.
Where a convention analogous to "at least one of A, B and C, etc." is used, in general such a construction is intended in the sense one having skill in the art would understand the convention (e.g., "a system having at least one of A, B and C" would include but not be limited to systems that have a alone, B alone, C alone, a and B together, a and C together, B and C together, and/or A, B, C together, etc.).
An embodiment of the present disclosure provides an information display method, including the steps of: firstly, information to be displayed is acquired, the information to be displayed comprises at least one piece of label information, and each piece of label information in the at least one piece of label information corresponds to a display page; then, processing operation is sequentially performed on the at least one piece of label information to determine a sub-display area of the at least one piece of label information in the target display area, so that the client can conveniently display the at least one piece of label information in the target display area; and finally, responding to the operation aiming at the first tag information in the at least one tag information, and feeding back the first tag information to the client so that the client can update the display page comprising the target display area to the display page corresponding to the first tag information.
Fig. 1 schematically illustrates an application scenario of an information display method and apparatus, an electronic device, and a readable storage medium according to an embodiment of the present disclosure. It should be noted that fig. 1 is only an example of an application scenario in which the embodiments of the present disclosure may be applied to help those skilled in the art understand the technical content of the present disclosure, but does not mean that the embodiments of the present disclosure may not be applied to other devices, systems, environments or scenarios.
As shown in fig. 1, 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 serves as a medium for providing communication links between the terminal devices 101, 102, 103 and the server 105. Network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, to name a few.
The user may use the terminal devices 101, 102, 103 to interact with the server 105 via the network 104 to receive or send messages or the like. The terminal devices 101, 102, 103 may have installed thereon various communication client applications, such as shopping-like applications, web browser applications, search-like applications, instant messaging tools, mailbox clients, social platform software, etc. (by way of example only).
The terminal devices 101, 102, 103 may be various electronic devices having a display screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop portable computers, desktop computers, and the like. The terminal devices 101, 102, 103 may, for example, perform a display of an information stream by processing, which may result from sending an acquisition request to the server 105 via the network 104, for example.
In one embodiment, the information stream may include, for example, a search record that is displayed upon clicking on a search bar in a client application or web page. After clicking the search bar, the terminal devices 101, 102, 103 may display several to several tens of search records searched before one by one, and click these search histories, which may be entered into a search result page. Each time the search bar is clicked, the content of the search is recorded as a search record. Therefore, the search records displayed after clicking the search bar are dynamically updated, and the information lengths included in different search records are also inconsistent.
In an embodiment, the information flow may include, for example, rating tags that are added by other users shown in the client application for users corresponding to the social account. After clicking the evaluation tag, the terminal devices 101, 102, and 103 display social account information of other users who add the evaluation tag. The rating labels are also dynamically updated and the lengths of the different rating labels are also inconsistent.
According to the embodiment of the present disclosure, in order to display the information streams with different lengths and dynamically updated and improve display flexibility, an information display device may be disposed in the terminal devices 101, 102, and 103, so as to automatically and sequentially determine a display area of each piece of information included in the information streams after the information streams to be displayed are acquired, so that the terminal devices 101, 102, and 103 sequentially display the corresponding pieces of information in the determined display areas.
The server 105 may be a server providing various services, such as a background management server (for example only) providing support for websites browsed by users using the terminal devices 101, 102, 103. The background management server may feed back information to be displayed (for example, the aforementioned information flow) to be displayed to the terminal device in response to the received acquisition request and the like.
It should be noted that the information display method provided by the embodiments of the present disclosure may be generally executed by the terminal devices 101, 102, and 103. Accordingly, the information display apparatus provided by the embodiments of the present disclosure may be generally disposed in the terminal devices 101, 102, 103.
It should be understood that the number of terminal devices, networks, and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.
The information display method of the embodiment of the present disclosure will be described in detail below with reference to fig. 2 to 5, 6A to 6B, and 7.
Fig. 2 schematically shows a flow chart of an information display method according to an embodiment of the present disclosure.
As shown in fig. 2, the information display method of this embodiment may include operations S210 to S230, and may be performed by, for example, the terminal apparatuses 101, 102, 103 in fig. 1, and specifically, may be performed by an information display device provided in the terminal apparatus.
In operation S210, information to be displayed is acquired, where the information to be displayed includes at least one piece of tag information, and each piece of tag information in the at least one piece of tag information corresponds to one display page.
According to the embodiment of the present disclosure, the information to be displayed may be obtained by, for example, the terminal devices 101, 102, 103 sending an obtaining request to the server 105. Or, the information to be displayed may be pre-loaded and stored locally in the terminal device, for example. The label information of the information to be displayed may be, for example, text information and/or picture information, and each label information corresponds to one display page. The display page corresponding to the tag information may be details of text information or picture information represented by the tag information, for example.
In one embodiment, the information to be displayed may include, for example, a search record, an evaluation tag, a book directory, and the like that need to be displayed in a client application or a web page. The information to be displayed is, for example, the aforementioned information stream capable of being 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 according to the search record represented by the tag information. When the information to be displayed is the evaluation tag, the display page corresponding to the tag information may be, for example, account information of the user to which the tag information is added.
In operation S220, processing operations are sequentially performed on the at least one tag information to determine a sub-display area of the at least one tag information in the target display area, so that the client displays the at least one tag information in the target display area.
According to an embodiment of the present disclosure, the operation S220 may include, for example: firstly, sequencing the at least one piece of label information and distributing a number from small to large; and then, according to the number, sequentially performing processing operation on the at least one piece of label information, thereby determining a sub-display area for displaying each piece of label information in the target display area. When the processing operation is performed on the tag information with the larger number, the sub-display area displaying the tag information with the larger number can be determined according to the size and the position of the determined sub-display area displaying the tag information with the smaller number.
In an embodiment, the sub-display region for displaying the tag information may be substantially the position information (for example, a start position, an end position, and the like may be included) of the sub-display region for displaying the tag information in the display screen of the terminal device 101, 102, 103. The operation S220 can be implemented by the flow described in the following fig. 3, for example, and is not described herein again.
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, 103. The target display area may be, for example, an area in which a position and a size are set in advance, or may be an area in which only an initial position is set, but the size may be determined according to the size of an area necessary when the at least one piece of tag information is displayed sequentially.
In an embodiment, in addition to the information to be displayed, for example, title information may be obtained, and the title information may be, for example, a title of the at least one tag information. For example, when the tag information is a search record, the header information may be character information such as "search history". The target display area may be, for example, other areas in the display page of the terminal apparatus 101, 102, 103 except for the display area for displaying the title information. The display area for displaying the title information may be set in advance, for example.
In an embodiment, in addition to the information to be displayed, for example, control information may be acquired, and the control information may send an instruction to the terminal device 101, 102, 103 to delete the selected tag information of the at least one tag information or move the display position of the selected tag information of the at least one tag information in response to a "click" or the like operation. The target display area may be, for example, other areas in the display page of the terminal device 101, 102, 103 except for the display area for displaying the control information. The display area for displaying the control information may be set in advance, for example.
In an embodiment, in addition to 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 in the display page of the terminal apparatus 101, 102, 103 except for the display area for displaying the control information and the title information.
After a sub-display area of the tag information is not determined, the position information of the sub-display area may be fed back to the currently running application program or the currently displayed web page of the terminal device 101, 102, 103, so that the currently running application program or the currently displayed web page sequentially displays at least one tag information according to the position information of the sub-display area.
In operation S230, in response to an operation on first tag information of 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.
The application program displaying at least one piece of label information in the terminal equipment senses the selection operation of the first label information in the displayed at least one piece of label information, and can feed back the selection operation to the information display device in the terminal equipment. The information display apparatus may determine the first tag information for the selected operation by performing operation S230, and feed back the first tag information to a client (which may be, for example, an operating system of the terminal device or an application program displaying at least one tag information). Therefore, the client can know that the display page needing to be acquired next is the display page corresponding to the first tag information. The client sends an acquisition request to the server 105 in fig. 1 to acquire a corresponding display page, and the display page on which the first tag information is displayed is replaced with the display page corresponding to the first tag information. The first tag information may be, for example, any one of at least one tag information.
Fig. 3 schematically illustrates a flowchart of processing operations performed on tag information according to an embodiment of the present disclosure.
As shown in fig. 3, the processing operations performed with respect to any one of the at least one tag information include operations S321 to S323.
In operation S321, a size of a sub display area required to display the second tag information is determined. The second tag information is any one of the at least one tag information.
According to an embodiment of the present disclosure, considering that the display screen is generally a two-dimensional screen, the determined size of the sub-display area may include, for example, the height and width of the sub-display area. In view of the fact that the size of the sub-display area is generally limited by the information amount of the label information to be displayed, the display height and the display width of the second label information may be determined first, and then the sub-display area may be determined according to the display height and the display width of the label information. In order to make the display page beautiful, the height and width of the sub-display area should be generally larger than the display height and width of the tag information.
In an embodiment, operation S321 may include, for example: and determining the display height and the display width of the second label information according to the display format of the second label information. And then 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 the display width of the second label information. And the preset edge distance is the distance between the second label information and the edge of the sub-display area. For example, an edge distance attribute may be set in advance for the sub display area, the edge distance attribute being similar to a margin in a document editing program or the like for defining a distance between the content displayed in the sub display area and a border boundary 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 the user-defined margin attribute in response to the user operation.
In an embodiment, the preset margins may include, for example, a width-direction margin (e.g., a left margin and a right margin) and a height-direction margin (e.g., an upper margin and a lower margin) when determining the size of the sub-display area required to display the second tag information. In 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.
In an embodiment, when the second label information is displayed along the width direction of the display screen (displayed horizontally), and the second label information is character information, the display width of the second label information may be determined according to information such as the number of characters, the character size, and the character font included in the second label information; and determining the display height of the second label information according to the height of each line of the target display area and the upper margin and the lower margin. When the second tag information is picture information, the display height and the display scale of the picture information can be set in advance because the second tag information is displayed along the width direction of the display screen. And then determining the display width of the obtained picture information according to the display scale and the display height. When the second tag information is displayed along the height direction of the display screen, the method for determining the display height and the display width of the second tag information is similar to the method for determining the display height and the display width when the second tag information is displayed along the width direction of the display screen, and details are not repeated here.
In operation S322, a 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 start position of the displayable area in the target display area. In operation S323, the start position of the displayable region is updated according to the size of the sub-display region.
According to the embodiment of the disclosure, the initial position of the starting point position of the displayable region is the display starting point of the target display region, and the displayable region is the other region except the determined sub-display region in the target display region. The display starting point of the target display area is the initial position of the target display area, and the initial position may be, for example, a point at the upper left corner of the target display area. The determined sub-display areas may be, for example: and a sub-display area of the tag information having a smaller number than that of the second tag information.
In an embodiment, the operation S322 may include, for example: and determining an area with the size equal to that of the sub display area as the sub display area of the second label information by taking the starting position of the displayable area as the starting position.
According to an embodiment of the present disclosure, the method of updating the start position of the displayable region in operation S323 may depend on a display layout manner of the at least one tag information. For example, when the at least one tag information is laid out horizontally, the start position of the displayable region may be moved according to the width of the sub-display region required for the second tag information to update the start position of the displayable region. When the at least one piece of tag information is laid out vertically, for example, the start position of the displayable region may be moved according to the height of the sub-display region required by the second piece of tag information to update the start position of the displayable region.
In an embodiment, taking the horizontal layout of at least one tag as an example, the detailed flow and the display flow of the processing operation performed on at least one tag information may be as follows. For example, a coordinate system O-X-Y as shown in fig. 6B is established with the display start point of the target display area as the origin of coordinates O. Then, at least one piece of tag information is assigned with a number from small to large, and when the number is assigned, the number can be assigned according to the chronological order of the generation of the tag information, for example. The size of the sub-display area required for each of the at least one tag information is then determined by the method described in operation S321. Then, with the origin O of coordinates as the initial position of the starting point position of the displayable region, the sub-display region of the tag information with the smallest number of the target display region is determined to have X-axis coordinates of X or less by the method described in operation S3221Y-axis coordinate less than or equal to Y1Wherein x is1The width value, y, of the sub display area required for the label information of the smallest number determined through operation S3211Is determined through operation S321The height value of the sub-display area required for the label information with the smallest number. After the sub-display area of the label information with the smallest number is determined, the position of the starting point of the displayable area is changed to the coordinate value of (x)1And 0), simultaneously feeding back the label information with the minimum number and the sub-display area to the client, so that the client displays the label information with the minimum number according to the position of the sub-display area. Then using the coordinate value as (x)10), and the sub-display area of the label information having the smallest number in the target display area is determined through operations S321 to S322, for example, it can be determined that the X-axis coordinate value is larger than X1And is less than x1+x2Y-axis coordinate value of less than or equal to Y2Is a sub-display area of the label information numbered the next smaller, wherein x2Width of sub-display area, y, required for label information numbered the next smallest2The height of the sub-display area required for the label information numbered the next smallest. Then, the starting position of the displayable region is changed through operation S323, and the tag information of the sub-display region and the tag information of the next smaller number are fed back to the client, so that the client adds the tag information of the next smaller number to the target display region according to the position of the sub-display region. By analogy, a sub-display area for 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. Wherein, in view of the horizontal layout of the at least one tag information, the height of the sub-display area required for the at least one tag information may be equal, for example, for neatness of the display page. When at least one piece of label information is longitudinally arranged, the processing operation executed on at least one piece of label information is similar to the processing operation in the transverse arrangement, and is not described again here.
Wherein, the width and height of the display screen of the terminal device are fixed in consideration of the final display of the target display area on the display screen of the terminal device. Therefore, the processing operation performed on at least one piece of tag information as described above also needs to determine whether the row (column in the vertical layout) where the start position of the displayable region is located can accommodate the second piece of tag information, for example. When the second label information is not contained, another line (or another column) is used for determining the sub-display area of the second label information.
Fig. 4 schematically illustrates a flowchart of determining a sub-display area of second tag information in a target area according to an embodiment of the present disclosure.
As shown in fig. 4, operation S322 of determining the sub display region of the second tag information in the target region may include, for example, operations S4221 to S4223.
In operation S4221, determining a first size relationship between the height and an available line height of a current line at which a start position of the displayable region is located; and a second size relationship of the width to an available line width of the current line. In operation S4222, when at least one of the first size relationship and the second size relationship is greater than the first size relationship, the start position of the displayable region is adjusted to be a start position of a next line of the current line. In operation S4223, a region having a size equal to that of the sub display region is determined as the sub display region of the second tag information, with the start position of the displayable region as the start position.
The available line height is the line height except the line width occupied by the determined sub-display area in the current line, and the available line width is the line width except the line width occupied by the determined sub-display area in the current line.
According to an embodiment of the present disclosure, when at least one of the tab information is arranged horizontally, the operation S4221 may determine only a size relationship between a width of the sub display area of the second tab information and an available line width of the current line, for example. When the size relation is less than the preset size relation, the starting position of the displayable area is adjusted to be the starting position of the next line of the current line. For example, if the starting point of the displayable region is (x)b，yb) Then the available width of the current row is Wmax-xb. Wherein, WmaxSetting the starting position of the displayable region to (0, y) if the available width is smaller than the width of the sub-display region required for the second tab information, which is the width of the target display regionb+yo). Wherein, yoThe height value is a predetermined value for the height of each row in the target display area. When the magnitude relation is larger than the predetermined value, the displayable display is not adjustedThe start position of the area is determined as it is by operation S4223, and the sub-display area of the second tag information is determined. When at least one piece of label information is transversely arranged, the height of the sub display area required by each piece of label information can be preset, so that the height can be set to be not more than the height of each line of the target display area.
According to an embodiment of the present disclosure, when at least one of the tab information is arranged vertically, the operation S4221 may determine only a size relationship between a height of the sub display area of the second tab information and an available height of the current line, for example. When the size relation is less than the preset size relation, the starting position of the displayable area is adjusted to be the starting position of the next line of the current line. For example, if the starting point of the displayable region is (x)b，yb) Then the available height of the current row is Hmax-yb. Wherein HmaxSetting the starting position of the displayable region to (0, y) if the available height is smaller than the height of the sub-display region required for the second tag information for the height of each line of the target display regionb+yo). Wherein, yoThe height value is a predetermined value for the height of each row in the target display area. If the size relationship is greater than the predetermined size, the sub-display area of the second tag information is determined by operation S4223 without adjusting the start position of the displayable area. When at least one piece of label information is longitudinally arranged, the width of the sub display area required by each piece of label information can be preset, so that the width can be set to be not more than the width of the target display area.
According to the 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 may be made not greater than the width W of the target display areamax。
Fig. 5 schematically shows a flowchart of processing operations performed on tag information according to another embodiment of the present disclosure.
As shown in fig. 5, the processing operations 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 the operations S321 and S322, for example. Operations S524 to S526 will be described in detail below, taking the second tag information as an example. It is understood that each of the at least one tag information may pass through the methods of operations S524 to S526, such that the width of the sub-display area required by each tag information is not greater than the width of the target display area.
In operation S524, it is determined whether the width of the sub display area required for the second tag information is greater than the width of the target display area. In operation S525, in a case where the width of the sub display region required for the second tag information is greater than the width of the target display region, a truncation operation is performed on the second tag information such that the width of the sub display region required for the second tag information obtained after the truncation operation is not greater than the width of the target display region.
The truncation operation may include, for example: and removing unimportant information in the second label information, and only displaying important information. When at least one piece of tag information is text information, the unimportant information may be prepositions such as "and" as "and words such as" moods ". When the at least one piece of tag information is picture information, the unimportant information may be, for example, information of a corner region of a picture, or the like.
After the truncation operation is performed, in order to facilitate determination of the sub display region of the second tag information, operation S526 is performed to adjust the width to the width of the sub display region required according to the second tag information obtained after the truncation operation.
According to the embodiment of the present disclosure, if it is determined in operation S524 that the width of the sub display area required by the second tag information is not greater than the width of the target display area, the sub display area of the second tag information may be determined directly by performing operation S322 without performing a truncation operation on the second tag information.
According to the embodiment of the disclosure, in order to improve the utilization rate and tidiness of the display page, the height of the target display area can just accommodate the next at least one piece of label information as far as possible under the condition that the height of the target display area is smaller than that of the display screen. Therefore, after the sub-display area of each of the at least one piece of tag information is determined, the height of the target display area can be determined according to the position of the sub-display area of the tag information with the largest number. In this case, the height of the target display area may be determined based on the final starting position of the displayable area after all the sub-display areas of the tab information are determined, considering that the starting position of the displayable area is updated based on the sub-display areas of the tab information.
FIG. 6A schematically illustrates a flow chart of an information display method according to another embodiment of the present disclosure; FIG. 6B schematically illustrates a schematic diagram of determining a height value of a target display area.
As shown in fig. 6A, the information display method of this embodiment includes operation S640, in addition to operation S210 to operation S230, of determining that the height value of the target display area is the sum of the height at which the start point position of the displayable area is located and the height. This operation S230 may be performed, for example, after the sub display region of each of the at least one tag information is determined in operation S220.
Wherein, the height of the starting point position of the displayable region is the coordinate value of the starting point position of the displayable region in the height direction in the coordinate system established based on the target display region.
As shown in FIG. 6B, in one embodiment, the coordinate system established based on the target display area is: and a coordinate system established by taking the vertex at the upper left corner of the target display area as the origin O of the coordinate system, taking the side of the target display area parallel to the width direction of the display screen (namely the width direction of the target display area) as the X axis, and taking the side of the target display area parallel to the height direction of the display screen (namely the height direction of the target display area) as the Y axis. The at least one piece of tag information may be, for example, a search record, and the at least one piece of tag information may include, for example, five pieces of tag information, namely, "shoe cabinet", "european curtain", "european classic wall painting", "one-piece dress", and "pet snack", where each piece of tag information corresponds to one sub-display region, and for example, the sub-display region corresponding to the piece of tag information "european curtain" is sub-display region 611 in fig. 6B. After the sub-display areas of the five pieces of label information are determined, the starting point of the displayable area is the position of the top right corner vertex of the sub-display area of the last label information "pet treat". By adding the value of the starting position of the displayable region in the Y-axis direction (i.e., the height value at which the starting position is located) to the height of the sub-display region of the label information "pet treat". By calculating the height of the target display area, the portion above the dotted line in the display interface shown in fig. 6B can be determined as the target display area.
As shown in fig. 6B, in an embodiment, the information to be displayed includes, in addition to at least one piece of label information in the acquired information to be displayed, title information 612 and control information 613. In this case, the display screen of the client displays the title information and the control information in addition to the at least one label information.
According to the embodiment of the present disclosure, in order to enable the information display apparatus executing the information display method to be used for displaying a plurality of information streams displayed on different pages, it should be ensured that the target display area displaying the information to be displayed obtained in operation S210 does not display other information. Therefore, when there is an already established target display area, the target display area can be deleted and the target display area can be re-established.
Fig. 7 schematically shows a flowchart of an information display method according to still another embodiment of the present disclosure.
As shown in fig. 7, the information display method of this embodiment may further include operations S750 to S770 in addition to operations S210 to S230. The operations S750 to S770 may be performed between the operations S210 and S220.
In operation S750, it is determined whether there is an established target display area.
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.
In the case where it is determined in operation S750 that there is no established target display area, operation S770 is directly performed.
In operation S770, a target display area is established.
The structure of the information display device for implementing the embodiment of the present disclosure will be described in detail below with reference to fig. 8 and 9A to 9B.
Fig. 8 schematically shows a block diagram of the structure of an information display device according to an embodiment of the present disclosure.
As shown in fig. 8, the information display apparatus 800 includes a multiplexing module 810 and a processing module 820.
Wherein processing module 820 includes a presentation component 821 and a processing component 822. In order to obtain the information to be displayed, the multiplexing module 810 may be provided with an information interface for obtaining the information to be displayed. The information to be displayed comprises at least one piece of label information, and each piece of label information corresponds to one display page. The multiplexing module 810 is configured as a proxy for the processing module such that the multiplexing module 810 invokes the processing module 820 to perform the processing operations on each tag information.
Specifically, the processing module 820 may sequentially perform a processing operation on at least one tag information in the information to be displayed. The multiplexing module 810 may determine the sub-display regions of the incoming tag information in the target display region by sequentially entering the tag information into the processing module 820 such that the processing component 822 of the processing module 820 performs processing operations on the sequentially incoming tag information. The processing module 820 may also cause the client to display the incoming label information in the sub-display area by invoking a display component.
In order to facilitate interaction with clients, the multiplexing module 810 may also be provided with a proxy interface for accessing clients, according to embodiments of the present disclosure. In particular, the proxy interface may be used to access an application that displays the information to be displayed. Therefore, when the client senses the operation of the first tag information in at least one tag displayed by the application program, the client sends the operation information to the multiplexing module 810, so that the multiplexing module 810 responds to the operation of the first tag information and feeds back the first tag information to the client, and the client can update the display page including the target display area to the display page corresponding to the first tag information.
The information display device of the embodiment of the present disclosure will be described in detail below with reference to fig. 9A to 9B. Fig. 9A schematically shows a structural diagram of a processing module in an information display device according to an embodiment of the present disclosure, and fig. 9B schematically shows a structural diagram of a multiplexing module in an information display device according to an embodiment of the present disclosure.
As shown in fig. 9A, the processing module is configured to determine the size of the cell and the location information of the cell in the target display area. The cell determined by the processing module may be, for example, a sub-display area of the incoming label information. The size of the cell may be adaptively adjusted according to the content of the incoming tag information, for example. After the processing module determines the location information of the cell of the incoming label information, the client can reasonably display the cell according to the size and the location information after the cell is self-adapted through the display component.
In an embodiment, for example, taking the at least one tag information horizontal arrangement as an example, the processing component 822 of the processing module 820 may give the height and maximum width attributes of the cell, because the horizontal arrangement is adopted, the height of the cell is a fixed value, and the width of the cell cannot exceed the width of the target display area. Meanwhile, the processing component 822 can also set an edge instet attribute of the cell, and the attribute is used to set the content of the cell (i.e., the tag information corresponding to the cell) and the inner edge distance (divided into the inner edge distances in the up, down, left, and right directions) of the peripheral edge (the boundary of the cell). The processing component 822 may also set a content type attribute (the attribute may be text or image) for specifying the type of information stream displayed by the cell. When the content type attribute is text, the content displayed by the cell is characters, and when the content type is image, the content displayed by the cell is a picture. The processing component 822 may also set an index attribute for the cell, for example, where the index attribute is used to set the number allocated to the cell. Finally, an agent is required to be set for the processing module, the agent is a multiplexing module, and the agent is used for notifying the multiplexing device when the display component senses operation through the label information displayed on the display screen of the client.
Taking the example of the transversal arrangement of at least one tag information, the internal processing flow of the processing module may include the following steps.
The incoming label information is assigned to the display component 821 to populate the label component or image component used by the display component to display the label information.
Then, the processing module 822 calculates the display width (width) of the tag information according to the tag information, and the display height is obtained by first calculating the display width and subtracting the upper and lower inner edge distances of the edge instet from the height of the cell. When the content type attribute is text, the display width can be calculated according to the information such as the number of characters, the font size, the font style and the like. And when the content type attribute is image, determining an aspect ratio example according to the initial size of the picture, and then multiplying the display height by the aspect ratio example to obtain the display width.
After the display width and the display height are obtained, the sum of the display width and the left and right inner edges of the edge instet may be compared with the maximum width specified by the maximum width attribute, and if the sum exceeds the maximum width, the tag information may be cut.
Finally, the display component 821 refreshes (refresh) the display interface of the client according to the cell to additionally display the incoming label information on the display interface of the client, wherein if the incoming label information is a text, the display component 821 uses a label component to additionally display the label information on the display interface of the client, and if the incoming label information is a picture, the display component 821 uses an image component to additionally display the label information on the display interface of the client. Finally, the width of the cell is the display width of the incoming tag information plus the left and right inner side distances of the edge instet, and the height of the cell is the display height of the incoming tag information plus the upper and lower inner side distances of the edge instet. In order to achieve the effect of real-time dynamic refresh when the attribute is changed, the aforementioned calculation and refresh method may be invoked in the setting method of each attribute set for the cell by the processing component 822.
As shown in fig. 9B, the multiplexing module is mainly designed to have three parts, the first part is a texts component in an array form, or an images component in an array form, and is used to obtain information to be displayed. The second part is a proxy, which is a client for using the multiplexing module. And the third part is a self-defining part self and is used for self-defining adding title information and/or control information.
After the texts component of the multiplexing module acquires information (information stream data) to be displayed, the information stream data needs to be assigned and stored in a database (data) for being sequentially transmitted to the processing module. Then, the multiplexing module is used for setting a display starting point of the target display area. For example, the display start point of the target display area may be set to the vertex of the upper left corner of the display screen, or in the case where there is the title information and/or the control information, the display start point of the target display area may be set to the vertex of the upper left corner of the other area of the display screen than the display of the title information and/or the control information. The multiplexing module may then create a content having a height of 0 and a width, such as a width of the target display area (e.g., a width of the display screen), for displaying at least one tag information.
Before establishing new content, whether the content is established or not can be judged firstly, and the previous content needs to be released under the condition of establishing the content, so that the reusability of the information display device is achieved, and the display content can be refreshed every time new data to be displayed is acquired. And interrupting the process and directly returning if the acquired information to be displayed is empty, so that an empty panel can be displayed even if the information to be displayed is not available. When the obtained information to be displayed is not empty, a number may be assigned to each tag information (each element in the array). Looking at the tag information stored in the data by the traversal data, and iteratively executing the following operations: and sequentially calling the processing module to create a cell for each piece of label information, setting a proxy of the newly created cell as a multiplexing module, and assigning the serial number of the element as the index attribute of the cell. The cell corresponds to the label information one by one. The multiplexing module may also have an edge instet interface, for example, for obtaining assignment of an edge instet attribute uniformly set for the cell by the processing module. Or, the multiplexing module can obtain the assignment of the edge Inset attribute of the cell through the invocation of the agent side. Finally, at least one piece of label information is sequentially transmitted into the processing module 820, so that the processing module determines the size and the display position of the cell in a self-adaptive manner through the internal processing flow of the processing module, and the label information transmitted to the processing module 820 is additionally displayed on the display interface of the client according to the display position as the arrangement position of the at least one piece of label information, so that the determined cell is added to the content. And judging whether the label information transmitted to the processing module is the last (last) or not, and if not, returning to re-create the cell again.
After the last label information in the at least one label 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 label information.
Finally, when the display component of the processing module detects that any one of the label information in the display screen of the client is operated (for example, selected), the processing module may send a notification to the multiplexing module according to the cell of the selected any one of the label information, so as to notify the multiplexing module of the index value of the cell of the any one of the label information, the multiplexing module obtains the any one of the label information from the database data through the index value, and then sends the any one of the label information and the index value to its agent (i.e., the client) in a notification manner, so that the client may obtain a corresponding display page according to the any one of the label information, and replace the current display interface with the display page corresponding to the any one of the label information.
According to an embodiment of the present disclosure, the information display apparatus shown in fig. 8 may implement display of information to be displayed through the processes shown in fig. 2 to 5, fig. 6A to 6B, and fig. 7, for example, and details thereof are not described herein.
Fig. 10 schematically shows a block diagram of an electronic device adapted to implement the information display method according to an embodiment of the present disclosure. The electronic device shown in fig. 10 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
As shown in fig. 10, an electronic device 1000 according to an embodiment of the present disclosure includes a processor 1001 that 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 section 1008 into a Random Access Memory (RAM) 1003. Processor 1001 may include, for example, a general purpose microprocessor (e.g., a CPU), an instruction set processor and/or associated chipset, and/or a special purpose microprocessor (e.g., an Application Specific Integrated Circuit (ASIC)), among others. The processor 1001 may also include onboard memory for caching purposes. The processor 1001 may include a single processing unit or multiple processing units for performing different actions of a method flow according to embodiments of the present disclosure.
In the RAM 1003, various programs and data necessary for the operation of the electronic apparatus 1000 are stored. The processor 1001, ROM 1002, and RAM 1003 are connected to each other by a bus 1004. The processor 1001 performs various operations of the method flow according to the embodiments of the present disclosure by executing programs in the ROM 1002 and/or the RAM 1003. Note that the programs may also be stored in one or more memories other than the ROM 1002 and the RAM 1003. The processor 1001 may also perform various operations of the method flows according to embodiments of the present disclosure by executing programs stored in the one or more memories.
Electronic device 1000 may also include an input/output (I/O) interface 1005, the input/output (I/O) interface 1005 also being connected to bus 1004, according to an embodiment of the present disclosure. Electronic device 1000 may also include one or more of the following components connected to I/O interface 1005: an input section 1006 including a keyboard, a mouse, and the like; an output section 1007 including a display such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage portion 1008 including a hard disk and the like; and a communication section 1009 including a network interface card such as a LAN card, a modem, or the like. The communication section 1009 performs communication processing via a network such as the internet. The driver 1010 is also connected to the I/O interface 1005 as necessary. A removable medium 1011 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 1010 as necessary, so that a computer program read out therefrom is mounted into the storage section 1008 as necessary.
According to embodiments of the present disclosure, method flows according to embodiments of the present disclosure may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable storage medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication part 1009 and/or installed from the removable medium 1011. The computer program performs the above-described functions defined in the system of the embodiment of the present disclosure when executed by the processor 1001. The systems, devices, apparatuses, modules, units, etc. described above may be implemented by computer program modules according to embodiments of the present disclosure.
The present disclosure also provides a computer-readable storage medium, which may be contained in the apparatus/device/system described in the above embodiments; or may exist separately and not be assembled into the device/apparatus/system. The computer-readable storage medium carries one or more programs which, when executed, implement the method according to an embodiment of the disclosure.
According to embodiments of the present disclosure, the computer-readable storage medium may be a non-volatile computer-readable storage medium, which may include, for example but is not limited to: a portable computer diskette, 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. For example, according to embodiments of the present disclosure, a computer-readable storage medium may include the ROM 1002 and/or the RAM 1003 described above and/or one or more memories other than the ROM 1002 and the RAM 1003.
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 disclosure. 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 or flowchart illustration, and combinations of blocks in the block diagrams 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.
Those skilled in the art will appreciate that various combinations and/or combinations of features recited in the various embodiments and/or claims of the present disclosure can be made, even if such combinations or combinations are not expressly recited in the present disclosure. In particular, various combinations and/or combinations of the features recited in the various embodiments and/or claims of the present disclosure may be made without departing from the spirit or teaching of the present disclosure. All such combinations and/or associations are within the scope of the present disclosure.
The embodiments of the present disclosure have been described above. However, these examples are for illustrative purposes only and are not intended to limit the scope of the present disclosure. Although the embodiments are described separately above, this does not mean that the measures in the embodiments cannot be used in advantageous combination. The scope of the disclosure is defined by the appended claims and equivalents thereof. Various alternatives and modifications can be devised by those skilled in the art without departing from the scope of the present disclosure, and such alternatives and modifications are intended to be within the scope of the present disclosure.

Claims (12)

1. An information display method comprising:
acquiring information to be displayed, wherein the information to be displayed comprises at least one piece of label information, and each piece of label information in the at least one piece of label information corresponds to one display page;
sequentially executing processing operation on the at least one label information to determine a sub-display area of the at least one label information in a target display area, so that the client can sequentially and additionally display the at least one label information in the target display area; and
and responding to an operation aiming at first tag information in the at least one tag information, and feeding back the first tag information to the client so as to facilitate the client to update a display page comprising the target display area to a display page corresponding to the first tag information.
2. The method of claim 1, wherein the processing operation comprises, for a second tag information of the at least one tag information:
determining the size of a sub-display area required for displaying the second label information;
determining a 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 a displayable area in the target display area; and
updating a start position of the displayable region according to the size of the sub-display region,
the initial position of the starting point position of the displayable region is the display starting point of the target display region, and the displayable region is the other region except the determined sub-display region in the target display region; the second tag information is any one of the at least one tag information.
3. The method of claim 2, wherein determining a sub-display area of the second tag information in the target display area comprises:
and determining an area with the size equal to that of the sub-display area as the sub-display area of the second label information by taking the starting position of the displayable area as a starting position.
4. The method of claim 3, wherein the dimensions of the sub-display area include a height and a width; determining a sub-display area of the second tag information in the target display area further comprises: prior to determining a region of a size equal to the size of the sub-display region:
determining a first size relation between the height and the available row height of the current row where the starting point position of the displayable region is located; and a second size relationship of the width to an available line width of the current line;
when at least one of the first size relationship and the second size relationship is larger than the first size relationship, adjusting the starting position of the displayable region to be the starting position of the next line of the current line,
wherein the available line height is the line height of the current line except the line height occupied by the determined sub-display area; the available line width is the line width of the current line except the line width occupied by the determined sub-display area.
5. The method of claim 2, wherein the dimensions of the sub-display area include a height and a width; the updating the starting position of the displayable region according to the size of the sub-display region includes:
moving the starting position of the displayable region according to the width to update the starting position of the displayable region; or
And moving the starting position of the displayable region according to the height so as to update the starting position of the displayable region.
6. The method of claim 2, wherein the dimensions of the sub-display area include a height and a width; the method further comprises the following steps:
determining the height value of the target display area as the sum of the height at which the starting point position of the displayable area is located and the height,
wherein, the height of the starting point position of the displayable region is as follows: a coordinate value of a starting point position of the displayable region in a height direction in a coordinate system established based on the target display region; and the origin of the coordinate system established based on the target display area is a display starting point of the target display area.
7. The method of claim 2, wherein: the dimensions of the sub-display area include height and width; the processing operations further comprise, prior to determining a sub-display region of the second tag information in the target region:
determining whether the width is greater than a width of the target display area;
performing truncation operation on the second label information under the condition that the width is larger than the width of the target display area, so that the width of a sub display area required by the second label information obtained after truncation operation is not larger than the width of the target display area; and
and adjusting the width to the width of the sub-display area required by the second label information obtained after the truncation operation.
8. The method of claim 2, wherein the determining a size of a sub-display area required to display the second label information comprises:
determining the display height and the display width of the second label information according to the display format of the second label information; and
determining the size of a sub-display area required for displaying the second label information according to a preset margin and the display height and the display width of the second label information,
and the preset edge distance is the distance between the second label information and the edge of the sub-display area.
9. The information display method according to claim 1, further comprising, before sequentially performing the processing operation on the at least one tag information:
determining whether an established target display area exists;
releasing the established target display area and establishing the target display area under the condition that the established target display area exists;
and when the established target display area does not exist, establishing the target display area.
10. An information display apparatus comprising:
the processing module comprises a display component and a processing component;
a multiplexing module configured as a proxy for the processing module; the multiplexing module comprises an information interface and an agent interface, wherein the information interface is used for acquiring information to be displayed, the information to be displayed comprises at least one piece of label information, and each piece of label information in the at least one piece of label information corresponds to one display page; the agent interface is used for accessing a client;
wherein the multiplexing module is configured to:
sequentially transmitting the at least one tag information into the processing module to instruct the processing module to perform the following operations on the transmitted tag information:
performing a processing operation on incoming tag information by invoking the processing component to determine a sub-display area of the incoming tag information in a target display area; and
causing the client to display the incoming label information in the sub-display area by invoking the display component to display the at least one label information; and
and responding to an operation aiming at first tag information in the at least one tag information, and feeding back the first tag information to the client so as to facilitate the client to update a display page comprising the target display area to a display page corresponding to the first tag information.
11. An electronic device, comprising:
one or more processors;
a storage device for storing one or more programs,
wherein the one or more programs, when executed by the one or more processors, cause the one or more processors to perform the information display method of any of claims 1-9.
12. A computer readable storage medium having stored thereon executable instructions which, when executed by a processor, cause the processor to perform an information display method according to any one of claims 1 to 9.
CN202010422191.6A 2020-05-18 2020-05-18 Information display method and device, electronic equipment and readable storage medium Pending CN113687809A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010422191.6A CN113687809A (en) 2020-05-18 2020-05-18 Information display method and device, electronic equipment and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010422191.6A CN113687809A (en) 2020-05-18 2020-05-18 Information display method and device, electronic equipment and readable storage medium

Publications (1)

Publication Number Publication Date
CN113687809A true CN113687809A (en) 2021-11-23

Family

ID=78575742

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010422191.6A Pending CN113687809A (en) 2020-05-18 2020-05-18 Information display method and device, electronic equipment and readable storage medium

Country Status (1)

Country Link
CN (1) CN113687809A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113870442A (en) * 2021-12-03 2021-12-31 贝壳技术有限公司 Content display method and device in three-dimensional house model

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113870442A (en) * 2021-12-03 2021-12-31 贝壳技术有限公司 Content display method and device in three-dimensional house model
CN113870442B (en) * 2021-12-03 2022-02-25 贝壳技术有限公司 Content display method and device in three-dimensional house model

Similar Documents

Publication Publication Date Title
JP6813612B2 (en) Automatic determination of content item size for web pages
US10782844B2 (en) Smart whiteboard interactions
US9778940B2 (en) Webtop: multiple applet delivery within a fixed-sized viewing space
US9720898B2 (en) Row heights in electronic documents
US9817794B2 (en) Responsive rendering of data sets
US9348939B2 (en) Web site sectioning for mobile web browser usability
US8726189B2 (en) Multiple tab stack user interface
US20110252335A1 (en) Zooming in a Web Browser
JP2005108210A (en) Digital content representation display method, digital content representation presentation method, digital content presentation method, interaction information determination method, digital content distribution method, digital content representation display program, and system
JP2005108210A5 (en)
US20140237357A1 (en) Two-dimensional document navigation
EP2932402A2 (en) Preserving layout of region of content during modification
US9886465B2 (en) System and method for rendering of hierarchical data structures
CN110506267A (en) The rendering of digital assembly background
CN111667199A (en) Workflow construction method and device, computer equipment and storage medium
US9632742B2 (en) Adaptive design editor for web applications
KR20160113135A (en) Providing print view of document for editing in web-based application
US11151314B2 (en) Extensible grid layout
CN113687809A (en) Information display method and device, electronic equipment and readable storage medium
CN114756228A (en) Page processing method, device, equipment and storage medium
CN113282852A (en) Method and device for editing webpage
JP5585816B2 (en) Portal site generation system, portal site generation method, and computer program
US20230205939A1 (en) Systems and methods for adding a design element to a design
CN109710355B (en) WEB interaction-based TIP display content processing method and device and electronic equipment
CN117332177A (en) Picture display method and device based on doubly linked list and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination