CN109828802B - List view display method, device and readable medium - Google Patents

List view display method, device and readable medium Download PDF

Info

Publication number
CN109828802B
CN109828802B CN201711179801.9A CN201711179801A CN109828802B CN 109828802 B CN109828802 B CN 109828802B CN 201711179801 A CN201711179801 A CN 201711179801A CN 109828802 B CN109828802 B CN 109828802B
Authority
CN
China
Prior art keywords
list
message
entry
target
view
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.)
Active
Application number
CN201711179801.9A
Other languages
Chinese (zh)
Other versions
CN109828802A (en
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.)
Tencent Technology Wuhan Co Ltd
Original Assignee
Tencent Technology Wuhan 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 Tencent Technology Wuhan Co Ltd filed Critical Tencent Technology Wuhan Co Ltd
Priority to CN201711179801.9A priority Critical patent/CN109828802B/en
Publication of CN109828802A publication Critical patent/CN109828802A/en
Application granted granted Critical
Publication of CN109828802B publication Critical patent/CN109828802B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The application discloses a list view display method, a list view display device and a readable medium, and relates to the field of human-computer interaction. The method comprises the following steps: displaying a user interface; receiving a slide signal on the list view; determining a target list message which needs to be moved into the list view in the node tree according to the sliding signal; and when the reusable target list item exists, multiplexing the target list item to move the target list message into the list view for displaying. By inquiring the list items which are created historically and are moved out of the list view, when the reusable target list items exist, the target list items are reused to move the target list message into the list view for display, and no additional list items need to be created for the target list message, so that the number of the list items in the memory and the occupied memory are reduced, the sliding efficiency of the list view is improved, and the blocking condition during sliding the list view is reduced or avoided.

Description

List view display method, device and readable medium
Technical Field
The embodiment of the application relates to the field of human-computer interaction, in particular to a list view display method and device and a readable medium.
Background
RN (read Native) is an open source mobile application development platform. In mobile applications developed based on RN, list view (ListView) is one of the most commonly used view types.
The list view includes a plurality of list entries (listitems) arranged from top to bottom, each having the same width. The user can slide up and down on the list view. When the user slides upwards, the terminal moves the n list items positioned at the top out of the list view and moves the n list items positioned at the bottom and not displayed into the list view. For n list entries to be moved in, the terminal needs to create the n list entries in the memory.
As the sliding operation continues, the number of list entries that the terminal needs to create increases, and the memory space occupied by these list entries increases, which may lead to memory leakage in severe cases. Therefore, the list view display method in the related art has low sliding efficiency and is prone to cause the user interface to be stuck.
Disclosure of Invention
The embodiment of the application provides a list view display method, a list view display device and a readable medium, which can solve the problems that the list view display method is low in sliding efficiency and easy to cause the user interface to be jammed. The technical scheme is as follows:
in a first aspect, a method for displaying a list view is provided, where the method includes:
displaying a user interface, wherein the user interface comprises n list items in the list view, each list item is used for displaying a corresponding list message, and n is a positive integer;
receiving a slide signal on the list view;
determining target list messages needing to be moved into the list view in a node tree according to the sliding signal, wherein the node tree comprises list nodes corresponding to the list view, and each list node corresponds to one list message needing to be displayed on the list view;
and when a reusable target list entry exists, multiplexing the target list entry to move the target list message into the list view for displaying, wherein the target list entry is a list entry which is created in a history mode and is moved out of the list view.
In a second aspect, there is provided a list view display apparatus, the apparatus including:
a display module, configured to display a user interface, where the user interface includes n list entries in the list view, each list entry is used to display a corresponding list message, and n is a positive integer;
a receiving module, configured to receive a slide signal on the list view;
a determining module, configured to determine, according to the sliding signal, a target list message that needs to be moved into the list view in a node tree, where the node tree includes list nodes corresponding to the list view, and each list node corresponds to one list message that needs to be displayed in the list view;
and the multiplexing module is used for multiplexing the target list item to move the target list message into the list view for display when the target list item which is a list item which is created in a history mode and moved out of the list view exists.
In a third aspect, a terminal is provided, where the terminal includes a processor and a memory, where the memory stores at least one instruction, at least one program, a code set, or a set of instructions, and the at least one instruction, the at least one program, the code set, or the set of instructions is loaded and executed by the processor to implement the list view display method according to any one of the first aspect and optional embodiments of the embodiment of the present application.
In a fourth aspect, a computer-readable storage medium is provided, in which at least one instruction, at least one program, a set of codes, or a set of instructions is stored, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by the processor to implement the list view display method as described in any one of the first aspect and the optional embodiments of the present application.
The beneficial effects that technical scheme that this application embodiment brought include at least:
by utilizing the node tree to store the list information which is not displayed in the list view, when the target list information is required to be moved into the list view for display according to the sliding signal, the reusable target list item is determined in the list items which are historically created and moved out of the list view, the target list item is reused to move the target list information into the list view for display, and no additional list item needs to be created for the target list information which is about to be moved into the list view, so that the number of the list items in the internal memory and the occupied internal memory are reduced, the sliding efficiency of the list view is improved, and the blocking condition during sliding the list view is reduced or avoided.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a block diagram of an implementation environment provided by an exemplary embodiment of the present application;
FIG. 2 is a schematic view of a user interface provided by an exemplary embodiment of the present application;
FIG. 3 is a flow chart of a method of displaying a list view provided by an exemplary embodiment of the present application;
FIG. 4A is a flowchart of a list view display method provided by another exemplary embodiment of the present application;
FIG. 4B is a block diagram illustrating a node tree according to an exemplary embodiment of the present application;
FIG. 5 is a flowchart of a list view display method provided by another exemplary embodiment of the present application;
FIG. 6 is a flow chart of a method of displaying a list view provided by another exemplary embodiment of the present application;
FIG. 7 is a block diagram illustrating the structure of entry structure information provided in an exemplary embodiment of the present application;
FIG. 8 is a flowchart of a list view display method provided by another exemplary embodiment of the present application;
FIG. 9 is a flowchart of a list view display method provided by another exemplary embodiment of the present application;
FIG. 10 is a schematic illustration of a user interface provided by another exemplary embodiment of the present application;
FIG. 11 is a structural diagram of a node tree according to another embodiment of the present application;
fig. 12 is a block diagram of a list view display apparatus according to an exemplary embodiment of the present application;
fig. 13 is a block diagram of a terminal according to an exemplary embodiment of the present application.
Detailed Description
To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.
First, a number of terms related to the embodiments of the present application will be described.
List view: the list view is a common view type displayed in the user interface, the list view includes a plurality of list items arranged from top to bottom, the user can slide up and down on the list view, when the user slides up, the terminal sequentially moves n list items located at the top out of the list view, and sequentially moves n list items located at the bottom into the list view, which are not yet displayed.
List entry: the list entry is a carrier for displaying the list message in the list view, that is, the list entry provides a display frame for the list message, and the list message provides display content for the list entry, and optionally, the list entry includes at least one control.
List message: the list message refers to display content sent by the server and required to be displayed in a list view of the user interface, and generally, one list message is required to be displayed through one list entry.
FIG. 1 is a block diagram of an implementation environment provided by an exemplary embodiment of the present application. The implementation environment includes: a server 120 and a terminal 140.
The server 120 is a server that provides network service support for the terminal 140. Optionally, a background program and a front-end program are included in the server 120. Background programs can be used for processing related databases, identity authentication and the like, and front-end programs can be used for processing of display support, human-computer interaction and the like of a User Interface (UI). Alternatively, the front-end program can be developed by adopting a read Native architecture.
The server 120 is connected to the terminal 140 through a wired network or a wireless network. The server 120 may send a list message to the terminal 140 so that the terminal 140 displays the list view on the user interface of the application.
The terminal 140 runs an application program, and a list view is displayed in a user interface of the application program. The application may be a browser, a news application, a chat application, a microblog application, a shopping application, and the like, which is not limited in the present application.
Taking the application program as a browser as an example, the home page of the browser may display several pieces of news information in a list view, and each list item is used for displaying one piece of news information. The news information of each list item displayed on the home page of the browser is different according to the list message transmitted from the server 120 to the terminal 140.
Illustratively, as shown in fig. 2, a list view 22 is included in the user interface 21, where the list view 22 includes four list entries, namely, a list entry 23, a list entry 24, a list entry 25, and a list entry 26, arranged from top to bottom, where a list message a is displayed in the list entry 23, a list message B is displayed in the list entry 24, a list message C is displayed in the list entry 25, a list message D is displayed in the list entry 26, and a control 27 is further included in the list entry 26. Optionally, each of the list message a, the list message B, the list message C, and the list message D may be displayed in a list entry in the form of at least one control, where the at least one control includes, but is not limited to: textboxes, buttons, drop-down menus, form controls, image processing controls, document processing controls, and the like.
In the related art, the list message sent by the front-end program to the terminal needs to be executed by the terminal immediately, and the list entry corresponding to the list message is displayed in the user interface. The execution process of the terminal on the list message comprises the following steps: creating list items, refreshing attribute information of the list items, typesetting of each control in the list items and the like. Illustratively, as shown in fig. 3, after the front-end program sends the list message to the terminal, the terminal directly performs operations such as creation of a list entry, refreshing of attribute information of the list entry, and typesetting of each control in the list entry on the received list message in sequence, so as to display the list message in the list view through the list entry.
However, there may be many list messages sent by the front-end program to the terminal, for example, hundreds or thousands of list messages, and if the terminal creates corresponding list entries for each list message, the list entries may occupy much memory of the terminal, and even cause memory leakage. From the appearance, the response of the application program to the sliding operation is blocked, and even the application program is flashed off.
In the technical solution provided in the present application, it is desirable to display a target list message newly moved into a list view by multiplexing list entries that are created from a history and have been moved out of the list view. Therefore, in the technical scheme provided by the application, a node tree is additionally arranged in the application program of the terminal, as shown in fig. 4A, after the front-end program sends the message (including the list message) related to the user interface to the terminal, the application program in the terminal creates or updates the node tree, and the node tree is adopted to cache the message related to the user interface. Each node in the node tree corresponds to a message associated with the user interface. Illustratively, when the front-end program adopts a ReactNative architecture, the application program may intercept the message about the user interface sent by the front-end program by intercepting the UIViewOperationQueue.
Optionally, after creating the node tree, if the application program receives the message related to the user interface sent by the front-end program again, the application program will update the node tree. If a sliding signal of a user on the user interface is received, the terminal determines a target list message needing to be moved into the list view according to the node tree, and sequentially performs operations of creating or multiplexing list entries, refreshing attribute information of the list entries, typesetting of each control in the list entries and the like on the target list message, and displays the list message in the user interface through the list entries.
The node tree provided by the present application and the nodes in the node tree are introduced first as follows:
node tree: the node tree is used to represent a DOM (Document Object Model) structure of the user interface according to interface elements in the user interface. Optionally, the node tree includes a root node and child nodes of the root node, where the root node is used to indicate a bottom layer architecture of the user interface, and the child nodes of the root node include child nodes corresponding to the list view.
List nodes: the list nodes are nodes in the node tree corresponding to each list entry in the list view. The list nodes are child nodes of the node where the list view is located, each list node corresponds to a list message, and optionally, a virtual list entry corresponding to the list message is stored on the list node in the node tree.
Virtual list entry: the virtual list entry is entry structure information corresponding to the list message stored on the list node. The terminal will not create an actual view for the virtual list entry, so the size of the memory occupied by the virtual list entry is much smaller than the size of the memory occupied by the actual list entry.
Fig. 4B is a schematic structural diagram of a node tree according to an exemplary embodiment, as shown in fig. 4B, a root view is stored at a root node position of the node tree, where the root view includes four child nodes, and the four child nodes respectively store a list view, another view 1, another view 2, and another view 3, where the other view 1, the other view 2, and the other view 3 may be any one of a scroll view, a tree view, and an HTML (HyperText Markup Language) view. The list view further includes five child nodes as parent nodes, the five child nodes are all list nodes, and the five list nodes respectively store a virtual list entry 1, a virtual list entry 2, a virtual list entry 3, a virtual list entry 4, and a virtual list entry 5, where each virtual list entry in the 5 virtual list entries corresponds to one list message, and as an illustrative example, referring to fig. 2, the virtual list entry 1 corresponds to a list message a, the virtual list entry 2 corresponds to a list message B, the virtual list entry 3 corresponds to a list message C, the virtual list entry 4 corresponds to a list message D, and the virtual list entry 5 corresponds to a list message E that is not shown in the list view.
Fig. 5 is a flowchart of a list view display method according to an exemplary embodiment of the present application. The embodiment exemplifies that the list view display method is applied to a terminal, and the terminal may be a smart phone, a tablet computer, or a desktop computer. As shown in fig. 5, the list view display method includes:
step 501, the terminal displays a user interface.
The user interface includes: n list entries in the list view, each list entry for displaying a corresponding list message, n being a positive integer. Optionally, the user interface may further include other views other than the list view, which is not limited in this embodiment.
Illustratively, taking 4 list entries in the list view as an example, referring to fig. 2, the user interface 21 includes four list entries, namely a list entry 23, a list entry 24, a list entry 25, and a list entry 26, where a list message a is displayed in the list entry 23, a list message B is displayed in the list entry 24, a list message C is displayed in the list entry 25, and a list message D is displayed in the list entry 26.
In step 502, the terminal receives a slide signal on the list view.
Optionally, the sliding signal is a sliding signal sliding along the bottom of the list view to the top, which is referred to as an upward sliding signal for short; the slide signal may also be a slide signal that slides along the top to the bottom of the list view, referred to as a slide down signal.
In step 503, the terminal determines the target list message to be moved into the list view in the node tree according to the sliding signal.
Optionally, the target list message is a list message to be moved into the list view, which is determined according to the sliding signal. The node tree comprises a plurality of list nodes corresponding to the list views, and each list node corresponds to one list message needing to be displayed on the list views.
Optionally, the next list message to be displayed is determined according to the sliding signal and the node tree. Illustratively, taking the example that the list view includes at least one displayed list message and at least one undisplayed list message, all list messages in the node tree are traversed, and after the traversal of the displayed list messages is finished, a first undisplayed list message obtained by the traversal is determined, and is determined as a target list message.
And step 504, when the reusable target list item exists, reusing the target list item to move the target list message into the list view for displaying.
The target list entry is a list entry that was historically created and moved out of the list view.
The terminal detects whether a reusable target list item exists in the list items which are created in history and moved out of the list view. When a reusable target list item exists, multiplexing the target list item to move the target list message into a list view for displaying; and when the list item which can be reused is not included, the terminal creates the list item corresponding to the target list message, and the target list message is moved into the list view for displaying through the created list item.
In summary, according to the list view display method provided by this embodiment, by querying the list entries that are created in the history and have moved out of the list view, when there is a reusable target list entry, the target list entry is reused to move the target list message into the list view for display, and there is no need to create an additional list entry for the target list message to be moved into the list view, which reduces the number of list entries in the memory and the memory occupied by the list entries, improves the sliding efficiency of the list view, and reduces or avoids the pause condition when the list view is slid.
Fig. 6 is a flowchart of a list view display method according to another exemplary embodiment of the present application. As shown in fig. 6, the present embodiment is exemplified by applying the list view display method to a terminal. The list view display method comprises the following steps:
step 601, the terminal displays a user interface.
The user interface includes n list entries in the list view, each list entry for displaying a corresponding list message, n being a positive integer. Optionally, the user interface may further include other views other than the list view, which is not limited in this embodiment.
Illustratively, taking 4 list entries in the list view as an example, referring to fig. 2, the user interface 21 includes four list entries, namely a list entry 23, a list entry 24, a list entry 25, and a list entry 26, where a list message a is displayed in the list entry 23, a list message B is displayed in the list entry 24, a list message C is displayed in the list entry 25, and a list message D is displayed in the list entry 26. Each list entry may include one or more controls, which may be textboxes, buttons, drop-down menus, form controls, image processing controls, document processing controls, and the like.
In step 602, the terminal receives a slide signal on the list view.
Optionally, the sliding signal is a sliding signal sliding along the bottom of the list view to the top of the list view, which is referred to as an up sliding signal for short; the slide signal may also be a slide signal sliding along the top of the list view to the bottom of the list view, or simply a slide-down signal.
Step 603, the terminal determines the target list message which needs to be moved into the list view in the node tree according to the sliding signal.
Optionally, the terminal determines that the list entries in the list view need to be removed according to the sliding signal, and caches the list entries in the cache pool.
Optionally, the terminal further determines a next target list message to be displayed according to the sliding signal and the node tree, illustratively, taking that the list view includes at least one displayed list message and at least one undisplayed list message as an example, the terminal may traverse all the list messages in the node tree, and after the traversal of the displayed list messages is finished, determine a first undisplayed list message obtained by the traversal, and determine the first undisplayed list message as the target list message.
In step 604, the terminal determines the entry type corresponding to the target list message.
Optionally, the entry type is a type configured for the target list message in advance. Each list message corresponds to an entry type.
Optionally, the terminal determines an entry type corresponding to the target list message according to information cached in the list node in the node tree.
In step 605, in the list entries that are created historically and have been moved out of the list view, the terminal determines the list entry with the entry type as a reusable target list entry.
Optionally, the terminal includes a cache pool, where the cache pool stores list entries that are created historically and have been moved out of the list view, and the terminal may search in the cache pool whether a list entry of the same type as an entry of the target list message exists, and determine the list entry as a reusable target list entry.
Alternatively, there may be a case where when there is more than one list entry having the above entry type in the terminal, the manner in which the terminal determines the target list entry includes, but is not limited to:
firstly, taking the obtained first list item with the item type as a target list item;
2. acquiring all list items with the item types, and randomly determining one list item as a target list item;
and thirdly, acquiring all list entries with the entry types, and taking the list entry with the entry structure information closest to the entry structure information corresponding to the target list message as the target list entry. Wherein, the entry structure information is used to represent structure information of list entries, and the entry structure information includes but is not limited to: the display control system comprises at least one of a control required to be created in the list item, a list message required to be displayed in the list item, attribute information required to be set in the list item, typesetting information required to be set in the list item, and Extra information (Extra) required to be set in the list item.
Step 606, the terminal determines a second identifier corresponding to the target list message.
Optionally, since the target list entry is a list entry that is created and displayed in the history, the target list entry already includes a first identifier, which is a unique identifier corresponding to the list message X that is displayed in the list view by using the target list entry last time. The terminal can obtain the detailed information corresponding to the list message X from the server according to the first identifier when the list message X is clicked.
Optionally, the target list message corresponds to a second identifier, and the second identifier is used for uniquely identifying the target list message. The terminal can acquire the detailed information corresponding to the target list message from the server according to the second identifier when the target list message is clicked.
In step 607, the terminal replaces the first identifier in the target list entry with the second identifier.
When multiplexing the target list entries, the terminal needs to replace the first identifier in the target list entries with the second identifier corresponding to the target list message, so that when the multiplexed target list entries are clicked, correct response can be performed. For example, when the multiplexed target list entry is clicked, a user interface corresponding to the target list message can be correctly jumped to.
Step 608, the terminal determines the first entry structure information corresponding to the target list entry.
Optionally, the first entry structure information includes: at least one of a control created in the target list item, a list message displayed, attribute information set, layout information set, and additional information set.
Step 609, the terminal determines second entry structure information corresponding to the target list message.
Optionally, the second entry structure information includes: the display control includes at least one of a control required to be created to display the target list message, attribute information required to be set to display the target list message, layout information required to be set to display the target list message, and additional information required to be set to display the target list message. The second entry structure information may be cached in a list node in the node tree corresponding to the target list message.
Step 610, when the first item structure information and the second item structure information have a difference, the terminal modifies the first item structure information in the items of the target list into the second item structure information according to the difference.
Schematically, please refer to fig. 7, taking an example that the first item structure information and the second item structure information are different in the created control, as shown in fig. 7, the first item structure information includes the following contents: the target list entry 71 includes three controls, which are a text box 711, a text box 712, and a button 713, respectively, and the corresponding part in the node tree is a node structure 72, in which the nodes where the text box 711, the text box 712, and the button 713 are located are child nodes of the node where the target list entry is located; the second item structure information includes the following contents: the list entry 73 corresponding to the target list message includes three controls, which are a text box 731, a text box 732 and a picture 733, respectively, the corresponding part in the node tree is a node structure 74, in the node structure, the node where the text box 731, the text box 732 and the picture 733 are located is a child node of the node where the list entry corresponding to the target list message is located, and the node structure 72 is compared with the node structure 74, so that at least a control difference exists between the first item structure information and the second item structure information, where the control difference is a difference between a button 713 in the target list entry 71 and the picture 733 in the list entry 73 corresponding to the target list message, so that the button 713 in the target list entry 71 is modified to be the picture 733.
It should be noted that, in the modification process, the terminal may perform incremental modification according to the difference portion, that is, the button 713 is modified, or the text box 711, the text box 712, and the button 713 may be replaced by the text box 731, the text box 732, and the text box 733 according to the full-scale modification, which is not limited in the embodiment of the present application.
Step 611, the terminal multiplexes the modified target list items to move the target list message into the list view for display.
Illustratively, in a specific embodiment, as shown in fig. 8, a tree structure diagram 81 is a portion corresponding to a list view in a node tree, and a list view displayed according to the tree structure diagram 81 is shown as a list view 82, where list messages a to C are list messages that have been displayed and moved out of the list view, list messages D to G are list messages that are being displayed in the list view, and list message H is a list message to be moved into the list view for display, and each displayed list message corresponds to a list entry, for example: the list message A corresponds to a list item A, the list message B corresponds to a list item B, and the list message C corresponds to a list item C; the list entry that has been moved out of the list view is stored in the cache pool 83, and illustratively, the cache pool includes a list entry a, a list entry B, and a list entry C; according to the sliding signal, the terminal determines that the list item H is a list message to be moved into the list view for display, namely a target list message, searches for a reusable list item in the cache pool 83 according to the target list message, searches for a list item B which is a reusable list item, and moves the list message H into the list view for display by multiplexing the list item B.
In summary, by using the node tree to store the list message not shown in the list view, when the target list message needs to be moved into the list view for display according to the sliding signal, the reusable target list entry is determined in the list entries which are created historically and moved out of the list view, the target list entry is reused to move the target list message into the list view for display, and no additional list entry needs to be created for the target list message which is about to be moved into the list view, so that the number of the list entries in the memory and the memory occupied by the list entries are reduced, the sliding efficiency of the list view is improved, and the deadlock condition when the list view is slid is reduced or avoided;
since when multiplexing target list entries, two problems may be faced: 1. when the multiplexed target list item is clicked, the user does not jump to a first interface corresponding to the target list message, but can mistakenly respond to a second interface corresponding to the list message X displayed before multiplexing; 2. the entry structure of the target list entry is different from the entry structure of the target list message, and cannot be directly multiplexed.
In order to solve the first problem of the two problems, in the embodiment of the present application, the terminal replaces the first identifier in the target list entry with the second identifier, so as to ensure that when the multiplexed target list entry is clicked, a correct response can be performed, for example: when the multiplexed target list items are clicked, the user interface corresponding to the target list information can be correctly jumped to;
in order to solve the second problem of the two problems, in the embodiment of the present application, when there is a difference between the first entry structure information and the second entry structure information, the terminal modifies the first entry structure information in the target list entry into the second entry structure information according to the difference, so as to ensure that the entry structure of the target list entry is consistent with the entry structure of the target list message.
In the above embodiment, the display method of the list view is described in detail. Hereinafter, the process of creating and updating the node tree will be mainly described in further detail.
Fig. 9 is a flowchart of a method for creating and updating a node tree according to another exemplary embodiment of the present application. This method may be incorporated into the method embodiments described above. As shown in fig. 9, the method includes:
step 901, obtaining a first batch of messages corresponding to a user interface.
The front-end program can send the information related to the user interface to the terminal in a plurality of batches according to the loading progress or the display progress.
The front-end program firstly sends a first batch of messages corresponding to the user interface to the terminal. Optionally, the first batch of messages includes messages for initially displaying the user interface. For example, the message of the background view, the list message corresponding to the first n list entries.
And step 902, creating a node tree corresponding to the user interface according to the messages of the first batch.
The node tree includes a plurality of nodes, each node being an interface element on the user interface. When a list view is included on the user interface, there will be at least one list node on the node tree that corresponds to the list message.
Illustratively, with reference to the tree diagram of an exemplary node tree shown in fig. 4B, the node tree includes a plurality of nodes, where five child nodes of the list view are list nodes corresponding to the list messages, and the five list nodes are used for caching virtual list entries corresponding to the list messages, that is, a virtual list entry 1 corresponding to the list message a, a virtual list entry 2 corresponding to the list message B, a virtual list entry 3 corresponding to the list message C, a virtual list entry 4 corresponding to the list message D, and a virtual list entry 5 corresponding to the list message E are cached.
Step 903, displaying the user interface according to the node tree.
Optionally, the front-end program further sends a batch processing signal to the terminal after sending the first batch of messages. The batch processing signal is used for instructing the terminal to display the message of the first batch on a screen. Illustratively, the batch signal is an onBatchComplete signal.
Optionally, after the terminal creates the node tree and receives the batch processing signal, the user interface is displayed according to the created node tree.
Illustratively, with reference to fig. 2 and 4B, a node tree created by the terminal is as shown in fig. 4B, where the node tree includes a list view, a node where the list view is located includes five child nodes, and because the displayable content of the user interface has limitations, the number of list messages that can be simultaneously displayed, that is, the number of list entries that can be displayed, when the user interface is displayed is determined according to the size of the user interface and the size of the list view. Taking the example that 4 list messages can be displayed in the list view, referring to fig. 2, according to the user interface displayed by the node tree, as shown in the user interface 21 of fig. 2, the terminal displays the list messages corresponding to the first 4 child nodes of the list view in the list view through the node tree, that is, the list message a, the list message B, the list message C, and the list message D. Optionally, before displaying the list messages a to D, the terminal needs to create corresponding list entries for the list messages a to D. That is, list entry 23 is created for list message A, list entry 24 is created for list message B, list entry 25 is created for list message C, and list entry 26 is created for list message D.
It should be noted that, in the above example, only the display manner of the list view is taken as an example, and in actual operation, the node tree further includes other views, such as: the node where other views are located may also include at least one child node, and when the user interface is displayed, a complete node tree needs to be mapped into the user interface.
Step 904, a slide signal on the list view is received.
Optionally, the sliding signal is a sliding signal sliding along the bottom of the list view to the top of the list view, which is referred to as an up sliding signal for short; the slide signal may also be a slide signal sliding along the top of the list view to the bottom of the list view, or simply a slide down signal.
Step 905, when the information of the (i-1) th batch is not displayed completely, determining the target list information which needs to be moved into the list view in the node tree according to the sliding signal.
i is an integer greater than 1 and has an initial value of 2.
Optionally, the target list message is a list message to be moved into the list view and displayed according to the sliding signal. The terminal may traverse all the list messages in the node tree, and after the displayed list messages are traversed, determine a first list message which is not displayed and is obtained by the traversal, and determine the first list message as a target list message.
For example, with reference to fig. 4B, after the terminal receives the sliding signal, the terminal traverses the node tree shown in fig. 4B, and determines that the list message a, the list message B, the list message C, and the list message D are all displayed, and the list message E is not displayed, so that the list message E is determined as the target list message.
And step 906, when the reusable target list item exists, multiplexing the target list item to move the target list message into the list view for displaying.
The target list entry is a list entry that was historically created and moved out of the list view. Optionally, the terminal includes a cache pool, where list entries that are created in a history and have been moved out of the list view are stored in the cache pool, and the terminal may search in the cache pool whether a target list entry that can be reused by the target list message exists.
And step 907, generating a message acquisition signal according to the sliding signal when the display of the messages of the (i-1) th batch is finished.
Optionally, after the list messages of the (i-1) th batch are all displayed in the user interface, a message acquisition signal is generated according to the sliding signal.
Illustratively, referring to fig. 10, a list view 1002 is included in the user interface 1001, where the list message E is the last list message in the i-1 th batch of messages in the node tree, after the list message E is displayed, a slide signal continues to be received on the list view, and a message acquiring signal is generated according to the slide signal, and "load more for you" \8230; "is displayed at the bottom of the list view 1002. It should be noted that the message acquiring signal is used for acquiring an ith batch of messages, where the ith batch of messages includes at least one list message.
And 908, acquiring the ith batch of messages corresponding to the user interface according to the message acquisition signal.
Wherein i is an integer greater than 1. Optionally, the terminal acquires the ith batch of messages from the front-end program according to the message acquisition signal.
In step 909, the node tree is updated according to the ith batch of messages.
Optionally, the messages of the ith batch include several list messages that have not yet been displayed. And after receiving the messages of the ith batch, the terminal updates the node tree on the user interface according to the messages of the ith batch.
The updating of the node tree corresponding to the user interface means: and on the basis of the original node tree, adding nodes corresponding to the messages of the ith batch, and/or refreshing the existing list nodes.
Schematically, please refer to fig. 11 by taking as an example the child node of the list view added according to the ith batch of messages. The first batch of messages include a list message a, a list message B, a list message C, a list message D and a list message E, and the obtained second batch of messages include a list message F, a list message G and a list message H, so that child nodes corresponding to the list message F, the list message G and the list message H are added to child nodes of the list view, and optionally, the terminal may sequentially add the list message F, the list message G and the list message H according to a traversal order. The added list message a to list message H are at the same level of the node tree, i.e., at the level of the child node of the list view.
Optionally, the terminal determines a target list message that needs to be moved into the list view in the updated node tree.
It should be noted that, in the foregoing embodiment, the front end sends the ith batch of messages to the terminal according to the message acquisition signal as an example for illustration, in an optional embodiment, the front end does not need to send the ith batch of messages to the terminal according to the message acquisition signal, and the developer may set the number of messages in one batch, for example: and sending 20 messages in each batch, and directly sending the 20 messages in the ith batch to the terminal by the front end after the 20 messages in the (i-1) th batch are sent. In the above example, the example is described by taking an example that 20 messages are included in one batch, in actual operation, the number of the messages may be set by a developer, and the number of the messages in different batches may be different.
In summary, by using the node tree to store the list message not shown in the list view, when the target list message needs to be moved into the list view for display according to the sliding signal, the reusable target list entry is determined in the list entries which are created historically and moved out of the list view, the target list entry is reused to move the target list message into the list view for display, and no additional list entry needs to be created for the target list message which is about to be moved into the list view, so that the number of the list entries in the memory and the memory occupied by the list entries are reduced, the sliding efficiency of the list view is improved, and the deadlock condition when the list view is slid is reduced or avoided;
because the virtual list items corresponding to the list messages are stored in the node tree, the terminal cannot create an actual view for the virtual list items, so that the size of the memory occupied by the virtual list items is far smaller than that occupied by the actual list items, and the memory occupied by the created node tree is reduced.
Fig. 12 is a block diagram of a list view display apparatus according to an exemplary embodiment of the present application, where as shown in fig. 12, the list view display apparatus includes: a display module 1201, a receiving module 1202, a determining module 1203 and a multiplexing module 1204.
A display module 1201, configured to display a user interface, where the user interface includes n list entries in the list view, each list entry is used to display a corresponding list message, and n is a positive integer;
a receiving module 1202, configured to receive a slide signal on the list view;
a determining module 1203, configured to determine, according to the sliding signal, a target list message that needs to be moved into the list view in a node tree, where the node tree includes list nodes corresponding to the list view, and each list node corresponds to one list message that needs to be displayed in the list view;
a multiplexing module 1204, configured to, when there is a reusable target list entry, multiplex the target list entry to move the target list message into the list view for display, where the target list entry is a list entry that is created historically and has been moved out of the list view.
In an optional embodiment, the determining module 1203 is further configured to determine an entry type corresponding to the target list message;
the determining module 1203 is further configured to determine, among the list entries that are historically created and moved out of the list view, a list entry having the entry type as the target list entry that is reusable.
In an optional embodiment, the multiplexing module 1204 includes:
a determining unit, configured to determine first entry structure information corresponding to the target list entry, where the first entry structure information includes: at least one of the created control, the displayed list message, the set attribute information, the set layout information, and the set additional information;
the determining unit is further configured to determine second entry structure information corresponding to the target list message, where the second entry structure information includes: displaying at least one of the control required to be created by the target list message, the attribute information required to be set by the target list message, the typesetting information required to be set by the target list message, and the additional information required to be set by the target list message;
a modifying unit, configured to modify the first entry structure information in the target list entry into the second entry structure information according to a difference between the first entry structure information and the second entry structure information when the difference exists;
and the multiplexing unit is used for multiplexing the modified target list items to move the target list message into the list view for display.
In an optional embodiment, the determining module 1203 is further configured to determine a second identifier corresponding to the target list message;
the device, still include:
a replacement module to replace the first identifier in the target list entry with the second identifier.
In an optional embodiment, the apparatus further comprises:
an obtaining module, configured to obtain a first batch of messages corresponding to the user interface, where the first batch of messages includes at least one list message that needs to be displayed on the list view;
a creating module, configured to create the node tree corresponding to the user interface according to the first batch of messages, where the node tree includes a plurality of nodes and there is at least one list node corresponding to the list message.
In an optional embodiment, the apparatus further comprises:
the generating module is used for generating a message acquisition signal according to the sliding signal;
the acquisition module is further used for acquiring the ith batch of messages corresponding to the user interface according to the message acquisition signal;
and the updating module is used for updating the node tree according to the ith batch of messages.
In summary, by querying the reusable target list entries, when the reusable target list entries exist, the target list entries are reused to move the target list messages into the list view for display, and no additional list entries need to be created for the target list messages, so that the number of list entries in the memory and the occupied memory are reduced, the sliding efficiency of the list view is improved, and the pause condition during sliding the list view is reduced or avoided;
searching the list items with the item type through the item type corresponding to the target list message, and distinguishing the list items with different item types so as to facilitate the management of the list items;
in an optional embodiment, the identifier of the target list message may be reused only after the identifier of the target list message is successfully matched with the identifier of the list entry, so that the first identifier in the target list entry is replaced, and the terminal may reuse the target list entry;
by comparing the difference between the first item structure information and the second item structure information, only the difference part in the target list item needs to be replaced, and the replaced content is less because the whole replacement is not needed, thereby reducing the data transmission.
In summary, by using the node tree to store the list message not shown in the list view, when the target list message needs to be moved into the list view for display according to the sliding signal, a reusable target list entry is determined in the list entries which are historically created and have been moved out of the list view, the target list entry is reused to move the target list message into the list view for display, and no additional list entry needs to be created for the target list message to be moved into the list view, so that the number of list entries in the memory and the occupied memory are reduced, the sliding efficiency of the list view is improved, and the stuttering condition during sliding the list view is reduced or avoided;
since two problems may be faced when multiplexing target list entries: 1. when the multiplexed target list item is clicked, the first interface corresponding to the target list message is not jumped to, but the second interface corresponding to the list message X displayed before multiplexing is possibly responded by mistake; 2. the entry structure of the target list entry is different from the entry structure of the target list message and cannot be directly multiplexed.
In order to solve the first problem of the two problems, in the embodiment of the present application, the terminal replaces the first identifier in the target list entry with the second identifier, so as to ensure that when the multiplexed target list entry is clicked, a correct response can be performed, for example: when the multiplexed target list item is clicked, the user interface corresponding to the target list message can be correctly jumped to;
in order to solve the second problem of the two problems, in the embodiment of the present application, when there is a difference between the first entry structure information and the second entry structure information, the terminal modifies the first entry structure information in the target list entry into the second entry structure information according to the difference, so as to ensure that the entry structure of the target list entry is consistent with the entry structure of the target list message.
Fig. 13 is a block diagram illustrating a terminal 1300 according to an exemplary embodiment of the present invention. The terminal 1300 may be a portable mobile terminal such as: smart phones, tablet computers, MP3 players (Moving Picture Experts Group Audio Layer III, moving Picture Experts compression standard Audio Layer 3), MP4 players (Moving Picture Experts Group Audio Layer IV, moving Picture Experts compression standard Audio Layer 4). Terminal 1300 may also be referred to by other names such as user equipment, portable terminal, etc.
In general, terminal 1300 includes: a processor 1301 and a memory 1302.
Processor 1301 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and so on. The processor 1301 may be implemented in at least one hardware form of a DSP (Digital Signal Processing), an FPGA (Field-Programmable Gate Array), and a PLA (Programmable Logic Array). Processor 1301 may also include a main processor and a coprocessor, where the main processor is a processor for Processing data in a wake state, and is also called a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the processor 1301 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing content that the display screen needs to display. In some embodiments, processor 1301 may further include an AI (Artificial Intelligence) processor for processing computing operations related to machine learning.
The memory 1302 may include one or more computer-readable storage media, which may be tangible and non-transitory. The memory 1302 may also include high speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in memory 1302 is used to store at least one instruction for execution by processor 1301 to implement the list view display methods provided herein.
In some embodiments, terminal 1300 may further optionally include: a peripheral interface 1303 and at least one peripheral. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1304, touch display 1305, camera 1306, audio circuitry 1307, positioning component 1308, and power supply 1309.
Peripheral interface 1303 can be used to connect at least one peripheral related to I/O (Input/Output) to processor 1301 and memory 1302. In some embodiments, processor 1301, memory 1302, and peripheral interface 1303 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 1301, the memory 1302, and the peripheral device interface 1303 may be implemented on a separate chip or circuit board, which is not limited in this embodiment.
The Radio Frequency circuit 1304 is used to receive and transmit RF (Radio Frequency) signals, also called electromagnetic signals. The radio frequency circuitry 1304 communicates with communication networks and other communication devices via electromagnetic signals. The radio frequency circuit 1304 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 1304 comprises: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. Radio frequency circuit 1304 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: the world wide web, metropolitan area networks, intranets, generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the radio frequency circuit 1304 may also include NFC (Near Field Communication) related circuits, which are not limited in this application.
The touch display 1305 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. The touch display 1305 also has the capability to collect touch signals on or over the surface of the touch display 1305. The touch signal may be input to the processor 1301 as a control signal for processing. The touch display 1305 is used to provide virtual buttons and/or a virtual keyboard, also referred to as soft buttons and/or a soft keyboard. In some embodiments, touch display 1305 may be one, providing the front panel of terminal 1300; in other embodiments, the touch screen displays 1305 can be at least two, and are respectively disposed on different surfaces of the terminal 1300 or in a folding design; in still other embodiments, touch display 1305 may be a flexible display disposed on a curved surface or on a folded surface of terminal 1300. Even the touch display 1305 may be arranged in a non-rectangular irregular figure, i.e., a shaped screen. The touch Display panel 1305 may be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), or other materials.
The camera assembly 1306 is used to capture images or video. Optionally, camera assembly 1306 includes a front camera and a rear camera. Generally, a front camera is used for realizing video call or self-shooting, and a rear camera is used for realizing shooting of pictures or videos. In some embodiments, the number of the rear cameras is at least two, and each of the rear cameras is any one of a main camera, a depth-of-field camera and a wide-angle camera, so that the main camera and the depth-of-field camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize a panoramic shooting function and a VR (Virtual Reality) shooting function. In some embodiments, camera assembly 1306 may also include a flash. The flash lamp can be a single-color temperature flash lamp or a double-color temperature flash lamp. The double-color-temperature flash lamp is a combination of a warm-light flash lamp and a cold-light flash lamp, and can be used for light compensation at different color temperatures.
The audio circuit 1307 is used to provide an audio interface between the user and the terminal 1300. The audio circuit 1307 may include a microphone and a speaker. The microphone is used for collecting sound waves of a user and the environment, converting the sound waves into electric signals, and inputting the electric signals to the processor 1301 for processing, or inputting the electric signals to the radio frequency circuit 1304 to achieve voice communication. For stereo capture or noise reduction purposes, multiple microphones may be provided, each at a different location of terminal 1300. The microphone may also be an array microphone or an omni-directional acquisition microphone. The speaker is used to convert electrical signals from the processor 1301 or the radio frequency circuitry 1304 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments, the audio circuit 1307 may also include a headphone jack.
The positioning component 1308 is used for positioning the current geographic position of the terminal 1300 for implementing navigation or LBS (Location Based Service). The Positioning component 1308 can be a Positioning component based on the Global Positioning System (GPS) in the united states, the beidou System in china, or the galileo System in russia.
Power supply 1309 is used to provide power to various components in terminal 1300. The power supply 1309 may be alternating current, direct current, disposable or rechargeable batteries. When the power supply 1309 comprises a rechargeable battery, the rechargeable battery can be a wired rechargeable battery or a wireless rechargeable battery. The wired rechargeable battery is a battery charged through a wired line, and the wireless rechargeable battery is a battery charged through a wireless coil. The rechargeable battery may also be used to support fast charge technology.
In some embodiments, terminal 1300 also includes one or more sensors 1310. The one or more sensors 1310 include, but are not limited to: acceleration sensor 1311, gyro sensor 1312, pressure sensor 1313, fingerprint sensor 1314, optical sensor 1315, and proximity sensor 1316.
The acceleration sensor 1311 can detect the magnitude of acceleration on three coordinate axes of the coordinate system established with the terminal 1300. For example, the acceleration sensor 1311 may be used to detect components of the gravitational acceleration in three coordinate axes. The processor 1301 may control the touch display screen 1305 to display the user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 1311. The acceleration sensor 1311 may also be used for acquisition of motion data of a game or a user.
The gyro sensor 1312 may detect the body direction and the rotation angle of the terminal 1300, and the gyro sensor 1312 may cooperate with the acceleration sensor 1311 to acquire a 3D motion of the user with respect to the terminal 1300. Processor 1301, based on the data collected by gyroscope sensor 1312, may perform the following functions: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization at the time of photographing, game control, and inertial navigation.
Pressure sensor 1313 may be disposed on a side bezel of terminal 1300 and/or underlying touch display 1305. When the pressure sensor 1313 is provided on the side frame of the terminal 1300, a user's grip signal on the terminal 1300 can be detected, and left-right hand recognition or shortcut operation can be performed based on the grip signal. When the pressure sensor 1313 is disposed on the lower layer of the touch display panel 1305, it is possible to control the operability control on the UI interface according to the pressure operation of the user on the touch display panel 1305. The operability control comprises at least one of a button control, a scroll bar control, an icon control and a menu control.
The fingerprint sensor 1314 is used for collecting the fingerprint of the user to identify the identity of the user according to the collected fingerprint. When the identity of the user is identified as a trusted identity, the processor 1301 authorizes the user to perform relevant sensitive operations, including unlocking the screen, viewing encrypted information, downloading software, paying, changing settings, and the like. The fingerprint sensor 1314 may be disposed on the front, back, or side of the terminal 1300. When a physical button or vendor Logo is provided on the terminal 1300, the fingerprint sensor 1314 may be integrated with the physical button or vendor Logo.
The optical sensor 1315 is used to collect ambient light intensity. In one embodiment, the processor 1301 can control the display brightness of the touch display screen 1305 according to the ambient light intensity collected by the optical sensor 1315. Specifically, when the ambient light intensity is high, the display brightness of the touch display screen 1305 is increased; when the ambient light intensity is low, the display brightness of the touch display 1305 is turned down. In another embodiment, the processor 1301 can also dynamically adjust the shooting parameters of the camera head assembly 1306 according to the ambient light intensity collected by the optical sensor 1315.
Proximity sensor 1316, also known as a distance sensor, is typically disposed on a front face of terminal 1300. Proximity sensor 1316 is used to gather the distance between the user and the front face of terminal 1300. In one embodiment, the processor 1301 controls the touch display 1305 to switch from the bright screen state to the dark screen state when the proximity sensor 1316 detects that the distance between the user and the front face of the terminal 1300 gradually decreases; the touch display 1305 is controlled by the processor 1301 to switch from the rest state to the bright state when the proximity sensor 1316 detects that the distance between the user and the front face of the terminal 1300 gradually becomes larger.
Those skilled in the art will appreciate that the configuration shown in fig. 13 is not intended to be limiting of terminal 1300, and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components may be used.
An embodiment of the present application provides a computer-readable storage medium, in which at least one instruction, at least one program, a code set, or a set of instructions is stored, and the at least one instruction, the at least one program, the code set, or the set of instructions is loaded and executed by the processor to implement the list view display method according to any one of fig. 1 to fig. 9.
Embodiments of the present application further provide a computer program product containing instructions, which when run on a computer, cause the computer to execute and implement the above list view display method as described in any one of fig. 1 to 9.
Optionally, the computer-readable storage medium may include: read Only Memory (ROM), random Access Memory (RAM), solid State Drive (SSD), or optical disc. The Random Access Memory may include a resistive Random Access Memory (ReRAM) and a Dynamic Random Access Memory (DRAM). The above-mentioned serial numbers of the embodiments of the present application are merely for description, and do not represent the advantages and disadvantages of the embodiments.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the storage medium may be a read-only memory, a magnetic disk or an optical disk.
The above description is only exemplary of the present application and should not be taken as limiting the present application, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the protection scope of the present application.

Claims (12)

1. A method for displaying a list view, the method comprising:
displaying a user interface, wherein the user interface comprises n list items in the list view, each list item is used for displaying a corresponding list message, and n is a positive integer;
receiving a slide signal on the list view;
determining a target list message which needs to be moved into the list view in a node tree according to the sliding signal, wherein the node tree stores the list message which is not displayed in the list view and a virtual list entry corresponding to the list message which is not displayed, and the virtual list entry is used for indicating that a terminal does not create a view corresponding to the list message which is not displayed;
determining list items which are created historically and moved out of the list view, and storing the list items in a cache pool;
and in response to the existence of a reusable target list entry in the cache pool, multiplexing the target list entry to move the target list message into the list view for display, wherein the target list entry is used for indicating a list entry in the cache pool, which is the same as the entry type of the target list message.
2. The method of claim 1, wherein when there is a reusable target list entry, reusing the target list entry to move the target list message into the list view for display comprises:
determining first entry structure information corresponding to the target list entry, wherein the first entry structure information includes: at least one of the created control, the displayed list message, the set attribute information, the set layout information, and the set additional information;
determining second entry structure information corresponding to the target list message, wherein the second entry structure information includes: displaying at least one of the control required to be created by the target list message, the attribute information required to be set by the target list message, the typesetting information required to be set by the target list message, and the additional information required to be set by the target list message;
when the first item structure information and the second item structure information have a difference, modifying the first item structure information in the target list items into the second item structure information according to the difference;
multiplexing the modified target list items to move the target list message into the list view for display.
3. The method of claim 1, wherein the target list entry comprises: a first identifier, wherein the first identifier is used for indicating a unique identifier corresponding to a list message which is displayed in the list view by using the target list item last time;
before multiplexing the target list entry to move the target list message into the list view for display, the method further includes:
determining a second identifier corresponding to the target list message;
replacing the first identifier in the target list entry with the second identifier.
4. The method of any of claims 1 to 3, wherein prior to displaying the user interface, further comprising:
obtaining a first batch of messages corresponding to the user interface, wherein the first batch of messages comprise at least one list message required to be displayed on the list view;
and creating the node tree corresponding to the user interface according to the messages of the first batch, wherein the node tree comprises a plurality of nodes, and at least one list node corresponding to the list messages exists.
5. The method of claim 4, wherein after receiving the slide signal on the list view, further comprising:
generating a message acquisition signal according to the sliding signal;
acquiring the ith batch of messages corresponding to the user interface according to the message acquisition signal, wherein i is an integer greater than 1;
and updating the node tree according to the ith batch of messages.
6. A list view display apparatus, characterized in that the apparatus comprises:
a display module, configured to display a user interface, where the user interface includes n list entries in the list view, each list entry is used to display a corresponding list message, and n is a positive integer;
a receiving module, configured to receive a slide signal on the list view;
a determining module, configured to determine, according to the sliding signal, a target list message that needs to be moved into the list view in a node tree, where the node tree stores a list message that is not displayed in the list view and a virtual list entry corresponding to the list message that is not displayed, and the virtual list entry is used to indicate that a terminal does not create a view corresponding to the list message that is not displayed;
means for determining that a list entry of the list view was historically created and moved out, and stored in a cache pool;
and the multiplexing module is used for multiplexing a target list entry to move the target list message into the list view for displaying in response to the existence of the reusable target list entry in the cache pool, wherein the target list entry is used for indicating a list entry with the same type as the entry of the target list message in the cache pool.
7. The apparatus of claim 6, wherein the multiplexing module comprises:
a determining unit, configured to determine first entry structure information corresponding to the target list entry, where the first entry structure information includes: at least one of the created control, the displayed list message, the set attribute information, the set layout information, and the set additional information;
the determining unit is further configured to determine second entry structure information corresponding to the target list message, where the second entry structure information includes: displaying at least one of the control required to be created by the target list message, the attribute information required to be set by the target list message, the typesetting information required to be set by the target list message, and the additional information required to be set by the target list message;
a modifying unit, configured to modify the first entry structure information in the target list entry into the second entry structure information according to a difference between the first entry structure information and the second entry structure information when the difference exists;
and the multiplexing unit is used for multiplexing the modified target list items and moving the target list message into the list view for displaying.
8. The apparatus of claim 6, wherein the target list entry comprises: a first identifier, configured to indicate a unique identifier corresponding to a list message that is displayed in the list view by using the target list entry last time;
the determining module is further configured to determine a second identifier corresponding to the target list message;
the device, still include:
a replacement module to replace the first identifier in the target list entry with the second identifier.
9. The apparatus of any of claims 6 to 8, further comprising:
an obtaining module, configured to obtain a first batch of messages corresponding to the user interface, where the first batch of messages includes at least one list message that needs to be displayed on the list view;
a creating module, configured to create the node tree corresponding to the user interface according to the first batch of messages, where the node tree includes a plurality of nodes, and there is at least one list node corresponding to the list message.
10. The apparatus of claim 9, further comprising:
the generating module is used for generating a message acquisition signal according to the sliding signal;
the acquisition module is further configured to acquire the ith batch of messages corresponding to the user interface according to the message acquisition signal;
and the updating module is used for updating the node tree according to the ith batch of messages.
11. A terminal, characterized in that the terminal comprises a processor and a memory, in which at least one program is stored, which at least one program is loaded and executed by the processor to implement the list view display method according to any one of claims 1 to 5.
12. A computer-readable storage medium, wherein at least one program is stored in the storage medium, and the at least one program is loaded and executed by a processor to implement the list view display method according to any one of claims 1 to 5.
CN201711179801.9A 2017-11-23 2017-11-23 List view display method, device and readable medium Active CN109828802B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711179801.9A CN109828802B (en) 2017-11-23 2017-11-23 List view display method, device and readable medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711179801.9A CN109828802B (en) 2017-11-23 2017-11-23 List view display method, device and readable medium

Publications (2)

Publication Number Publication Date
CN109828802A CN109828802A (en) 2019-05-31
CN109828802B true CN109828802B (en) 2023-03-21

Family

ID=66858461

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711179801.9A Active CN109828802B (en) 2017-11-23 2017-11-23 List view display method, device and readable medium

Country Status (1)

Country Link
CN (1) CN109828802B (en)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110442330B (en) * 2019-07-05 2023-07-21 五八有限公司 List component conversion method and device, electronic equipment and storage medium
CN112230906B (en) * 2019-07-15 2023-05-23 腾讯科技(深圳)有限公司 Method, device and equipment for creating list control and readable storage medium
CN110647322B (en) * 2019-08-15 2020-12-18 北京三快在线科技有限公司 List rendering method and device, electronic equipment and computer readable medium
CN111782994B (en) * 2019-09-30 2024-04-05 北京京东尚科信息技术有限公司 Method and device for circularly displaying information based on view control
CN110716684B (en) * 2019-10-10 2021-01-15 北京无限光场科技有限公司 User interface display method and device, electronic equipment and machine-readable storage medium
CN112748967A (en) * 2019-10-30 2021-05-04 北京国双科技有限公司 Tree control positioning display method and device, computer equipment and storage medium
CN111309417A (en) * 2020-01-19 2020-06-19 北京无限光场科技有限公司 Data display method and device in application program, electronic equipment and readable medium
CN111309216B (en) * 2020-02-10 2022-03-22 广州虎牙科技有限公司 List page display method and device, computer equipment and storage medium
CN112235621B (en) * 2020-10-10 2022-08-26 Vidaa美国公司 Display method and display equipment for visual area
CN112506509B (en) * 2020-12-11 2024-02-09 杭州安恒信息技术股份有限公司 Method and related device for realizing that tree control supports big data rendering
CN113436344A (en) * 2021-06-25 2021-09-24 广联达科技股份有限公司 Display method and system of reference view and image display equipment
CN115237413B (en) * 2022-09-22 2023-02-24 北京达佳互联信息技术有限公司 List processing method and device, electronic equipment and storage medium

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110202871A1 (en) * 2010-02-17 2011-08-18 Oracle International Corporation Method and system for scrolling through a graphical user interface list control
CN104182129B (en) * 2013-05-22 2018-10-09 腾讯科技(深圳)有限公司 A kind of data list edit operation display methods and device
CN104216909B (en) * 2013-06-04 2018-10-02 腾讯科技(深圳)有限公司 Web data processing method and processing unit
CN105094776A (en) * 2014-05-14 2015-11-25 北大方正集团有限公司 List processing method and device
CN105867750A (en) * 2016-03-31 2016-08-17 郑州悉知信息科技股份有限公司 List display method and device
CN106528026B (en) * 2016-11-29 2019-11-05 武汉斗鱼网络科技有限公司 Text display method and device
CN106648642A (en) * 2016-12-09 2017-05-10 武汉斗鱼网络科技有限公司 Infinite page scrolling method of slide view in IOS client end and system

Also Published As

Publication number Publication date
CN109828802A (en) 2019-05-31

Similar Documents

Publication Publication Date Title
CN109828802B (en) List view display method, device and readable medium
CN107885533B (en) Method and device for managing component codes
US20190354332A1 (en) Method and apparatus for outputting contents using a plurality of displays
CN110362762B (en) Content data display method and device, electronic equipment and storage medium
CN110362366B (en) Application interface display method and device
CN111880712B (en) Page display method and device, electronic equipment and storage medium
CN109948087B (en) Webpage resource obtaining method and device and terminal
CN112527287A (en) Article detail information display method, device, terminal and storage medium
CN108132790B (en) Method, apparatus and computer storage medium for detecting a garbage code
CN113127130B (en) Page jump method, device and storage medium
CN112749362B (en) Control creation method, device, equipment and storage medium
CN111159604A (en) Picture resource loading method and device
CN111191176A (en) Website content updating method, device, terminal and storage medium
CN111125602B (en) Page construction method, device, equipment and storage medium
CN114546545B (en) Image-text display method, device, terminal and storage medium
WO2022057889A1 (en) Method for translating interface of application, and related device
US11537213B2 (en) Character recommending method and apparatus, and computer device and storage medium
CN108038232B (en) Webpage editing method, device and system and storage medium
CN107943484B (en) Method and device for executing business function
CN110569064B (en) Interface identifier generation method, device, equipment and storage medium
CN113051015A (en) Page rendering method and device, electronic equipment and storage medium
CN112181442B (en) Unloading page display method, device, terminal, server and storage medium
CN111275607A (en) Interface display method and device, computer equipment and storage medium
CN111580892A (en) Method, device, terminal and storage medium for calling service component
CN113051485A (en) Group searching method, device, terminal 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
GR01 Patent grant
GR01 Patent grant