CN105095259B - Waterfall flow object display method and device - Google Patents
Waterfall flow object display method and device Download PDFInfo
- Publication number
- CN105095259B CN105095259B CN201410193255.4A CN201410193255A CN105095259B CN 105095259 B CN105095259 B CN 105095259B CN 201410193255 A CN201410193255 A CN 201410193255A CN 105095259 B CN105095259 B CN 105095259B
- Authority
- CN
- China
- Prior art keywords
- area
- display
- list
- preset
- snapshot
- 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
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a waterfall flow object display method and device, and belongs to the technical field of display. The method comprises the following steps: acquiring at least one object to be displayed which is arranged according to a waterfall flow layout; for each object, detecting whether an overlapping area exists between an area where the object is located and a preset display area; storing an object with an overlapped area with a preset display area in an object display list, and storing an object without an overlapped area with the preset display area in a snapshot list in a snapshot form; displaying the content of the objects in the object display list in the overlapping area; the problem that the memory cannot release the easy card is solved; because the memory required by the snapshot is very little, the memory space is released and the page browsing smoothness is improved by storing the objects which are not required to be displayed temporarily into the snapshot list.
Description
Technical Field
The embodiment of the invention relates to the technical field of display, in particular to a waterfall flow object display method and device.
Background
In the display technology field, when a page needs to display a large number of objects such as pictures, characters, links, and the like at the same time, especially when a user triggers many scrolling operations, a waterfall flow display mode is usually adopted. The waterfall flow layout is also called waterfall flow layout, is a popular website page layout at present, has a visual expression of a ragged multi-column layout, and continuously loads objects along with the downward rolling of a page scroll bar.
In the waterfall flow scenario, the following is generally adopted in the related art: the method comprises the steps that a terminal obtains at least one object to be displayed, which is distributed in a waterfall flow layout, wherein the object can comprise pictures, characters, links and the like; the terminal continuously loads the object in a page scrolling mode; during page scrolling, the terminal stores a browsing history of the objects removed from the display area, and usually keeps the objects removed from the display area.
In the process of implementing the embodiment of the invention, the inventor finds that the background art has at least the following problems: the memory is quickly consumed when a large number of pictures are loaded, so that the phenomenon that a user feels that the user is stuck after turning a few pages is caused, and even if the object is removed from the display area, the browser cannot immediately call a garbage collection mechanism, so that the memory cannot be released.
Disclosure of Invention
In order to solve the problem that the memory cannot release the easy card, the embodiment of the invention provides a waterfall flow object display method and a waterfall flow object display device. The technical scheme is as follows:
in a first aspect, a waterfall flow object display method is provided, and the method includes:
acquiring at least one object to be displayed which is arranged according to a waterfall flow layout;
for each object, detecting whether an overlapping area exists between an area where the object is located and a preset display area;
storing the object with the overlapped area with the preset display area in an object display list, and storing the object without the overlapped area with the preset display area in a snapshot list in a snapshot form;
and displaying the content of the objects in the object display list in the overlapping area.
In a second aspect, there is provided a waterfall flow object display apparatus, the apparatus including:
the object acquisition module is used for acquiring at least one object to be displayed which is distributed according to a waterfall flow layout;
the device comprises an area detection module, a display module and a display module, wherein the area detection module is used for detecting whether an overlapped area exists between an area where an object is located and a preset display area or not for each object;
the object storage module is used for storing the object which has an overlapped area with the preset display area in an object display list and storing the object which does not have the overlapped area with the preset display area in a snapshot list;
and the content display module is used for displaying the content of the objects in the object display list in the overlapping area.
The technical scheme provided by the embodiment of the invention has the following beneficial effects:
obtaining at least one object to be displayed which is arranged according to a waterfall flow layout; for each object, detecting whether an overlapping area exists between an area where the object is located and a preset display area; storing an object with an overlapped area with a preset display area in an object display list, and storing an object without an overlapped area with the preset display area in a snapshot list in a snapshot form; displaying the content of the objects in the object display list in the overlapping area; the problem that the memory cannot release the easy card is solved; because the memory required by the snapshot is very little, the memory space is released and the page browsing smoothness is improved by storing the objects which are not required to be displayed temporarily into the snapshot list.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, 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 illustrating a method for displaying an object of a waterfall flow according to an embodiment of the present invention;
fig. 2A is a flowchart illustrating a method for displaying a waterfall flow object according to another embodiment of the present invention;
FIG. 2B is a schematic illustration of region overlap detection provided by another embodiment of the present invention;
FIG. 2C is a schematic diagram illustrating a variation of a predetermined display area according to another embodiment of the present invention;
FIG. 2D is a schematic diagram of a list update provided by another embodiment of the present invention;
fig. 3 is a block diagram illustrating a structure of a waterfall flow object display apparatus according to an embodiment of the present invention;
fig. 4 is a block diagram illustrating a structure of a waterfall flow object display apparatus according to another embodiment of the present invention;
fig. 5 is a schematic structural diagram of a terminal according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
A "terminal" as referred to herein is typically a terminal that includes a display screen. The method specifically comprises the following steps: smart phones, tablet computers, electronic book readers, MP3 players (Moving Picture Experts Group Audio Layer III, motion Picture Experts Group Audio Layer IV, motion Picture Experts Group Audio Layer 4), MP4 players, wearable electronic devices, laptop portable computers, desktop computers, and the like.
Referring to fig. 1, a flowchart of a method for displaying a waterfall flow object according to an embodiment of the present invention is shown. The embodiment is mainly illustrated by applying the waterfall flow object display method to a terminal including a display screen. The waterfall flow object display method comprises the following steps:
102, acquiring at least one object to be displayed which is arranged according to a waterfall flow layout;
104, detecting whether an overlapping area exists between an area where the object is located and a preset display area or not for each object;
106, storing the object with the overlapped area with the preset display area in an object display list, and storing the object without the overlapped area with the preset display area in a snapshot list;
and step 108, displaying the contents of the objects in the object display list in the overlapping area.
In summary, in the waterfall flow object display method provided in this embodiment, at least one object to be displayed arranged according to the waterfall flow layout is obtained; for each object, detecting whether an overlapping area exists between an area where the object is located and a preset display area; storing an object with an overlapped area with a preset display area in an object display list, and storing an object without an overlapped area with the preset display area in a snapshot list in a snapshot form; displaying the content of the objects in the object display list in the overlapping area; the problem that the memory cannot release the easy card is solved; because the memory required by the snapshot is very little, the memory space is released and the page browsing smoothness is improved by storing the objects which are not required to be displayed temporarily into the snapshot list.
Referring to fig. 2A, a flowchart of a method for displaying a waterfall flow object according to another embodiment of the present invention is shown. The embodiment is mainly illustrated by applying the waterfall flow object display method to a terminal including a display screen. The waterfall flow object display method comprises the following steps:
the waterfall flow layout is a popular page layout at present, and the visual representation is a ragged multi-column layout, and as a page scroll bar scrolls downwards, the terminal continuously displays an Object in a preset display area, and the Object is usually represented in a DOM (Document Object Model) form. The method comprises the steps that when a page of a waterfall flow layout is loaded for the first time, at least one object to be displayed, which is arranged according to the waterfall flow layout, is obtained by a terminal, the object comprises position information of the object and display content information of the object, and the display content information of the object comprises: text information, and/or address information of pictures, and/or address information of videos.
The objects to be displayed include objects which need to be displayed in the preset display area at present and objects which do not need to be displayed in the preset display area temporarily.
for each acquired object, the terminal detects whether an overlapping area exists between the area where the object is located and a preset display area. The preset display area refers to an area where an object is displayed, and generally refers to an area of a display screen of the terminal, that is, an area visible to human eyes. As shown in fig. 2B, the area 20 is a preset display area.
The terminal may detect whether there is an overlapping area between the area where the object is located and the preset display area through collision detection of the geometric shape, and specifically, this step includes the following sub-steps:
1. the terminal sets a preset display area to be a preset geometric shape;
the terminal sets the preset display area to be a preset geometric shape according to the shape of the display screen and the horizontal and vertical screen states of the display screen, wherein the preset geometric shape can be a rectangle, a polygon, a circle and other shapes.
2. The terminal converts each object into a corresponding geometric shape;
the terminal converts each object into a corresponding geometric shape, such as a rectangle with different sizes, according to the position information of the object.
3. The terminal detects whether an overlap region exists in a preset geometry of a preset display region and a geometry of each object through collision detection.
That is, the terminal performs collision detection on the geometric shape corresponding to the preset display area and the geometric shape corresponding to each object. If the geometric shape corresponding to the object and the geometric shape corresponding to the preset display area are in an intersection relationship, an overlapping area exists between the preset display area and the area where the object is located; if the geometric shape corresponding to the object does not have an intersection relation with the geometric shape corresponding to the preset display area, the preset display area and the area where the object is located do not have an overlapping area.
As shown in fig. 2B, there are overlapping regions between the region 22 where the object 2 is located, the region 23 where the object 3 is located, the region 24 where the object 4 is located, the region 25 where the object 5 is located, and the region 27 where the object 7 is located, and the preset display region; there is no overlapping area of the area 21 where the object 1 is located and the area 26 where the object 6 is located with the preset display area.
the terminal stores the object with the overlapped area with the preset display area in an object display list, and stores the object without the overlapped area with the preset display area in a snapshot list.
As shown in fig. 2B, the terminal stores object 2, object 3, object 4, object 5, and object 7 in the object display list 100, and stores object 1 and object 6 in the snapshot list 200.
And step 204, displaying the contents of the objects in the object display list in the overlapping area.
The terminal displays the contents of the objects in the object display list in the overlapping area. As shown in fig. 2B, that is, the content displayed in the area where the preset display area 20 is located.
The method specifically comprises the following substeps:
1. rendering the objects stored in the object display list by the terminal according to the display content information of each object;
2. according to the rendering result, the terminal displays the contents of the objects in the object display list in the overlapping area.
Wherein, the rendering result of each object is also stored in the object display list.
Because the information of each object required to be stored in the object display list is more, such as the position information, the display content information, the rendering result, and the like of each object; the snapshot list only needs to store the position information and the display content information of each object, and the information is usually stored in a character form, so that a large amount of memory space is needed for the objects in the object display list, and the storage space occupied by the objects in the snapshot list is small.
When a user performs operations such as scrolling, left-right dragging, horizontal and vertical screen switching and the like, the preset display area can be changed, and the method comprises the following steps:
in step 205, if the preset display area changes, for each object, it is detected whether an overlapping area exists between the area where the object is located and the changed preset display area.
When operations such as scrolling, left-right dragging, horizontal-vertical screen switching and the like occur, the preset display area is changed. As shown in fig. 2C, when the page is scrolled, the preset display area 20 is moved downward. If the preset display area changes, for each object, the terminal detects whether an overlapping area exists between the area where the object is located and the changed preset display area. Further, the terminal detects whether an overlapping area exists between the area where the object in the snapshot list and the object in the object display list are located and the changed preset display area.
As shown in fig. 2D, the terminal detects whether there is an overlapping area between the area where the object in the object display list 100 is located and the changed preset display area; the terminal detects whether an overlapping area exists between the area where the object in the snapshot list 200 is located and the changed preset display area.
The manner of detecting whether there is an overlapping area in this step is similar to that in step 202, and will not be described herein again.
and if the overlapping area between the area where the object in the snapshot list is located and the changed preset display area is detected, the terminal removes the object from the snapshot list to the object display list. And the terminal removes the position information and the display content information of the object with the overlapped area with the changed preset display area into an object display list. Removal refers to deletion from one list and movement to another list, i.e., deletion from the snapshot display list and movement to the object display list.
As shown in fig. 2D, the terminal detects that there is an overlapping area between the area where the object 26 is located and the changed preset display area in the snapshot list 200, and the terminal removes the object 26 from the snapshot list 200 to the object display list 100.
And if the fact that the area where the object in the snapshot list is located does not have the overlapped area with the changed preset display area is detected, the terminal keeps the object which does not have the overlapped area with the changed preset display area in the snapshot list. As shown in fig. 2D, the terminal keeps the object 21 in the snapshot list.
And if the fact that the region where the object in the object display list is located does not have an overlapped region with the changed preset display region is detected, the terminal removes the object from the object display list to the snapshot list. The snapshot list stores description information such as position information, text information, and address information of the picture of the moved-in object.
As shown in fig. 2D, the terminal detects that there is no overlapping area between the area where the object 22 is located and the changed preset display area in the object display list 100, and the terminal removes the object 26 from the object display list 100 to the snapshot list 200.
And if the overlapping area of the area where the object in the object display list is located and the changed preset display area is detected, the terminal keeps the object in the object display list. As shown in fig. 2D, the terminal retains the object 23, the object 24, the object 25, and the object 27 in the object display list 100.
It should be noted that the execution sequence of step 206 and step 207 is not limited, and may be performed simultaneously.
208, rendering the object removed from the snapshot list to the object display list;
and rendering the object removed from the snapshot list to the object display list by the terminal. The objects remaining in the object display list still retain the original rendering results. As shown in fig. 2D, the terminal renders the object 26 removed from the snapshot list 200 to the object display list 100, and the objects 23, 24, 25, and 27 hold the original rendering results.
And 209, displaying the content of each object in the object display list in the overlapping area according to the rendering result of the original object and the rendering result of the object in the object display list.
And according to the rendering result of the original object and the rendering result of the object in the object display list, the terminal displays the content of each object in the object display list in the overlapping area. As shown in fig. 2C, the terminal displays the contents of the object 23, the object 24, the object 25, the object 26, and the object 27 in the overlapped area, that is, the contents of the above objects in the changed preset display area 20.
In summary, in the waterfall flow object display method provided in this embodiment, at least one object to be displayed arranged according to the waterfall flow layout is obtained; for each object, detecting whether an overlapping area exists between an area where the object is located and a preset display area; storing an object with an overlapped area with a preset display area in an object display list, and storing an object without an overlapped area with the preset display area in a snapshot list in a snapshot form; displaying the content of the objects in the object display list in the overlapping area; the problem that the memory cannot release the easy card is solved; because the memory required by the snapshot is very little, the memory space is released and the page browsing smoothness is improved by storing the objects which are not required to be displayed temporarily into the snapshot list.
In addition, when the preset display area is changed, whether the overlapped area exists between the area where the object in the snapshot list and the object display list is located and the changed preset display area or not is detected respectively, and deletion and movement can be carried out simultaneously, so that the efficiency is improved; the objects to be displayed are placed in the object display list, and the objects which are not displayed temporarily are stored in the snapshot list, so that the effect of reasonably controlling the number of the objects in the object display list is achieved. Moreover, only the objects moved to the object display list are rendered, so that the effects of improving efficiency and saving space are achieved.
In a specific embodiment, the comparison of results before and after optimization:
and (5) memory occupation results.
| Before optimization | After optimization | |
| Initial memory | 43229k | 46780k |
| Loading 10 screen | 96827k | 57980k |
| Loading 15 screens | 164756k | 60483k |
| |
231832k | 63132k |
| Loading 30 screens | 412118k | 67032k |
(test environment ie8, resolution 1366 x 768)
(after optimization, the peak value of the single screen is between 70M and 100M)
Number of objects
| Before optimization | After optimization | |
| Initial object | 2002 | 1744 |
| Loading 10 screen | 19202 | 1990 |
| Loading 15 screens | 25335 | 1771 |
| |
38825 | 2166 |
| Loading 30 screens | 65341 | 2020 |
(test environment chrome, resolution 1366. 768)
(after optimization, the highest single screen DOM peak value is 2500-3200 times after testing)
It can be seen that the problem of too high memory occupancy of page-turning multi-screen is solved well through the optimized page in the embodiment, especially after 10 screens are loaded, the effect is more obvious, the memory occupancy is generally between 1/3 and 1/5 before optimization, and the memory occupancy is in a slowly increasing state. The number of the objects is 1/10-1/30 before optimization, and the whole number of the objects is not obviously changed no matter a few screens are loaded, so that the display speed of the page is increased.
The following are embodiments of the apparatus of the invention, reference being made to the corresponding method embodiments described above for details which are not described in detail therein.
Referring to fig. 3, a block diagram of a waterfall flow object display apparatus according to an embodiment of the present invention is shown. The waterfall flow object display device can be realized into all or part of the terminal through software, hardware or a combination of the software and the hardware. The waterfall flow object display apparatus may include: an object acquisition module 320, an area detection module 340, an object assignment module 360, and a content display module 380;
an object obtaining module 320, configured to obtain at least one object to be displayed arranged according to a waterfall flow layout;
the region detection module 340 is configured to detect, for each object obtained by the object obtaining module 320, whether an overlapping region exists between a region where the object is located and a preset display region;
an object storage module 360, configured to store the object, which is detected by the area detection module 340 and has an overlapping area with the preset display area, in an object display list, and store the object, which is detected by the area detection module 340 and has no overlapping area with the preset display area, in a snapshot list in a snapshot form;
and a content display module 380 for displaying the content of the object in the overlapping region stored in the object display list by the object storage module 360.
In summary, the waterfall flow object display apparatus provided in this embodiment obtains at least one object to be displayed arranged according to the waterfall flow layout; for each object, detecting whether an overlapping area exists between an area where the object is located and a preset display area; storing an object with an overlapped area with a preset display area in an object display list, and storing an object without an overlapped area with the preset display area in a snapshot list in a snapshot form; displaying the content of the objects in the object display list in the overlapping area; the problem that the memory cannot release the easy card is solved; because the memory required by the snapshot is very little, the memory space is released and the page browsing smoothness is improved by storing the objects which are not required to be displayed temporarily into the snapshot list.
Referring to fig. 4, a block diagram of a waterfall flow object display apparatus according to another embodiment of the present invention is shown. The waterfall flow object display device can be realized into all or part of the terminal through software, hardware or a combination of the software and the hardware. The waterfall flow object display apparatus may include: an object acquisition module 320, an area detection module 340, an object assignment module 360, and a content display module 380;
an object obtaining module 320, configured to obtain at least one object to be displayed arranged according to a waterfall flow layout;
the region detection module 340 is configured to detect, for each object obtained by the object obtaining module 320, whether an overlapping region exists between a region where the object is located and a preset display region;
an object storage module 360, configured to store the object, which is detected by the area detection module 340 and has an overlapping area with the preset display area, in an object display list, and store the object, which is detected by the area detection module 340 and has no overlapping area with the preset display area, in a snapshot list in a snapshot form;
and a content display module 380 for displaying the content of the object in the overlapping region stored in the object display list by the object storage module 360.
Further, the area detecting module 340 is further configured to detect, for each object, whether an overlapping area exists between the area where the object is located and the changed preset display area if the preset display area changes.
Further, the area detecting module 340 is further configured to detect whether there is an overlapping area between the area where the object in the snapshot list and the object in the object display list are located and the changed preset display area, respectively.
Further, the object storage module 360 includes:
a first removing unit 361, configured to remove an object from the snapshot list to the object display list if it is detected that an overlapping area exists between an area where the object in the snapshot list is located and the changed preset display area;
a second removing unit 362, configured to remove the object from the object display list to the snapshot list if it is detected that there is no overlapping area between the area where the object in the object display list is located and the changed preset display area.
Further, the content display module 380 includes:
an object rendering unit 381 for rendering the objects removed from the snapshot list to the object display list;
a content display unit 382, configured to display the content of each object in the object display list in the overlap area according to the rendering result of the original object in the object display list and the rendering result of the object.
In summary, the waterfall flow object display apparatus provided in this embodiment obtains at least one object to be displayed arranged according to the waterfall flow layout; for each object, detecting whether an overlapping area exists between an area where the object is located and a preset display area; storing an object with an overlapped area with a preset display area in an object display list, and storing an object without an overlapped area with the preset display area in a snapshot list in a snapshot form; displaying the content of the objects in the object display list in the overlapping area; the problem that the memory cannot release the easy card is solved; because the memory required by the snapshot is very little, the memory space is released and the page browsing smoothness is improved by storing the objects which are not required to be displayed temporarily into the snapshot list.
In addition, when the preset display area is changed, whether the overlapped area exists between the area where the object in the snapshot list and the object display list is located and the changed preset display area or not is detected respectively, and deletion and movement can be carried out simultaneously, so that the efficiency is improved; the objects to be displayed are placed in the object display list, and the objects which are not displayed temporarily are stored in the snapshot list, so that the effect of reasonably controlling the number of the objects in the object display list is achieved. Moreover, only the objects moved to the object display list are rendered, so that the effects of improving efficiency and saving space are achieved.
Referring to fig. 5, a schematic structural diagram of a terminal according to an embodiment of the present invention is shown. The terminal 500 is used to implement the waterfall flow object display method provided in the above embodiments, specifically:
the terminal 500 may include RF (Radio Frequency) circuitry 510, memory 520 including one or more computer-readable storage media, an input unit 530, a display unit 540, a sensor 550, audio circuitry 560, a short-range wireless transmission module 570, a processor 580 including one or more processing cores, and a power supply 590. Those skilled in the art will appreciate that the terminal structure shown in fig. 5 is not intended to be limiting and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components. Wherein:
RF circuit 510 may be used for receiving and transmitting signals during a message transmission or call, and in particular, for receiving downlink information from a base station and processing the received downlink information by one or more processors 580; in addition, data relating to uplink is transmitted to the base station. In general, RF circuitry 510 includes, but is not limited to, an antenna, at least one Amplifier, a tuner, one or more oscillators, a Subscriber Identity Module (SIM) card, a transceiver, a coupler, an LNA (Low Noise Amplifier), a duplexer, and the like. In addition, RF circuit 510 may also communicate with networks and other devices via wireless communication. The wireless communication may use any communication standard or protocol, including but not limited to GSM (Global System for Mobile communications), GPRS (General Packet Radio Service), CDMA (Code Division Multiple Access), WCDMA (Wideband Code Division Multiple Access), LTE (Long Term Evolution), email, SMS (short messaging Service), etc. The memory 520 may be used to store software programs and modules, for example, the memory 520 may be used to store a preset time list, a software program for collecting voice signals, a software program for implementing keyword recognition, a software program for implementing continuous voice recognition, a software program for implementing setting reminders, a binding relationship between the wireless access point and the user account, and the like. The processor 580 executes various functional applications and data processing by executing software programs and modules stored in the memory 520. The memory 520 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required by at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data (such as audio data, a phonebook, etc.) created according to the use of the terminal 500, and the like. Further, the memory 520 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device. Accordingly, the memory 520 may also include a memory controller to provide the processor 580 and the input unit 530 access to the memory 520.
The input unit 530 may be used to receive input numeric or character information and generate a keyboard, mouse, joystick, optical or trackball signal input related to user setting and function control. In particular, the input unit 530 may include a touch sensitive surface 531 as well as other input devices 532. The touch sensitive surface 531, also referred to as a touch display screen or a touch pad, may collect touch operations by a user on or near the touch sensitive surface 531 (e.g. operations by a user on or near the touch sensitive surface 531 using a finger, a stylus, or any other suitable object or attachment) and drive the corresponding connection device according to a predetermined program. Alternatively, the touch sensitive surface 531 may comprise two parts, a touch detection means and a touch controller. The touch detection device detects the touch direction of a user, detects a signal brought by touch operation and transmits the signal to the touch controller; the touch controller receives touch information from the touch sensing device, converts the touch information into touch point coordinates, and sends the touch point coordinates to the processor 580, and can receive and execute commands sent by the processor 580. In addition, the touch sensitive surface 531 may be implemented using various types of resistive, capacitive, infrared, and surface acoustic waves. The input unit 530 may comprise other input devices 532 in addition to the touch sensitive surface 531. In particular, other input devices 532 may include, but are not limited to, one or more of a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, and the like.
The display unit 540 may be used to display information input by or provided to the user and various graphical user interfaces of the terminal 500, which may be made up of graphics, text, icons, video, and any combination thereof. The Display unit 540 may include a Display panel 541, and optionally, the Display panel 541 may be configured in the form of an LCD (Liquid Crystal Display), an OLED (Organic Light-Emitting Diode), or the like. Further, the touch sensitive surface 531 can be overlaid on the display panel 541 such that when a touch operation is detected on or near the touch sensitive surface 531, it is communicated to the processor 580 for determining the type of touch event, and the processor 580 can then provide a corresponding visual output on the display panel 541 in accordance with the type of touch event. Although in FIG. 5 the touch sensitive surface 531 and the display panel 541 are shown as two separate components to implement input and output functions, in some embodiments the touch sensitive surface 531 and the display panel 541 may be integrated to implement input and output functions. The display unit 540 may be configured to display contents of each object in the object display list in the overlap area according to a rendering result of the original object in the object display list and a rendering result of the object.
The terminal 500 can also include at least one sensor 550, such as a light sensor, motion sensor, and other sensors. Specifically, the light sensor may include an ambient light sensor that adjusts the brightness of the display panel 541 according to the brightness of ambient light, and a proximity sensor that turns off the display panel 541 and/or a backlight when the terminal 500 moves to the ear. As one of the motion sensors, the gravity acceleration sensor can detect the magnitude of acceleration in each direction (generally, three axes), can detect the magnitude and direction of gravity when the mobile phone is stationary, and can be used for applications of recognizing the posture of the mobile phone (such as horizontal and vertical screen switching, related games, magnetometer posture calibration), vibration recognition related functions (such as pedometer and tapping), and the like; as for other sensors such as a gyroscope, a barometer, a hygrometer, a thermometer, and an infrared sensor, which can be configured in the terminal 500, detailed descriptions thereof are omitted.
Audio circuitry 560, speaker 561, and microphone 562 may provide an audio interface between a user and terminal 500. The audio circuit 560 may transmit the electrical signal converted from the received audio data to the speaker 561, and convert the electrical signal into a sound signal by the speaker 561 for output; on the other hand, the microphone 562 converts the collected sound signal into an electric signal, is received by the audio circuit 560 and converted into audio data, and then outputs the audio data to the processor 580 for processing, and then to the RF circuit 510 to be transmitted to another terminal, or outputs the audio data to the memory 520 for further processing. The audio circuit 560 may also include an earbud jack to provide communication of a peripheral headset with the terminal 500.
The short-distance wireless transmission module 570 may be a WIFI (wireless fidelity) module or a bluetooth module. The terminal 500 may assist the user in e-mail transmission, web browsing, streaming media access, etc. through the short-range wireless transmission module 570, which provides the user with wireless broadband internet access. Although fig. 5 shows the short-range wireless transmission module 570, it is understood that it does not belong to the essential constitution of the terminal 500 and can be omitted entirely within the scope not changing the essence of the invention as needed.
The processor 580 is a control center of the terminal 500, connects various parts of the entire terminal using various interfaces and lines, performs various functions of the terminal 500 and processes data by running or executing software programs and/or modules stored in the memory 520 and calling data stored in the memory 520, thereby performing overall monitoring of the terminal. Optionally, processor 580 may include one or more processing cores; optionally, processor 580 may integrate an application processor, which handles primarily the operating system, user interface, applications, etc., and a modem processor, which handles primarily the wireless communications. It will be appreciated that the modem processor described above may not be integrated into processor 580.
The terminal 500 further includes a power supply 590 (e.g., a battery) for powering the various components, which may preferably be logically coupled to the processor 580 via a power management system that may enable managing charging, discharging, and power consumption via the power management system. The power supply 590 may also include one or more dc or ac power sources, recharging systems, power failure detection circuitry, power converters or inverters, power status indicators, and any other components.
Although not shown, the terminal 500 may further include a camera, a bluetooth module, etc., which will not be described herein.
The terminal 500 further includes a memory, and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors to perform the waterfall flow object display method according to any of the embodiments.
It should be added that in another embodiment, the terminal may include more or less components than those shown in fig. 5, or some components may be combined, or a different arrangement of components may be used to implement all or part of the functionality.
Furthermore, the method according to the present invention may also be implemented as a computer program executed by a CPU, which may be stored in a computer-readable storage medium. The computer program, when executed by the CPU, performs the above-described functions defined in the method of the present invention.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits 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 above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.
Claims (10)
1. A waterfall flow object display method, the method comprising:
acquiring at least one object to be displayed which is arranged according to a waterfall flow layout;
setting a preset display area to be a preset geometric shape according to the shape of a display screen and the horizontal and vertical screen states of the display screen, converting each object into a geometric shape corresponding to the preset geometric shape according to the position information of each object, and detecting whether the preset geometric shape of the preset display area and the geometric shape of each object have an overlapping area through collision detection, wherein if the geometric shape corresponding to the object and the geometric shape corresponding to the preset display area have an intersection relationship, the overlapping area exists in the area where the preset display area and the object are located;
storing the object having an overlapping area with the preset display area in an object display list, and storing the object having no overlapping area with the preset display area in a snapshot list, wherein the snapshot list stores position information and display content information of each object in a character form;
rendering the objects stored in the object display list according to the display content information of each object, and displaying the content of the objects in the object display list in the overlapping area according to the rendering result.
2. The method of claim 1, further comprising:
if the preset display area is changed, for each object, detecting whether an overlapped area exists between the area where the object is located and the changed preset display area.
3. The method according to claim 2, wherein for each object, the detecting whether the area where the object is located and the changed preset display area have an overlapping area comprises:
and respectively detecting whether overlapping areas exist in the areas where the objects in the snapshot list and the objects in the object display list are located and the changed preset display area.
4. The method according to claim 3, wherein the storing the object having the overlapping area with the preset display area in an object display list, and the storing the object having no overlapping area with the preset display area in a snapshot list comprises:
if the overlapped area between the area where the object in the snapshot list is located and the changed preset display area is detected, removing the object from the snapshot list to the object display list;
and if the fact that the overlapped area does not exist between the area where the object in the object display list is located and the changed preset display area is detected, removing the object from the object display list to the snapshot list.
5. The method of claim 4, wherein displaying the content of the objects in the object display list in the overlap region comprises:
rendering the object removed from the snapshot list to the object display list;
and displaying the content of each object in the object display list in the overlapping area according to the rendering result of the original object in the object display list and the rendering result of the object.
6. A waterfall flow object display apparatus, the apparatus comprising:
the object acquisition module is used for acquiring at least one object to be displayed which is distributed according to a waterfall flow layout;
the device comprises an area detection module, a display module and a display module, wherein the area detection module is used for setting a preset display area into a preset geometric shape according to the shape of the display screen and the horizontal and vertical screen states of the display screen, converting each object into a geometric shape corresponding to the preset geometric shape according to the position information of each object, and detecting whether the preset geometric shape of the preset display area and the geometric shape of each object have an overlapping area through collision detection, wherein if the geometric shape corresponding to the object and the geometric shape corresponding to the preset display area have an intersection relationship, the overlapping area exists in the area where the preset display area and the object are located;
the object storage module is used for storing the objects with the overlapped areas with the preset display areas in an object display list, and storing the objects without the overlapped areas with the preset display areas in a snapshot list, wherein the snapshot list stores the position information and the display content information of each object in a character form;
and the content display module is used for rendering the objects stored in the object display list according to the display content information of each object, and displaying the content of the objects in the object display list in the overlapping area according to the rendering result.
7. The apparatus of claim 6, wherein the region detection module is configured to detect, for each object, whether an overlapping region exists between a region where the object is located and the changed preset display region if the preset display region is changed.
8. The apparatus according to claim 7, wherein the region detecting module is configured to detect whether there is an overlapping region between a region where the object in the snapshot list and the object in the object display list are located and the changed preset display region.
9. The apparatus of claim 8, wherein the object storage module comprises:
a first removing unit, configured to remove an object from the snapshot list to the object display list if it is detected that an overlapping area exists between an area where the object in the snapshot list is located and the changed preset display area;
a second removing unit, configured to remove the object from the object display list to the snapshot list if it is detected that there is no overlapping area between the area where the object in the object display list is located and the changed preset display area.
10. The apparatus of claim 9, wherein the content display module comprises:
an object rendering unit for rendering the object removed from the snapshot list to the object display list;
and the content display unit is used for displaying the content of each object in the object display list in the overlapping area according to the rendering result of the original object in the object display list and the rendering result of the object.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410193255.4A CN105095259B (en) | 2014-05-08 | 2014-05-08 | Waterfall flow object display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410193255.4A CN105095259B (en) | 2014-05-08 | 2014-05-08 | Waterfall flow object display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105095259A CN105095259A (en) | 2015-11-25 |
| CN105095259B true CN105095259B (en) | 2020-02-11 |
Family
ID=54575713
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410193255.4A Active CN105095259B (en) | 2014-05-08 | 2014-05-08 | Waterfall flow object display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105095259B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105488218A (en) * | 2015-12-18 | 2016-04-13 | 北京奇虎科技有限公司 | Method and device for loading waterfall flows based on search |
| CN110058909B (en) * | 2019-02-26 | 2022-03-08 | 创新先进技术有限公司 | Control layout method, layout device, server and readable storage medium |
| CN111368240B (en) * | 2019-09-19 | 2024-03-22 | 杭州海康威视系统技术有限公司 | Page display method, device and equipment and storage medium |
| CN114399567B (en) * | 2022-01-11 | 2024-02-20 | 武汉华信联创技术工程有限公司 | High-resolution grid point distribution diagram display method and related equipment |
| CN116451671B (en) * | 2023-06-16 | 2023-11-07 | 上海森亿医疗科技有限公司 | Document format data loading rendering method, terminal, medium and web editor |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103544253A (en) * | 2013-10-15 | 2014-01-29 | Tcl集团股份有限公司 | Implementation method and system for displaying images in waterfall flow manner |
| CN103678622A (en) * | 2013-12-18 | 2014-03-26 | 百度在线网络技术（北京）有限公司 | Method and device for dynamic rendering of waterfall-type picture |
| CN103702216A (en) * | 2013-12-12 | 2014-04-02 | 乐视网信息技术（北京）股份有限公司 | Intelligent terminal and method for displaying video images by same |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120324354A1 (en) * | 2011-06-15 | 2012-12-20 | Chipperfield John Stuart | Computer system |
-
2014
- 2014-05-08 CN CN201410193255.4A patent/CN105095259B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103544253A (en) * | 2013-10-15 | 2014-01-29 | Tcl集团股份有限公司 | Implementation method and system for displaying images in waterfall flow manner |
| CN103702216A (en) * | 2013-12-12 | 2014-04-02 | 乐视网信息技术（北京）股份有限公司 | Intelligent terminal and method for displaying video images by same |
| CN103678622A (en) * | 2013-12-18 | 2014-03-26 | 百度在线网络技术（北京）有限公司 | Method and device for dynamic rendering of waterfall-type picture |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105095259A (en) | 2015-11-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10817165B2 (en) | Folder management method and device | |
| CN106775637B (en) | Page display method and device for application program | |
| CN106406712B (en) | Information display method and device | |
| CN105786878B (en) | Display method and device of browsing object | |
| CN111984165B (en) | Method and device for displaying message and terminal equipment | |
| US10725646B2 (en) | Method and apparatus for switching screen interface and terminal | |
| EP2851779A1 (en) | Method, device, storage medium and terminal for displaying a virtual keyboard | |
| CN108549519B (en) | Split screen processing method and device, storage medium and electronic equipment | |
| CN108205398B (en) | Method and device for adapting webpage animation to screen | |
| EP3136214A1 (en) | Touch operation method and apparatus for terminal | |
| WO2015039445A1 (en) | Notification message display method and apparatus, and electronic device | |
| CN105975190B (en) | Graphical interface processing method, device and system | |
| CN110196667B (en) | Notification message processing method and terminal | |
| CN107533450A (en) | A kind of display methods and terminal device | |
| CN109271014A (en) | A kind of method and apparatus adjusting screen intensity | |
| CN105095259B (en) | Waterfall flow object display method and device | |
| CN108958606B (en) | Split screen display method and device, storage medium and electronic equipment | |
| US20170046040A1 (en) | Terminal device and screen content enlarging method | |
| CN107250969A (en) | Screen opening method, device and electronic equipment | |
| US20150089431A1 (en) | Method and terminal for displaying virtual keyboard and storage medium | |
| EP2876539A1 (en) | Method, device and terminal apparatus for responding to a sliding operation | |
| US10101894B2 (en) | Information input user interface | |
| CN108536349B (en) | Icon management method and mobile terminal | |
| CN104007887A (en) | Floating layer display method and terminal | |
| EP2911047A1 (en) | Method and apparatus for displaying information and electronic device adapted to the method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |