CN111290680A - List display method, device, terminal and storage medium - Google Patents
List display method, device, terminal and storage medium Download PDFInfo
- Publication number
- CN111290680A CN111290680A CN202010071610.6A CN202010071610A CN111290680A CN 111290680 A CN111290680 A CN 111290680A CN 202010071610 A CN202010071610 A CN 202010071610A CN 111290680 A CN111290680 A CN 111290680A
- Authority
- CN
- China
- Prior art keywords
- cell
- list
- determining
- content
- size
- 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.)
- Granted
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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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 embodiment of the application provides a list display method, a list display device, a terminal and a storage medium, and relates to the technical field of computer program development. The method comprises the following steps: displaying a user interface, wherein the user interface comprises a list which comprises cells used for displaying contents; in response to a list refresh command, determining to move out a first cell of a viewport region corresponding to the list; determining the updated size of the first cell according to the first content to be displayed; reloading and displaying the first cell in the list according to the updated size of the first cell; the first content is displayed in the first cell. According to the technical scheme provided by the embodiment of the application, the reloading and displaying size of the first unit cell can be determined according to the first content, so that the size of the first unit cell can be changed when the first unit cell is recycled, a multiplexing list scheme with the variable unit cell size (such as the height of the unit cell) is realized, and the multiplexing list scheme is more flexible.
Description
Technical Field
The embodiment of the application relates to the technical field of computer program development, in particular to a list display method, a list display device, a terminal and a storage medium.
Background
Using computer technology, developers can develop a wide variety of applications. When an application runs on a terminal, it is often necessary to display the content in the form of a list.
In the related art, in order to save storage space, developers use a multiplexing list component carried by the ghost engine to realize the list display function. When content needs to be displayed in the list, the cells of the generated list can be reused by reusing the list component, and only the displayed content in the cells is updated without creating new cells.
In the above-mentioned technique, only a multiplexing list with highly uniform cells can be displayed, and it is not flexible enough.
Disclosure of Invention
The embodiment of the application provides a list display method, a list display device, a terminal and a storage medium, and can realize a multiplexing list scheme with variable cell size (such as cell height), so that the list display method has higher flexibility. The technical scheme is as follows:
in one aspect, an embodiment of the present application provides a list display method, where the method includes:
displaying a user interface, wherein the user interface comprises a list, and the list comprises cells for displaying content;
in response to a list refresh command, determining to move out a first cell of a viewport region corresponding to the list;
determining the updated size of the first cell according to the first content to be displayed;
reloading and displaying the first cell in the list according to the updated size of the first cell;
displaying the first content in the first cell.
In another aspect, an embodiment of the present application provides a list display apparatus, where the apparatus includes:
the interface display module is used for displaying a user interface, wherein the user interface comprises a list, and the list comprises cells for displaying content;
a cell removal module, configured to determine to remove a first cell of a viewport region corresponding to the list in response to a list refresh command;
the size determining module is used for determining the updated size of the first cell according to the first content to be displayed;
the cell loading module is used for reloading and displaying the first cell in the list according to the updated size of the first cell;
a content display module to display the first content in the first cell.
In yet another aspect, an embodiment of the present application provides a terminal, 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 display method as described above.
In yet another aspect, embodiments of the present application provide a computer-readable storage medium having at least one instruction, at least one program, a set of codes, or a set of instructions stored therein, which is loaded and executed by a processor to implement a list display method as described above.
The technical scheme provided by the embodiment of the application can have the following beneficial effects:
the method comprises the steps of determining a first cell of a viewport region corresponding to a moving-out list according to a list refreshing instruction, determining the updated size of the first cell according to first content to be displayed, reloading and displaying the first cell in the list according to the updated size of the first cell, displaying the first content in the first cell, and determining the reloaded and displayed size of the first cell according to the first content, so that when the first cell is recycled, the size of the first cell can be changed, a multiplexing list scheme with a variable cell size (such as cell height) is realized, and the multiplexing list scheme is more flexible.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the application.
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 flowchart of a method for displaying chat data according to an embodiment of the present application;
FIG. 2 is a flow chart of a list display method provided by one embodiment of the present application;
FIG. 3 is a flow chart of a list display method provided by another embodiment of the present application;
FIG. 4 is a schematic illustration of a user interface provided by one embodiment of the present application;
FIG. 5 is a display diagram of a list shown in one embodiment of the present application;
FIG. 6 is a flow chart of a list display method provided by another embodiment of the present application;
FIG. 7 is an interface diagram of a blueprint visualization system for the illusion engine provided by one embodiment of the present application;
FIG. 8 is a block diagram of a list display apparatus provided in one embodiment of the present application;
fig. 9 is a block diagram of a list display apparatus according to another embodiment of the present application;
fig. 10 is a block diagram of a terminal according to an embodiment of the present application.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present application. Rather, they are merely examples of methods consistent with aspects of the present application, as detailed in the appended claims.
The embodiment of the application provides a terminal, which is an electronic device with data calculation, processing and storage capabilities, wherein a target application program runs in the terminal. The terminal may be a smartphone, a tablet, a PC (personal computer), a wearable device, a smart robot, or the like. The target application may be any application with a list display requirement, such as a game application, a social application, a payment application, a video application, a shopping application, a news application, etc. In the method of the embodiment of the present application, the execution subject of each step may be the terminal, such as the target application program running in the terminal.
In a possible application scenario, taking a game application program as an example to display a chat list, a corresponding process may be as shown in fig. 1, and includes the following steps (10-40):
step 10, receiving chat data issued by a server, and storing the chat data in a memory of a terminal;
step 20, responding to the list refreshing instruction, and driving the chat data controller to acquire chat data from the memory;
and step 40, adding the chatting data into a list for displaying the chatting data and displaying the chatting data.
Wherein the cells in the list can be recycled and their height can be changed. The technical scheme of the application can be applied to the specific implementation process of the step 40.
The technical solution of the present application will be described below by means of several embodiments.
Referring to fig. 2, a flowchart of a list display method according to an embodiment of the present application is shown. The execution subject of the method may be the terminal introduced above. The method comprises the following steps (201-205):
The user interface may be displayed on a display panel of the terminal, or may be displayed by projection using an AR (Augmented Reality) technology, a VR (Virtual Reality) technology, or the like. The user interface may display content via a list, where the list includes cells in which the list content may be displayed. The size of the cells in the list may vary.
The list refresh command may be used to update the display content of the list. The display content of the update list may include cells in the update list, such as display positions of the cells, display content, and the like. The obtaining mode of the list refresh command may be voice input, and may be touch operation (such as click operation and sliding operation), the list refresh command may also be automatically triggered when the terminal receives new content that can be displayed in the list, and the list refresh command may also be issued by the server, which is not limited in this embodiment of the present application.
The viewport region may refer to the visible region of the list when displayed on the user interface; that is, the viewport region is used to limit the display range of the list, and the list can only be displayed within the viewport region. The first cell may refer to a cell that is moved out of the viewport region, and the first cell may not be displayed on the user interface after being moved out of the viewport region.
The created cells may be reused when the list needs to display new content. Illustratively, after the first cell is moved out of the viewport region, the first cell is reserved, and the originally displayed content in the first cell is cleared; and determining the updated size of the first cell according to the cell size required by displaying the first content.
The first unit cell may be rectangular, square, circular, triangular, or other shapes, which is not limited in this application. Illustratively, taking the first unit cell as a rectangle, the size of the first unit cell refers to the height and width of the first unit cell. Alternatively, in a user interface that displays on a pixel basis, the size of the first cell may be expressed in terms of the number of pixels; that is, the size of the first cell includes a pixel height and a pixel width.
And step 204, reloading and displaying the first cell in the list according to the updated size of the first cell.
After determining the updated size of the first cell, the updated first cell may be obtained and then the updated first cell may be loaded and displayed in the viewport region.
After the first cell is loaded and displayed, the first content can be added into the first cell for display.
To sum up, in the technical solution provided in the embodiment of the present application, the first cell of the viewport region corresponding to the move-out list is determined according to the list refresh command, the updated size of the first cell is determined according to the first content to be displayed, the first cell is reloaded and displayed in the list according to the updated size of the first cell, the first content is displayed in the first cell, and the reloaded and displayed size of the first cell can be determined according to the first content, so that when the first cell is recycled, the size of the first cell can be changed, thereby implementing a multiplexing list scheme with a variable cell size (e.g., cell height), and having more flexibility.
Referring to fig. 3, a flowchart of a list display method according to another embodiment of the present application is shown. The execution subject of the method may be the terminal introduced above. The method comprises the following steps (301-306):
step 301, a user interface is displayed, wherein the user interface includes a list, and the list includes cells for displaying content.
Step 301 is the same as or similar to step 201 in the embodiment of fig. 2, and is not described herein again.
In some possible embodiments, step 302 may include the following sub-steps (3021-3023):
step 3021, in response to the list refresh command, determining a moving distance corresponding to a cell in the list.
Optionally, the list refresh command includes a moving distance corresponding to the cell.
Optionally, the list refresh instruction includes a sliding distance of a finger of the user on the user interface, and the moving distance corresponding to the cell in the list may be determined according to the sliding distance of the finger on the user interface and a preset distance conversion relationship, where the preset distance conversion relationship is a conversion relationship between the sliding distance on the user interface and the moving distance of the cell. For example, the preset distance conversion relationship may be: the ratio of the distance that the finger slides on the user interface to the moving distance of the cell is a, and a is a positive number. The value of a may be 0.5, 0.8, 1, 1.2, 1.5, 2, etc., and the value of a may be specifically set by a related person according to practical situations, which is not limited in the embodiments of the present application.
And step 3022, determining the updated display positions corresponding to the cells in the list according to the moving distance.
And calculating to obtain updated display positions corresponding to the cells in the list according to the moving distance of the cells in the list and the display positions before the cells move.
Step 3023, determining the cell with the updated display position outside the viewport region as the first cell.
In some possible embodiments, the height of the cells may be changed, and the updated height of the first cell may be determined according to the first content to be displayed.
In some possible embodiments, the width of the cell may be changed, and the updated width of the first cell may be determined according to the first content to be displayed.
In some possible embodiments, both the height and the width of the cells may be changed, and the updated height and width of the first cell may be determined according to the first content to be displayed.
Referring to fig. 4, a schematic diagram of a user interface provided by an embodiment of the present application is shown. As shown in fig. 4, both the height and width of the unit cell may vary. From the contents in the cells 41 and 42, the height and width of the cells 41 and 42 may be determined. For example, the cell 41 displays less content, and has a smaller height and width; for another example, the cells 42 display more content, with greater height and width.
And step 304, determining the position information of the first cell according to the updated size of the first cell.
After the updated size of the first cell is determined, the position information of the first cell can be calculated by combining the moving distance of the cells in the list, and the position information is used for indicating the display position of the first cell.
In some possible embodiments, there is a spacing distance between the cells in the list, and the location information of the first cell may be determined based on the updated size of the first cell and the spacing distance between the cells.
In some possible embodiments, an offset value of the first boundary of the first cell relative to the reference position may be determined based on the updated size of the first cell; and/or determining an offset value of the second boundary of the first cell relative to the reference position according to the updated size of the first cell. Wherein the first boundary and the second boundary are two boundaries of the first cell that are parallel to each other.
The reference position may be an arbitrary position in the viewport region. Exemplarily, the reference position may be two boundaries of the viewport region in the moving direction of the list. For example, please refer to fig. 5, which illustrates a display diagram of a list according to an embodiment of the present application. As shown in FIG. 5, the list 51 can move up and down relative to the viewport region 52, and the reference position can be an upper boundary 521 of the viewport region 52 or a lower boundary 522 of the viewport region 52, and accordingly, the first boundary and the second boundary can be an upper boundary 531 of the first cell 53 and a lower boundary 532 of the first cell 53. For another example, when the list is left-right movement, the reference position may be a left boundary of the viewport region or a right boundary of the viewport region, and accordingly, the first boundary and the second boundary are left and right boundaries of the first cell.
In one example, the list is moved up and down, the width of the list is a fixed value, the distance between cells is 10 pixels, and the height of the viewport region is 1000 pixels; the reference position is a lower boundary of the viewport region, and the first boundary is an upper boundary of the first cell; the updated height dimension of the first cell is 100 pixels and the offset value of the lower boundary of the previous cell of the first cell with respect to the lower boundary of the viewport region is 500 pixels. Through calculation, it can be determined that the offset value of the first boundary of the first cell with respect to the lower boundary of the viewport region is 490 pixels, i.e., the position information of the first cell is obtained.
After obtaining the relative position relationship between the first cell and the viewport region, when the viewport region is determined, the display position of the first cell in the user interface may be further obtained.
And 305, reloading and displaying the first cell in the list according to the position information of the first cell.
According to the position information of the first cell, the first cell can be loaded and displayed at the position corresponding to the position information.
Step 306 is the same as or similar to step 205 in the embodiment of fig. 2, and is not described here again.
In summary, in the technical scheme provided by the embodiment of the present application, the height and the width of the cell can be changed, so that the flexibility of list display is further improved.
In some optional embodiments, after the step 301, the following steps may be further included:
1. receiving a zoom instruction corresponding to the viewport region;
2. adjusting the size of the viewport area according to the zooming instruction;
3. according to the adjusted size of the viewport area, re-determining the position information of the cells in the list;
4. and displaying the unit cells according to the position information of the unit cells.
Wherein the zoom instruction is used to instruct the viewport region to zoom out or zoom in. After resizing the viewport region, the position information for the cells in the list may be recalculated and the cells redisplayed. Redisplaying the cells includes changing a portion of the cells from a displayed state to a non-displayed state and adding cells displayed in the viewport region.
In the implementation manner, after the zoom instruction corresponding to the viewport region is received, the size of the viewport region is adjusted and the cells are redisplayed, so that the cells in the list can be displayed according to the change condition of the size of the viewport region, and the flexibility of list display is improved.
In some optional embodiments, after the step 302, the following steps may be further included:
1. calculating the number of displayable cells in the viewport region;
2. creating a third cell in response to the number of created cells being less than the number of displayable cells;
3. determining the size of a third cell according to the second content to be displayed;
4. loading and displaying the third cell in the list according to the size of the third cell;
5. and displaying the second content in the third cell.
In the implementation manner, when the number of the created cells is smaller than the number of the displayable cells, the third cell is created for displaying the second content, so that the second content can be displayed through the list, and the flexibility of list display is improved.
Referring to fig. 6, a flowchart of a list display method according to an embodiment of the present application is shown. The execution subject of the method may be the terminal introduced above. The method comprises the following steps (601-605):
step 601, in response to a zoom instruction corresponding to the viewport region, resizing the viewport region.
Step 602, in response to the list refresh command, determining a moving distance corresponding to a cell in the list.
Step 603, determining the position information of the cells in the list according to the moving distance.
Step 604, based on the position information, removing the cells outside the viewport area.
Step 605 reloads the first cell that is displayed out of the viewport region.
In the following, taking a game application as an example, a component of the game application that realizes the function of the list display method described in the above embodiment is assumed to be referred to as a multiplexing list component with variable height. The development of the highly variable reuse list component will be described below. The development process may be performed by a developer on a computer device such as a PC. Optionally, a ghost engine is running in the computer device, where a developer develops the highly variable reuse list component.
First, terms related to embodiments of the present application will be briefly described:
the illusion engine: the illusion engine is a development platform, providing developers with a great deal of core technology, data generation tools, and basic support.
Blueprint visualization system: the blueprint visualization system is a game script system, the idea is to create playability elements of a game from a fantasy editor based on an interface of a node, and the system provides a tool for common game developers to quickly create game elements and level cards in the editor.
Blue chart: blueprints are interfaces or controls created by blueprint visualization systems.
A sub blue chart: the sub blueprints are new interfaces or controls created by the blueprint visualization system on the basis of the blueprints, for example, the sub blueprints may be boxes of a list.
Multiplexing list: when a large amount of contents need to be displayed in the list, the existing frames in the list can be reused, and only the contents in the existing frames need to be updated, but a new frame list does not need to be created.
The development process of the multiplexing list component with variable height can comprise the following steps (701-706):
in step 701, a blueprint is created based on the illusion engine.
In step 702, add a highly variable multiplexing List component (Reuse List Multi Size) to the blueprint.
The multiplexing list component with variable height refers to a component which supports cell multiplexing and has variable cell height.
At step 703, a cell blueprint is created.
Wherein, the unit cell blueprint can set the parent class as Reuse List Multi Size Item.
Step 704, overwrite Get Size function with cell blueprint to Get the height of the cell.
In some possible embodiments, the interface design of the cell is as follows:
1)Init()
parameters are as follows: is free of
The functions are as follows: cell initialization
2)Get Size(index)
Parameters are as follows: index (index subscript lattice)
The functions are as follows: calculating the size of the current cell
3)Set Data(info，information)
Parameters are as follows: info (cell data)
The functions are as follows: refreshing cell data
Step 705, causes the highly variable reuse list component to invoke the Reload method.
Referring to fig. 7, an interface diagram of a blueprint visualization system of an illusion engine provided by an embodiment of the application is shown. As shown in fig. 7, when the Reload method is invoked, the style of the list, the list type, and the space between cells may be set in the Reload control 71 through a style control 711, a type control 712, and a space control 713.
At step 706, register the time snoop (On Update Item) of the highly variable multiplex list component to refresh the list.
The following are embodiments of the apparatus of the present application that may be used to perform embodiments of the method of the present application. For details which are not disclosed in the embodiments of the apparatus of the present application, reference is made to the embodiments of the method of the present application.
Referring to fig. 8, a block diagram of a list display apparatus according to an embodiment of the present application is shown. The device has the function of realizing the list display method example, and the function can be realized by hardware or by hardware executing corresponding software. The device may be the terminal described above, or may be provided on the terminal. The apparatus 800 may include: an interface display module 810, a cell removal module 820, a sizing module 830, a cell loading module 840, and a content display module 850.
The interface display module 810 is configured to display a user interface, where the user interface includes a list, and the list includes cells for displaying content.
The cell removal module 820 is configured to determine to remove a first cell of the viewport region corresponding to the list in response to a list refresh command.
The size determining module 830 is configured to determine the updated size of the first cell according to the first content to be displayed.
The cell loading module 840 is configured to reload and display the first cell in the list according to the updated size of the first cell.
The content display module 850 is configured to display the first content in the first cell.
To sum up, in the technical solution provided in the embodiment of the present application, the first cell of the viewport region corresponding to the move-out list is determined according to the list refresh command, the updated size of the first cell is determined according to the first content to be displayed, the first cell is reloaded and displayed in the list according to the updated size of the first cell, the first content is displayed in the first cell, and the reloaded and displayed size of the first cell can be determined according to the first content, so that when the first cell is recycled, the size of the first cell can be changed, thereby implementing a multiplexing list scheme with a variable cell size (e.g., cell height), and having more flexibility.
In an exemplary embodiment, as shown in fig. 9, the cell loading module 840 further includes: a location determination submodule 841 and a cell loading submodule 842.
The position determining submodule 841 is configured to determine, according to the updated size of the first cell, position information of the first cell, where the position information is used to indicate a display position of the first cell.
The cell loading sub-module 842 is configured to reload and display the first cell in the list according to the location information of the first cell.
In an exemplary embodiment, as shown in fig. 9, the position determination submodule 841 is configured to:
determining an offset value of a first boundary of the first cell relative to a reference position according to the updated size of the first cell; and/or determining an offset value of a second boundary of the first cell relative to a reference position according to the updated size of the first cell; wherein the first boundary and the second boundary are two boundaries of the first cell that are parallel to each other.
In an exemplary embodiment, the cell removal module 820 is configured to:
in response to the list refreshing instruction, determining a moving distance corresponding to a unit cell in the list;
determining updated display positions corresponding to the cells in the list respectively according to the moving distance;
and determining the cell with the updated display position outside the viewport area as the first cell.
In an exemplary embodiment, the size determination module 830 is configured to:
determining the updated height of the first cell according to the first content to be displayed; or determining the updated width of the first cell according to the first content to be displayed.
In an exemplary embodiment, as shown in fig. 9, the apparatus 800 further comprises: a quantity calculation module 860 and a cell creation module 870.
The number calculating module 860 is configured to calculate the number of displayable cells in the viewport region.
The cell creation module 870 for creating a third cell in response to the number of created cells being less than the number of displayable cells.
The size determining module 830 is further configured to determine the size of the third cell according to the second content to be displayed.
The cell loading module 840 is further configured to load and display the third cell in the list according to the size of the third cell.
The content display module 850 is further configured to display the second content in the third cell.
In an exemplary embodiment, as shown in fig. 9, the apparatus 800 further comprises: an instruction receiving module 880, a resizing module 885, a location determining module 890, and a cell display module 895.
The instruction receiving module 880 is configured to receive a zoom instruction corresponding to the viewport region.
The resizing module 885 is configured to resize the viewport region according to the zoom instruction.
The location determining module 890 is configured to determine the location information of the cells in the list again according to the adjusted size of the viewport region.
The cell display module 895 is configured to display the cell according to the location information of the cell.
It should be noted that, when the apparatus provided in the foregoing embodiment implements the functions thereof, only the division of the functional modules is illustrated, and in practical applications, the functions may be distributed by different functional modules according to needs, that is, the internal structure of the apparatus may be divided into different functional modules to implement all or part of the functions described above. In addition, the apparatus and method embodiments provided by the above embodiments belong to the same concept, and specific implementation processes thereof are described in the method embodiments for details, which are not described herein again.
Referring to fig. 10, a block diagram of a terminal according to an embodiment of the present application is shown. The terminal 1000 can be an electronic device such as a mobile phone, a tablet computer, a game console, an electronic book reader, a multimedia player, a wearable device, a PC, etc. The terminal is used for implementing the list display method provided in the above embodiment. The terminal may be the terminal 10 in the implementation environment shown in fig. 1. Specifically, the method comprises the following steps:
in general, terminal 1000 can include: a processor 1001 and a memory 1002.
In some embodiments, terminal 1000 can also optionally include: a peripheral interface 1003 and at least one peripheral. The processor 1001, memory 1002 and peripheral interface 1003 may be connected by a bus or signal line. Various peripheral devices may be connected to peripheral interface 1003 via a bus, signal line, or circuit board. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1004, touch screen display 1005, camera 1006, audio circuitry 1007, positioning components 1008, and power supply 1009.
Those skilled in the art will appreciate that the configuration shown in FIG. 10 is not intended to be limiting and that terminal 1000 can include more or fewer components than shown, or some components can be combined, or a different arrangement of components can be employed.
In an exemplary embodiment, there is also provided a computer-readable storage medium having stored therein a computer program which, when executed by a processor, implements the list display method described above.
In an exemplary embodiment, a computer program product is also provided for implementing the above list display method when executed by a processor.
It should be understood that reference to "a plurality" herein means two or more. Other embodiments of the present application will be apparent to those skilled in the art from consideration of the specification and practice of the application disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the application being indicated by the following claims.
It will be understood that the present application is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the application is limited only by the appended claims.
Claims (10)
1. A method of displaying a list, the method comprising:
displaying a user interface, wherein the user interface comprises a list, and the list comprises cells for displaying content;
in response to a list refresh command, determining to move out a first cell of a viewport region corresponding to the list;
determining the updated size of the first cell according to the first content to be displayed;
reloading and displaying the first cell in the list according to the updated size of the first cell;
displaying the first content in the first cell.
2. The method according to claim 1, wherein the reloading the first cell in the list according to the updated size of the first cell comprises:
determining the position information of the first cell according to the updated size of the first cell, wherein the position information is used for indicating the display position of the first cell;
and reloading and displaying the first cell in the list according to the position information of the first cell.
3. The method of claim 2, wherein the determining the location information of the first cell according to the updated size of the first cell comprises:
determining an offset value of a first boundary of the first cell relative to a reference position according to the updated size of the first cell;
and/or the presence of a gas in the gas,
determining an offset value of a second boundary of the first cell relative to a reference position according to the updated size of the first cell;
wherein the first boundary and the second boundary are two boundaries of the first cell that are parallel to each other.
4. The method of claim 1, wherein determining to move out of a first cell of a viewport region corresponding to the list in response to a list refresh command comprises:
in response to the list refreshing instruction, determining a moving distance corresponding to a unit cell in the list;
determining updated display positions corresponding to the cells in the list respectively according to the moving distance;
and determining the cell with the updated display position outside the viewport area as the first cell.
5. The method of claim 1, wherein the determining the updated size of the first cell according to the first content to be displayed comprises:
determining the updated height of the first cell according to the first content to be displayed;
alternatively, the first and second electrodes may be,
and determining the updated width of the first cell according to the first content to be displayed.
6. The method of claim 1, wherein after determining to move out the first cell of the viewport region corresponding to the list in response to the list refresh command, further comprising:
calculating the number of displayable cells in the viewport region;
creating a third cell in response to the number of created cells being less than the number of displayable cells;
determining the size of the third cell according to the second content to be displayed;
loading and displaying the third cell in the list according to the size of the third cell;
displaying the second content in the third cell.
7. The method of any of claims 1 to 6, wherein after displaying the user interface, further comprising:
receiving a zoom instruction corresponding to the viewport region;
resizing the viewport region according to the zoom instruction;
according to the adjusted size of the viewport area, re-determining the position information of the cells in the list;
and displaying the cells according to the position information of the cells.
8. A list display apparatus, characterized in that the apparatus comprises:
the interface display module is used for displaying a user interface, wherein the user interface comprises a list, and the list comprises cells for displaying content;
a cell removal module, configured to determine to remove a first cell of a viewport region corresponding to the list in response to a list refresh command;
the size determining module is used for determining the updated size of the first cell according to the first content to be displayed;
the cell loading module is used for reloading and displaying the first cell in the list according to the updated size of the first cell;
a content display module to display the first content in the first cell.
9. A terminal, characterized in that it comprises a processor and a memory in which at least one instruction, at least one program, set of codes or set of instructions is stored, which is loaded and executed by the processor to implement the list display method according to any one of claims 1 to 7.
10. A computer readable storage medium having stored therein at least one instruction, at least one program, a set of codes, or a set of instructions, which is loaded and executed by a processor to implement the list display method of any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010071610.6A CN111290680B (en) | 2020-01-21 | 2020-01-21 | List display method, device, terminal and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010071610.6A CN111290680B (en) | 2020-01-21 | 2020-01-21 | List display method, device, terminal and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111290680A true CN111290680A (en) | 2020-06-16 |
| CN111290680B CN111290680B (en) | 2021-10-22 |
Family
ID=71026679
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010071610.6A Active CN111290680B (en) | 2020-01-21 | 2020-01-21 | List display method, device, terminal and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111290680B (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112307285A (en) * | 2020-11-05 | 2021-02-02 | 珠海格力电器股份有限公司 | Event recording method and device, electrical equipment and storage medium |
| CN115344167A (en) * | 2022-08-24 | 2022-11-15 | 北京字跳网络技术有限公司 | Method, apparatus, device and medium for managing view unit |
| WO2023035888A1 (en) * | 2021-09-08 | 2023-03-16 | 华为技术有限公司 | Display method, electronic device, and storage medium |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120198341A1 (en) * | 2011-01-28 | 2012-08-02 | General Electric Company | System and Method of Automatic Scaling of Clinical Data for Varied Display Size |
| US20130080194A1 (en) * | 2011-09-27 | 2013-03-28 | Hyeongjin IM | Display device and method for controlling the same |
| CN103218197A (en) * | 2013-04-26 | 2013-07-24 | 安科智慧城市技术（中国）有限公司 | Method, device and system of displaying data dynamically |
| US20150213025A1 (en) * | 2014-01-24 | 2015-07-30 | Nektoon Ag | Variable result set size based on user expectation |
| CN106708372A (en) * | 2015-07-15 | 2017-05-24 | 三亚中兴软件有限责任公司 | Unread message display method and apparatus |
| CN107066439A (en) * | 2017-04-07 | 2017-08-18 | 广州市玄武无线科技股份有限公司 | A kind of method, device and the electronic equipment of custom form control |
| US20180035161A1 (en) * | 2010-09-07 | 2018-02-01 | Opentv, Inc. | Smart playlist |
| CN108271060A (en) * | 2016-12-30 | 2018-07-10 | 深圳市优朋普乐传媒发展有限公司 | A kind of list loading method and device |
| CN109634490A (en) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | A kind of list display method, device, equipment and storage medium |
| CN109753210A (en) * | 2018-12-29 | 2019-05-14 | 努比亚技术有限公司 | The information display method of mobile terminal, mobile terminal, readable storage medium storing program for executing |
| CN110007829A (en) * | 2019-04-03 | 2019-07-12 | 腾讯科技（深圳）有限公司 | Content display method, device, terminal and storage medium |
| CN110209447A (en) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | A kind of list page data display method and list page data presentation device |
-
2020
- 2020-01-21 CN CN202010071610.6A patent/CN111290680B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20180035161A1 (en) * | 2010-09-07 | 2018-02-01 | Opentv, Inc. | Smart playlist |
| US20120198341A1 (en) * | 2011-01-28 | 2012-08-02 | General Electric Company | System and Method of Automatic Scaling of Clinical Data for Varied Display Size |
| US20130080194A1 (en) * | 2011-09-27 | 2013-03-28 | Hyeongjin IM | Display device and method for controlling the same |
| CN103218197A (en) * | 2013-04-26 | 2013-07-24 | 安科智慧城市技术（中国）有限公司 | Method, device and system of displaying data dynamically |
| US20150213025A1 (en) * | 2014-01-24 | 2015-07-30 | Nektoon Ag | Variable result set size based on user expectation |
| CN106708372A (en) * | 2015-07-15 | 2017-05-24 | 三亚中兴软件有限责任公司 | Unread message display method and apparatus |
| CN108271060A (en) * | 2016-12-30 | 2018-07-10 | 深圳市优朋普乐传媒发展有限公司 | A kind of list loading method and device |
| CN107066439A (en) * | 2017-04-07 | 2017-08-18 | 广州市玄武无线科技股份有限公司 | A kind of method, device and the electronic equipment of custom form control |
| CN109634490A (en) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | A kind of list display method, device, equipment and storage medium |
| CN109753210A (en) * | 2018-12-29 | 2019-05-14 | 努比亚技术有限公司 | The information display method of mobile terminal, mobile terminal, readable storage medium storing program for executing |
| CN110007829A (en) * | 2019-04-03 | 2019-07-12 | 腾讯科技（深圳）有限公司 | Content display method, device, terminal and storage medium |
| CN110209447A (en) * | 2019-04-28 | 2019-09-06 | 五八有限公司 | A kind of list page data display method and list page data presentation device |
Non-Patent Citations (3)
| Title |
|---|
| 仲治国 等: "《电脑入门》", 31 March 2013, 电脑报电子音像出版社 * |
| 孔令宏: "Android中的ListView控件的优化方法", 《电子技术与软件工程》 * |
| 岩井雅幸: "《精解uGUI Unity UI设计与开发从入门到精通》", 31 October 2017, 中国青年出版社 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112307285A (en) * | 2020-11-05 | 2021-02-02 | 珠海格力电器股份有限公司 | Event recording method and device, electrical equipment and storage medium |
| WO2023035888A1 (en) * | 2021-09-08 | 2023-03-16 | 华为技术有限公司 | Display method, electronic device, and storage medium |
| CN115344167A (en) * | 2022-08-24 | 2022-11-15 | 北京字跳网络技术有限公司 | Method, apparatus, device and medium for managing view unit |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111290680B (en) | 2021-10-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111290680B (en) | List display method, device, terminal and storage medium | |
| US20220249949A1 (en) | Method and apparatus for displaying virtual scene, device, and storage medium | |
| US10706212B1 (en) | Cross-platform presentation of digital content | |
| EP2790177A1 (en) | Image processing apparatus and image processing method | |
| CN111062778A (en) | Product browsing method, device, equipment and storage medium | |
| CN112947969B (en) | Page off-screen rendering method, device, equipment and readable medium | |
| CN108255546B (en) | Method and device for realizing data loading animation | |
| CN111258519B (en) | Screen split implementation method, device, terminal and medium | |
| CN104995622A (en) | Compositor support for graphics functions | |
| CN110806847A (en) | Distributed multi-screen display method, device, equipment and system | |
| CN114531553B (en) | Method, device, electronic equipment and storage medium for generating special effect video | |
| WO2020186837A1 (en) | Text animation control method and device, storage medium and processor | |
| US20140325404A1 (en) | Generating Screen Data | |
| CN109718554B (en) | Real-time rendering method and device and terminal | |
| CN111796825B (en) | Bullet screen drawing method, bullet screen drawing device, bullet screen drawing equipment and storage medium | |
| CN114995706A (en) | Element display method, device, equipment and storage medium | |
| CN114629800A (en) | Visual generation method, device, terminal and storage medium for industrial control network target range | |
| CN114913277A (en) | Method, device, equipment and medium for three-dimensional interactive display of object | |
| CN114625997A (en) | Page rendering method and device, electronic equipment and computer readable medium | |
| CN113703653A (en) | Image processing method, device, equipment and computer readable storage medium | |
| CN108920233B (en) | Panoramic page skipping method and device and storage medium | |
| CN115129278A (en) | Image display control method, system, readable storage medium and electronic device | |
| CN106201398A (en) | A kind of display packing and electronic equipment | |
| CN111949193A (en) | Interface switching method, device, terminal and storage medium | |
| CN115150653B (en) | Media content display method and device, electronic equipment 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 | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40024665 Country of ref document: HK |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |