CN112926000A - Display area rendering method, device and equipment, readable storage medium and product - Google Patents
Display area rendering method, device and equipment, readable storage medium and product Download PDFInfo
- Publication number
- CN112926000A CN112926000A CN202110216643.XA CN202110216643A CN112926000A CN 112926000 A CN112926000 A CN 112926000A CN 202110216643 A CN202110216643 A CN 202110216643A CN 112926000 A CN112926000 A CN 112926000A
- Authority
- CN
- China
- Prior art keywords
- area
- rendered
- boundary information
- display area
- determining
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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 application discloses a display area rendering method, a display area rendering device, a readable storage medium and a product, and relates to big data and data analysis in artificial intelligence. The specific implementation scheme is as follows: responding to adjustment operation of a user on a display area, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area, wherein the display area is located in the rendered area; determining whether the rendered area needs to be updated according to the first boundary information and the second boundary information; and if the rendered area needs to be updated, acquiring a target area from the current unrendered area to perform rendering operation, and acquiring an updated rendered area, wherein the updated rendered area can cover the current display area. Therefore, the data volume of rendering at each time is small, the display requirement of the front end can be met, the data rendering efficiency is improved, the front end of a user can be ensured to be unaware, and the user experience is improved.
Description
Technical Field
The present application relates to artificial intelligence, and in particular, to a method, an apparatus, a device, a readable storage medium, and a product for rendering a display area, which can be used for big data and data analysis.
Background
In the graphics pipeline, rendering is the last important step by which the final display effect of the model and animation is obtained. In order to improve the display effect of the data node at the front end, a rendering operation is generally required to be performed on the data node.
In the prior art, in order to implement rendering operation on data nodes, a Web front end generally acquires all data node contents currently required to be displayed at one time, analyzes all data nodes required to be displayed, and performs rendering operation on the analyzed data nodes.
However, when the data rendering is performed by the method, when the data volume of the data nodes to be rendered is large, on one hand, the data acquisition time is long. On the other hand, the amount of data that the front end needs to render is large, resulting in an exception at the front end.
Disclosure of Invention
The application provides a display area rendering method, device, equipment and storage medium for improving rendering efficiency of a front-end data node.
According to an aspect of the present application, there is provided a display area rendering method including:
responding to adjustment operation of a user on a display area, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area, wherein the display area is located in the rendered area;
determining whether the rendered area needs to be updated according to the first boundary information and the second boundary information;
and if the rendered area needs to be updated, acquiring a target area from the current unrendered area to perform rendering operation, and acquiring an updated rendered area, wherein the updated rendered area can cover the current display area.
According to a second aspect of the present application, there is provided a display area rendering apparatus including:
the display control device comprises a determining module, a display area adjusting module and a display area adjusting module, wherein the determining module is used for responding to the adjustment operation of a user on the display area, and determining first boundary information corresponding to a current display area and second boundary information corresponding to a rendered area, and the display area is located in the rendered area;
the processing module is used for determining whether the rendered area needs to be updated according to the first boundary information and the second boundary information;
and the rendering module is used for acquiring a target area from the current unrendered area to perform rendering operation if the rendered area needs to be updated, and acquiring an updated rendered area, wherein the updated rendered area can cover the current display area.
According to a third aspect of the present application, there is provided an electronic device comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein the content of the first and second substances,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of the first aspect.
According to a fourth aspect of the present application, there is provided a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of the first aspect.
According to a fifth aspect of the application, a computer program product is provided, comprising a computer program which, when executed by a processor, implements the method according to the first aspect.
According to the technology of the application, the technical problems that the existing data rendering method needs to acquire all data to be rendered, and when the data volume of the data to be rendered is large, the data acquisition speed is low and the data rendering efficiency is low are solved.
It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present application, nor do they limit the scope of the present application. Other features of the present application will become apparent from the following description.
Drawings
The drawings are included to provide a better understanding of the present solution and are not intended to limit the present application. Wherein:
FIG. 1 is a schematic diagram of a system architecture on which the present application is based;
fig. 2 is a schematic flowchart of a display area rendering method according to an embodiment of the present disclosure;
FIG. 3 is a schematic diagram of a display interface provided in an embodiment of the present application;
FIG. 4 is a schematic view of another display interface provided in the embodiments of the present application;
FIG. 5 is a schematic view of another display interface provided in the embodiments of the present application;
FIG. 6 is a schematic view of another display interface provided in the embodiments of the present application;
fig. 7 is a schematic flowchart of a display area rendering method according to a second embodiment of the present application;
fig. 8 is a schematic flowchart of a display area rendering method according to a third embodiment of the present application;
fig. 9 is a schematic structural diagram of a display area rendering apparatus according to a fourth embodiment of the present application;
fig. 10 is a schematic structural diagram of an electronic device according to a fifth embodiment of the present application.
Detailed Description
The following description of the exemplary embodiments of the present application, taken in conjunction with the accompanying drawings, includes various details of the embodiments of the application for the understanding of the same, which are to be considered exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present application. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
The application provides a display area rendering method, a display area rendering device, a readable storage medium and a product, which are applied to big data and data analysis in artificial intelligence so as to achieve the technical effects of improving rendering efficiency and enabling front-end data to be normally displayed.
In view of the above-mentioned technical problems that the existing data rendering method needs to acquire all data to be rendered, and when the data amount of the data to be rendered is large, the data acquisition speed is slow and the data rendering efficiency is low, the present application provides a display area rendering method, device, equipment, readable storage medium and product.
It should be noted that the display area rendering method, device, apparatus, readable storage medium and product provided by the present application may be applied to various data node rendered scenes.
The existing large data volume node is rendered at a Web end and is generally solved by the following two schemes:
1. the Web front end requests to acquire the contents of all data nodes at one time;
2. the Web front end cuts data, a segmentation request is carried out to obtain node fragment content, a fixed line number, such as 100 lines of data, is requested each time, firstly 100 lines of data are initially loaded by default in a table, along with the change of the position of a scroll bar, a detection mechanism detects that a new data node is required to be requested, then 100 lines of data are read again, and the Web front end is subjected to segmentation analysis and rendering.
However, when the two methods are used for rendering data nodes, for example, when the row-column product reaches one hundred thousand and millions, in scenes with large data volume, ten million levels of performance defects occur seriously. Due to the scene with large data volume, a large amount of data needs to be acquired each time, and a large amount of data is rendered, so that the rendering speed is slow, and problems such as engine failure and the like may be caused.
In the process of solving the technical problem, the inventor finds, through research, that in order to improve the efficiency of data rendering, only a partial area may be acquired for rendering, and a rendered area is obtained, where the rendered area can cover a display area currently browsed by a user. And updating the rendered area according to the position of the display area browsed by the user, so that the user cannot perceive rendering delay caused by the data request. Because only the rendered area is obtained for rendering each time, the data volume is small, the data obtaining speed and the data rendering speed are high, and the system jamming problem cannot be caused.
Fig. 1 is a schematic diagram of a system architecture based on the present application, as shown in fig. 1, the system architecture based on the present application at least includes: terminal device 1, server 2 and data server 3. The server 2 is provided with a display area rendering device which is written by C/C + +, Java, Shell or Python and other languages; the terminal device 1 may be a desktop computer, a tablet computer, or the like. The data server 3 may be a cloud server or a server cluster, and a large amount of data is stored therein.
Fig. 2 is a schematic flowchart of a display area rendering method according to an embodiment of the present application, and as shown in fig. 2, the method includes:
step 201, in response to an adjustment operation of a user on a display area, determining first boundary information corresponding to a current display area and second boundary information corresponding to a rendered area, where the display area is located in the rendered area.
The main implementation of this embodiment is a display area rendering device, which can be coupled to a server.
In this embodiment, in order to implement a fast rendering operation of a data node, a whole data region may be cut, and only a part of the data nodes are obtained each time to perform a rendering operation, so as to obtain a rendered region. The rendered area is a nine-grid area, and the coverage area of each grid in the nine-grid area is larger than that of the display area. Fig. 3 is a schematic view of a display interface provided in the embodiment of the present application, and as shown in fig. 3, the display area 31 is located inside the rendered area 32, and the rendered area 32 is located inside all data node areas to be rendered 33.
Specifically, the nine-grid region may be composed of nine equal-sized grids, each row has 3 grids, each column has 3 grids, and 9 grids of 3 by 3 are formed, each grid includes fixed number of rows and columns, for example, the number of rows is 30, the number of columns is 20, the product of the rows and columns of the grid is 600, and the product of the rows and columns of the 9 grids is 5400, that is, 5400 data nodes. The maximum acquired data volume of each request is the data volume of nine palaces, and the display area rendering device only renders the data in the grid of the nine palaces each time. Because the data quantity of each request and rendering is small, the request response is fast, the rendering speed of the rendering device of the display area is also fast, and the size of the Sudoku is enough larger than that of the display area, a large data cache space is provided, data can be preloaded in advance, and a user cannot perceive rendering delay caused by the data request in the scroll bar scrolling process.
In practical applications, some operations of the display area by the user often result in the movement of the display area. For example, when the user slides the page through the wheel, the position of the display area may be changed, and thus, the rendered area may not cover the display area, and thus, a problem may occur in the front end display. Therefore, in order to ensure that a user can browse data normally, when the adjustment operation of the user on the display area is detected, the first boundary information corresponding to the current display area and the second boundary information corresponding to the rendered area may be determined, where the display area is located in the rendered area.
In this embodiment, since the first boundary information and the second boundary information may often accurately represent the position information of the display area and the rendered area, it may be specifically determined whether the current rendered area needs to be updated according to the first boundary information and the second boundary information.
Step 203, if the rendered area needs to be updated, acquiring a target area from the current unrendered area to perform rendering operation, and acquiring an updated rendered area, wherein the updated rendered area can cover the current display area.
In this embodiment, when it is detected that the rendered area needs to be updated, the target area may be obtained from the currently unrendered area to perform data rendering operation, so as to obtain an updated rendered area. It should be noted that the updated rendered area can cover the current display area. Therefore, the data nodes currently viewed by the user in the current display area are rendered nodes, and the user does not need to sense delay caused by rendering operation.
According to the display area rendering method provided by the embodiment, the rendered area is dynamically adjusted according to the adjustment operation of the user on the display area, so that the data can be preloaded in advance, and the user cannot perceive the rendering delay caused by the data request in the scroll bar scrolling process. In addition, the rendered area is obtained by obtaining the data node of the Sudoku area each time to perform rendering operation, so that the data quantity of each request and rendering is small, the request response is fast, and the data rendering efficiency is improved.
Further, on the basis of the first embodiment, after the step 203, the method further includes:
and acquiring a display unit corresponding to the current display area from the updated rendered area to display data.
In this embodiment, after the update operation on the rendered area is completed according to the adjustment operation on the display area by the user and the updated rendered area is obtained, the data browsing operation of the user may be supported according to the rendered area. Specifically, the display unit corresponding to the current display area may be acquired from the updated rendered area to perform data display.
The display unit corresponding to the current display area is acquired from the updated rendered area for data display, so that the data nodes in the current display area currently viewed by a user can be guaranteed to be rendered nodes, and the user does not need to sense delay caused by rendering operation.
Further, on the basis of the first embodiment, the step 202 specifically includes:
and determining whether a partial area exists in the current display area and is not positioned in the rendered area according to the first boundary information and the second boundary information.
And if at least partial area of the current display area is not located in the rendered area, determining that the rendered area needs to be updated.
In this embodiment, in order to achieve accurate update of the rendered area, whether the current rendered area needs to be updated may be determined according to the first boundary information and the second boundary information. Specifically, whether a partial area of the current display area is not located in the rendered area may be determined according to the first boundary information and the second boundary information. When it is detected that at least a partial area of the current display area is not located in the rendered area, the data corresponding to the currently existing partial display area is represented as an unrendered state, and therefore it can be determined that the rendered area needs to be updated.
Fig. 4 is a schematic view of another display interface provided in the embodiment of the present application, as shown in fig. 4, if there is overlap between the current display area 41 and the rendered area 42, that is, at least a part of the current display area 41 is not located in the rendered area 42, at this time, an update operation needs to be performed on the rendered area 42, so that the current display area 41 can be located in the updated rendered area 43.
Fig. 5 is a schematic view of another display interface provided in the embodiment of the present application, as shown in fig. 5, if the current display area 51 is not in the rendered area 52, at this time, an update operation needs to be performed on the rendered area 52, so that the current display area 51 can be located in the updated rendered area 53.
Whether a partial area of the current display area is not located in the rendered area is detected, whether the rendered area is updated or not is determined according to the detection result, and therefore the updating operation of the rendered area can be accurately achieved, the display area is always located in the rendered area, delay caused by data rendering of user experience is avoided, and user experience is improved.
Further, on the basis of the first embodiment, the step 202 specifically includes:
and determining whether the distance between the boundary of the rendered area and the boundary of the current display area is smaller than a preset threshold value when the current display area is located in the rendered area according to the first boundary information and the second boundary information.
And if so, determining that the rendered area needs to be updated.
In this embodiment, in order to make the user render the data completely imperceptible, it may be determined whether a distance between a boundary of the rendered area and a boundary of the current display area is smaller than a preset threshold value when the current display area is located within the rendered area according to the first boundary information and the second boundary information. If so, determining that the rendered area needs to be updated. The preset threshold value may be adjusted according to actual requirements, for example, if the speed of the user sliding interface is fast, a larger threshold value may be set, and if the speed of the user sliding interface is slow, a smaller threshold value may be set.
Fig. 6 is a schematic view of another display interface provided in the embodiment of the present application, and as shown in fig. 6, in order to make a front end of a user completely unaware of data rendering, when it is detected that a current display area 61 is located in a rendered area 62, but a distance between a boundary of the rendered area 62 and a boundary of the current display area 61 is smaller than a preset threshold 63, an update operation may be performed on the rendered area 62, so that the current display area 61 can be located in an updated rendered area 64.
By detecting whether the distance between the boundary of the rendered area and the boundary of the current display area is smaller than a preset threshold value or not when the current display area is located in the rendered area, whether the rendered area is updated or not is determined according to the detection result, so that the data cache space can be enlarged, the display area is always located in the rendered area, the delay caused by data rendering of user experience is avoided, and the user experience is improved.
Further, on the basis of the first embodiment, the step 201 specifically includes:
determining first coordinate information corresponding to each vertex of a current display area, and determining the first boundary information according to the first coordinate information.
And determining second coordinate information corresponding to each vertex of the rendered area, and determining the second boundary information according to each second coordinate information.
In this embodiment, the coordinate information may be specifically used for the position of the data node in the display area or the rendered area. For example, the coordinates of the upper left corner of the display area are (0,0), and the lower right corner is (maximum number of columns, maximum number of rows). The determination of the first boundary information and the second boundary information may be achieved from coordinates within the display area and the rendered area. Specifically, first coordinate information corresponding to each vertex of the current display area may be determined, and the first boundary information may be determined according to each first coordinate information.
And determining second coordinate information corresponding to each vertex of the rendered area, and determining second boundary information according to each second coordinate information.
The first boundary information and the second boundary information are determined according to the coordinates in the display area and the rendered area, so that the display area and the position information corresponding to the rendered area can be accurately determined, and a foundation is provided for subsequent updating of the rendered area and rapid display of the display area.
Further, on the basis of the first embodiment, the step 201 specifically includes:
responding to an adjustment operation of a display area triggered by a user through sliding a preset scroll bar, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area; and/or the presence of a gas in the gas,
responding to an adjustment operation of a display area input by a user through triggering a preset display interface size switching icon, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area; and/or the presence of a gas in the gas,
and in response to the adjustment operation of the display area, which is input by a user through the editing operation of the sizes of the display units in the display area, determining first boundary information corresponding to the current display area and second boundary information corresponding to the rendered area.
In practical applications, various adjustment operations of the display area by the user may cause a change in the position of the display area. Specifically, when the user adjusts the display position by sliding a preset scroll bar on the display interface, the display area may be changed. Therefore, in response to an adjustment operation of the display area triggered by a user through sliding a preset scroll bar, the first boundary information corresponding to the current display area and the second boundary information corresponding to the rendered area can be determined.
Alternatively, if the user adjusts the mode of small-screen browsing to full-screen browsing, or shifts the content displayed on the current screen to a larger-size screen for displaying, the position of the display area may be changed. Therefore, in response to the adjustment operation of the display area, which is input by the user through triggering the preset display interface size switching icon, the first boundary information corresponding to the current display area and the second boundary information corresponding to the rendered area can be determined.
Optionally, the display area is composed of a plurality of display units, wherein each display unit is specifically used for representing a content grid of the data. The user can adjust the size of the display unit according to actual requirements, which may cause the position of the display area to change. Therefore, the first boundary information corresponding to the current display area and the second boundary information corresponding to the rendered area can be determined in response to the adjustment operation of the display area input by the user for the editing operation of the plurality of display unit sizes within the display area.
According to the sliding operation, the size switching operation and the size adjusting operation of the user on the display area, the first boundary information corresponding to the current display area and the second boundary information corresponding to the rendered area are operated, so that whether the current display area is located in the rendered area or not can be determined in real time, the display area is guaranteed to be always located in the rendered area, delay caused by rendering of user experience data is avoided, and user experience is improved.
Fig. 7 is a flowchart illustrating a display area rendering method according to a second embodiment of the present application, where on the basis of the first embodiment, as shown in fig. 7, step 203 includes:
In this embodiment, in order to implement the update operation on the rendered area, the size of the rendered area may be preset, and the number of rows and columns in the rendered area is fixed, for example, the number of rows in each grid in the nine-grid area is 30, the number of columns is 20, the product of the row and column of the grid is 600, and the product of the number of rows and columns of 9 grids is 5400, that is, 5400 coordinate units.
In addition, it is required to ensure that the rendered area can completely cover the display area, and therefore, the target area may be determined in the unrendered area according to the first boundary information and the preset rendered area size. And acquiring a target area from the unrendered area to perform rendering operation, and acquiring an updated rendered area.
The target area is determined according to the first boundary information and the preset rendering area size, so that the updated rendering area can completely cover the display area, and the user experience is improved.
Further, on the basis of any of the above embodiments, step 301 specifically includes:
and according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the boundaries of the current display area are all located in the target area.
In this embodiment, a target area having a size consistent with that of the rendering area may be determined in an unrendered area according to first boundary information corresponding to the current display area, so that the boundaries of the current display area are located in the target area.
Further, on the basis of any of the above embodiments, step 301 specifically includes:
according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the current display area is located at the center of the target area.
Preferably, a target area with a size consistent with that of the rendered area in the unrendered area is determined according to the first boundary information, so that the current display area is located at the center of the target area. So that the current display area can be located within the rendered area regardless of which direction the user is adjusting the display area.
Fig. 8 is a schematic flowchart of a display area rendering method according to a third embodiment of the present application, where on the basis of any one of the foregoing embodiments, as shown in fig. 8, step 203 specifically includes:
And 802, rendering the area to be rendered to obtain an updated rendered area.
In this embodiment, in order to further improve the efficiency of data rendering, after the target area is acquired, diff may be performed on the target area and the rendered area, and the area to be rendered is determined. Specifically, a region to be rendered, which is not covered by the rendered region, in the target region may be determined. And only performing rendering operation on the area to be rendered.
And determining the area to be rendered which is not covered by the rendered area in the target area. Only the area to be rendered is subjected to rendering operation, so that secondary rendering of rendered data can be avoided, and the data rendering efficiency can be effectively improved.
Fig. 9 is a schematic structural diagram of a display area rendering apparatus according to a fourth embodiment of the present disclosure, and as shown in fig. 9, the display area rendering apparatus 90 specifically includes a determining module 91, a processing module 92, and a rendering module 93. The determining module 91 is configured to determine, in response to an adjustment operation performed by a user on a display area, first boundary information corresponding to a current display area and second boundary information corresponding to a rendered area, where the display area is located in the rendered area. A processing module 92, configured to determine whether the rendered area needs to be updated according to the first boundary information and the second boundary information. A rendering module 93, configured to, if the rendered area needs to be updated, obtain a target area from a current unrendered area for a rendering operation, and obtain an updated rendered area, where the updated rendered area can cover the current display area.
Further, on the basis of the fourth embodiment, the rendered area is a nine-grid area, and the coverage area of each grid in the nine-grid area is larger than that of the display area.
Further, on the basis of the fourth embodiment, the apparatus further includes: and the display module is used for acquiring the display unit corresponding to the current display area from the updated rendered area to display data.
Further, on the basis of the fourth embodiment, the processing module includes: and the first detection unit is used for determining whether a partial area exists in the current display area and is not positioned in the rendered area according to the first boundary information and the second boundary information. The first judging unit is used for determining that the rendered area needs to be updated if at least partial area of the current display area is not located in the rendered area.
Further, on the basis of the fourth embodiment, the processing module includes: and the second detection unit is used for determining whether the distance between the boundary of the rendered area and the boundary of the current display area is smaller than a preset threshold value or not when the current display area is positioned in the rendered area according to the first boundary information and the second boundary information. And the second judgment unit is used for determining that the rendered area needs to be updated if the rendering area is smaller than the first judgment unit.
Further, on the basis of the fourth embodiment, the determining module includes: the determining unit is used for determining first coordinate information corresponding to each vertex of the current display area and determining the first boundary information according to the first coordinate information. And the determining unit is further configured to determine second coordinate information corresponding to each vertex of the rendered area, and determine the second boundary information according to each piece of the second coordinate information.
Further, on the basis of any of the above embodiments, the determining module includes: the first adjusting unit is used for responding to the adjusting operation of a display area triggered by a user through sliding a preset scroll bar, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area; and/or the second adjusting unit is used for responding to the adjustment operation of the display area input by a user through triggering a preset display interface size switching icon, and determining first boundary information corresponding to the current display area and second boundary information corresponding to the rendered area; and/or the third adjusting unit is used for responding to the adjusting operation of the display area input by the user in the editing operation of the sizes of the display units in the display area, and determining the first boundary information corresponding to the current display area and the second boundary information corresponding to the rendered area.
Further, on the basis of any of the above embodiments, the rendering module includes: and the selection unit is used for determining a target area in the unrendered area according to the first boundary information and a preset rendering area size. And the rendering unit is used for acquiring the target area from the unrendered area to perform rendering operation, and acquiring the updated rendered area.
Further, on the basis of any of the above embodiments, the selecting unit is configured to: and according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the boundaries of the current display area are all located in the target area.
Further, on the basis of any of the above embodiments, the selecting unit is configured to: according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the current display area is located at the center of the target area.
Further, on the basis of any of the above embodiments, the rendering module includes: and the calculation unit is used for determining the area to be rendered which is not covered by the rendered area in the target area. And the processing unit is used for rendering the area to be rendered to obtain an updated rendered area.
According to an embodiment of the present application, an electronic device and a readable storage medium are also provided.
Fig. 10 is a schematic structural diagram of an electronic device according to a fifth embodiment of the present application, and as shown in fig. 10, is a block diagram of an electronic device according to a display area rendering method according to the fifth embodiment of the present application. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present application that are described and/or claimed herein.
As shown in fig. 10, the electronic apparatus 1000 includes: one or more processors 1001, memory 1002, and interfaces for connecting the various components, including high-speed interfaces and low-speed interfaces. The various components are interconnected using different buses and may be mounted on a common motherboard or in other manners as desired. The processor may process instructions for execution within the electronic device, including instructions stored in or on the memory to display graphical information of a GUI on an external input/output apparatus (such as a display device coupled to the interface). In other embodiments, multiple processors and/or multiple buses may be used, along with multiple memories, as desired. Also, multiple electronic devices may be connected, with each device providing portions of the necessary operations (e.g., as a server array, a group of blade servers, or a multi-processor system). Fig. 10 illustrates an example of one processor 1001.
The memory 1002 is a non-transitory computer readable storage medium provided herein. Wherein the memory stores instructions executable by at least one processor to cause the at least one processor to perform the display area rendering method provided herein. A non-transitory computer readable storage medium of the present application stores computer instructions for causing a computer to perform the display area rendering method provided herein.
The memory 1002, as a non-transitory computer readable storage medium, may be used to store non-transitory software programs, non-transitory computer executable programs, and modules, such as program instructions/modules (e.g., the determination module 91, the processing module 92, and the rendering module 93 shown in fig. 9) corresponding to the display area rendering method in the embodiment of the present application. The processor 1001 executes various functional applications of the server and data processing, i.e., implements the display area rendering method in the above-described method embodiment, by executing non-transitory software programs, instructions, and modules stored in the memory 1002.
The memory 1002 may include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to use of the electronic device 1000 for display area rendering, and the like. Further, the memory 1002 may include high-speed random access memory, and may also include non-transitory memory, such as at least one magnetic disk storage device, flash memory device, or other non-transitory solid state storage device. In some embodiments, the memory 1002 may optionally include memory located remotely from the processor 1001, which may be connected to the display area rendering electronic device 1000 via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The electronic device 1000 of the display area rendering method may further include: an input device 1003 and an output device 1004. The processor 1001, the memory 1002, the input device 1003, and the output device 1004 may be connected by a bus or other means, and the bus connection is exemplified in fig. 10.
The input device 1003 may receive input numeric or character information and generate key signal inputs related to user settings and function controls of the electronic apparatus 1000 rendered in the display area, such as an input device like a touch screen, a keypad, a mouse, a track pad, a touch pad, a pointer stick, one or more mouse buttons, a track ball, a joystick, etc. The output devices 1004 may include a display device, auxiliary lighting devices (e.g., LEDs), and tactile feedback devices (e.g., vibrating motors), among others. The display device may include, but is not limited to, a Liquid Crystal Display (LCD), a Light Emitting Diode (LED) display, and a plasma display. In some implementations, the display device can be a touch screen.
Various implementations of the systems and techniques described here can be realized in digital electronic circuitry, integrated circuitry, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
These computer programs (also known as programs, software applications, or code) include machine instructions for a programmable processor, and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine languages. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or device (e.g., magnetic discs, optical disks, memory, Programmable Logic Devices (PLDs)) used to provide machine instructions and/or data to a programmable processor, including a machine-readable medium that receives machine instructions as a machine-readable signal. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), Wide Area Networks (WANs), and the Internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The Server can be a cloud Server, also called a cloud computing Server or a cloud host, and is a host product in a cloud computing service system, so as to solve the defects of high management difficulty and weak service expansibility in the traditional physical host and VPS service ("Virtual Private Server", or simply "VPS"). The server may also be a server of a distributed system, or a server incorporating a blockchain.
Yet another embodiment of the present application also provides a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any of the above embodiments.
Yet another embodiment of the present application further provides a computer program product comprising a computer program which, when executed by a processor, implements a method according to any of the embodiments described above.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present application may be executed in parallel, sequentially, or in different orders, and the present invention is not limited thereto as long as the desired results of the technical solutions disclosed in the present application can be achieved.
The above-described embodiments should not be construed as limiting the scope of the present application. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims (25)
1. A display area rendering method, comprising:
responding to adjustment operation of a user on a display area, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area, wherein the display area is located in the rendered area;
determining whether the rendered area needs to be updated according to the first boundary information and the second boundary information;
and if the rendered area needs to be updated, acquiring a target area from the current unrendered area to perform rendering operation, and acquiring an updated rendered area, wherein the updated rendered area can cover the current display area.
2. The method of claim 1, the determining whether the rendered area needs to be updated according to the first boundary information and the second boundary information, comprising:
determining whether a partial area exists in the current display area and is not located in the rendered area according to the first boundary information and the second boundary information;
and if at least partial area of the current display area is not located in the rendered area, determining that the rendered area needs to be updated.
3. The method of claim 1, the determining whether the rendered area needs to be updated according to the first boundary information and the second boundary information, comprising:
determining whether the distance between the boundary of the rendered area and the boundary of the current display area is smaller than a preset threshold value or not when the current display area is located in the rendered area according to the first boundary information and the second boundary information;
and if so, determining that the rendered area needs to be updated.
4. The method of claim 1, wherein the determining first boundary information corresponding to a current display area and second boundary information corresponding to a rendered area comprises:
determining first coordinate information corresponding to each vertex of a current display area, and determining first boundary information according to the first coordinate information;
and determining second coordinate information corresponding to each vertex of the rendered area, and determining the second boundary information according to each second coordinate information.
5. The method according to any one of claims 1 to 4, wherein the determining, in response to an adjustment operation of a user on the display area, first boundary information corresponding to a current display area and second boundary information corresponding to a rendered area includes:
responding to an adjustment operation of a display area triggered by a user through sliding a preset scroll bar, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area; and/or the presence of a gas in the gas,
responding to an adjustment operation of a display area input by a user through triggering a preset display interface size switching icon, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area; and/or the presence of a gas in the gas,
and in response to the adjustment operation of the display area, which is input by a user through the editing operation of the sizes of the display units in the display area, determining first boundary information corresponding to the current display area and second boundary information corresponding to the rendered area.
6. The method according to any one of claims 1 to 4, wherein the obtaining a target region from a currently unrendered region for rendering operation, and obtaining an updated rendered region, comprises:
determining a target area in the unrendered area according to the first boundary information and a preset rendering area size;
and acquiring the target area from the unrendered area to perform rendering operation, and acquiring the updated rendered area.
7. The method of claim 6, wherein the determining a target area in the unrendered area according to the first boundary information and a preset rendering area size comprises:
and according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the boundaries of the current display area are all located in the target area.
8. The method of claim 6, wherein the determining a target area in the unrendered area according to the first boundary information and a preset rendering area size comprises:
according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the current display area is located at the center of the target area.
9. The method according to any one of claims 1 to 4, wherein the obtaining a target region from a currently unrendered region for rendering operation, and obtaining an updated rendered region, comprises:
determining a region to be rendered, which is not covered by the rendered region, in the target region;
and rendering the area to be rendered to obtain an updated rendered area.
10. The method of any of claims 1-4, the rendered region being a nine-grid region, each grid coverage area within the nine-grid region being larger than a coverage area of the display region.
11. The method according to any one of claims 1 to 4, wherein the obtaining of the target region from the currently unrendered region for the rendering operation, and after obtaining the updated rendered region, further comprises:
and acquiring a display unit corresponding to the current display area from the updated rendered area to display data.
12. A display area rendering apparatus comprising:
the display control device comprises a determining module, a display area adjusting module and a display area adjusting module, wherein the determining module is used for responding to the adjustment operation of a user on the display area, and determining first boundary information corresponding to a current display area and second boundary information corresponding to a rendered area, and the display area is located in the rendered area;
the processing module is used for determining whether the rendered area needs to be updated according to the first boundary information and the second boundary information;
and the rendering module is used for acquiring a target area from the current unrendered area to perform rendering operation if the rendered area needs to be updated, and acquiring an updated rendered area, wherein the updated rendered area can cover the current display area.
13. The apparatus of claim 12, the processing module comprising:
a first detection unit, configured to determine whether a partial region of the current display region is not located in the rendered region according to the first boundary information and the second boundary information;
the first judging unit is used for determining that the rendered area needs to be updated if at least partial area of the current display area is not located in the rendered area.
14. The apparatus of claim 12, the processing module comprising:
a second detection unit, configured to determine, according to the first boundary information and the second boundary information, whether a distance between a boundary of the rendered area and a boundary of the current display area is smaller than a preset threshold when the current display area is located in the rendered area;
and the second judgment unit is used for determining that the rendered area needs to be updated if the rendering area is smaller than the first judgment unit.
15. The apparatus of claim 12, the determining means comprising:
the determining unit is used for determining first coordinate information corresponding to each vertex of a current display area and determining the first boundary information according to the first coordinate information;
and the determining unit is further configured to determine second coordinate information corresponding to each vertex of the rendered area, and determine the second boundary information according to each piece of the second coordinate information.
16. The apparatus of any of claims 12-15, the determining means comprising:
the first adjusting unit is used for responding to the adjusting operation of a display area triggered by a user through sliding a preset scroll bar, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area; and/or the presence of a gas in the gas,
the second adjusting unit is used for responding to the adjusting operation of a display area input by a user through triggering a preset display interface size switching icon, and determining first boundary information corresponding to the current display area and second boundary information corresponding to a rendered area; and/or the presence of a gas in the gas,
and the third adjusting unit is used for responding to the adjusting operation of the user on the display area input by the editing operation of the sizes of the display units in the display area, and determining the first boundary information corresponding to the current display area and the second boundary information corresponding to the rendered area.
17. The apparatus of any of claims 12-15, the rendering module comprising:
the selection unit is used for determining a target area in the unrendered area according to the first boundary information and a preset rendering area size;
and the rendering unit is used for acquiring the target area from the unrendered area to perform rendering operation, and acquiring the updated rendered area.
18. The apparatus of claim 17, the selection unit to:
and according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the boundaries of the current display area are all located in the target area.
19. The apparatus of claim 17, the selection unit to:
according to the first boundary information, determining a target area with the size consistent with that of the rendering area in the unrendered area, so that the current display area is located at the center of the target area.
20. The apparatus of any of claims 12-15, the rendering module comprising:
the calculation unit is used for determining an area to be rendered, which is not covered by the rendered area, in the target area;
and the processing unit is used for rendering the area to be rendered to obtain an updated rendered area.
21. The apparatus of any of claims 12-15, the rendered region being a nine-grid region, each grid coverage area within the nine-grid region being larger than a coverage area of the display region.
22. The apparatus of any of claims 12-15, further comprising:
and the display module is used for acquiring the display unit corresponding to the current display area from the updated rendered area to display data.
23. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein the content of the first and second substances,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-11.
24. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-11.
25. A computer program product comprising a computer program which, when executed by a processor, implements the method according to any one of claims 1-11.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110216643.XA CN112926000A (en) | 2021-02-26 | 2021-02-26 | Display area rendering method, device and equipment, readable storage medium and product |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110216643.XA CN112926000A (en) | 2021-02-26 | 2021-02-26 | Display area rendering method, device and equipment, readable storage medium and product |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112926000A true CN112926000A (en) | 2021-06-08 |
Family
ID=76172229
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110216643.XA Pending CN112926000A (en) | 2021-02-26 | 2021-02-26 | Display area rendering method, device and equipment, readable storage medium and product |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112926000A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113467869A (en) * | 2021-06-22 | 2021-10-01 | 中科曙光国际信息产业有限公司 | Data rendering method and device, computer equipment and storage medium |
| CN113849255A (en) * | 2021-09-17 | 2021-12-28 | 北京达佳互联信息技术有限公司 | Data processing method, device and storage medium |
| CN114328781A (en) * | 2021-12-24 | 2022-04-12 | 北京庚图科技有限公司 | Method, device, equipment and storage medium for fast rendering of temporal thermodynamic diagram |
| CN114489435A (en) * | 2021-12-20 | 2022-05-13 | 广东乐心医疗电子股份有限公司 | Area display method and device and electronic equipment |
| CN115908674A (en) * | 2022-11-30 | 2023-04-04 | 北京百度网讯科技有限公司 | Quantum circuit diagram rendering method, device, equipment, storage medium and program product |
| CN113849255B (en) * | 2021-09-17 | 2024-04-16 | 北京达佳互联信息技术有限公司 | Data processing method, device and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080180454A1 (en) * | 2007-01-30 | 2008-07-31 | Samsung Electronics Co., Ltd. | Rendering apparatus and method |
| WO2016082586A1 (en) * | 2014-11-27 | 2016-06-02 | 广州市动景计算机科技有限公司 | Webpage update method and apparatus |
| CN106775225A (en) * | 2016-12-02 | 2017-05-31 | 西安电子科技大学 | The method that across document seamless roam browses PDF maps |
| CN111931472A (en) * | 2020-08-11 | 2020-11-13 | 北京字节跳动网络技术有限公司 | Page table rendering method and device, electronic equipment and computer readable medium |
| CN112287258A (en) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | Page rendering method, device, equipment and storage medium |
-
2021
- 2021-02-26 CN CN202110216643.XA patent/CN112926000A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080180454A1 (en) * | 2007-01-30 | 2008-07-31 | Samsung Electronics Co., Ltd. | Rendering apparatus and method |
| WO2016082586A1 (en) * | 2014-11-27 | 2016-06-02 | 广州市动景计算机科技有限公司 | Webpage update method and apparatus |
| CN105701106A (en) * | 2014-11-27 | 2016-06-22 | 广州市动景计算机科技有限公司 | Web page refreshment method and device |
| CN106775225A (en) * | 2016-12-02 | 2017-05-31 | 西安电子科技大学 | The method that across document seamless roam browses PDF maps |
| CN111931472A (en) * | 2020-08-11 | 2020-11-13 | 北京字节跳动网络技术有限公司 | Page table rendering method and device, electronic equipment and computer readable medium |
| CN112287258A (en) * | 2020-09-25 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | Page rendering method, device, equipment and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 陈嘉;赵祖亮;郭鸿飞;赵广玉;马静丽;刘哲;: "基于格网的多比例尺海量数据空间渲染方法", 测绘通报, no. 11 * |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113467869A (en) * | 2021-06-22 | 2021-10-01 | 中科曙光国际信息产业有限公司 | Data rendering method and device, computer equipment and storage medium |
| CN113849255A (en) * | 2021-09-17 | 2021-12-28 | 北京达佳互联信息技术有限公司 | Data processing method, device and storage medium |
| CN113849255B (en) * | 2021-09-17 | 2024-04-16 | 北京达佳互联信息技术有限公司 | Data processing method, device and storage medium |
| CN114489435A (en) * | 2021-12-20 | 2022-05-13 | 广东乐心医疗电子股份有限公司 | Area display method and device and electronic equipment |
| CN114328781A (en) * | 2021-12-24 | 2022-04-12 | 北京庚图科技有限公司 | Method, device, equipment and storage medium for fast rendering of temporal thermodynamic diagram |
| CN114328781B (en) * | 2021-12-24 | 2022-11-29 | 北京庚图科技有限公司 | Method, device, equipment and storage medium for fast rendering of temporal thermodynamic diagram |
| CN115908674A (en) * | 2022-11-30 | 2023-04-04 | 北京百度网讯科技有限公司 | Quantum circuit diagram rendering method, device, equipment, storage medium and program product |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112926000A (en) | Display area rendering method, device and equipment, readable storage medium and product | |
| US10394437B2 (en) | Custom widgets based on graphical user interfaces of applications | |
| JP2011040035A (en) | Display input device and computer program | |
| CN112199620A (en) | Page operation method and device, electronic equipment and storage medium | |
| US20140298250A1 (en) | Start and application navigation | |
| CN110992112B (en) | Advertisement information processing method and device | |
| CN111880704B (en) | Application program processing method, device, equipment and medium | |
| CN111832271B (en) | Data presentation method, device, electronic equipment and storage medium | |
| CN111275803B (en) | 3D model rendering method, device, equipment and storage medium | |
| CN110727383A (en) | Touch interaction method and device based on small program, electronic equipment and storage medium | |
| CN111339462A (en) | Component rendering method, device, server, terminal and medium | |
| CN111246305A (en) | Video preview method, device, equipment and storage medium | |
| CN112000272B (en) | Keyboard panel layout adjusting method and device, electronic equipment and storage medium | |
| CN112581589A (en) | View list layout method, device, equipment and storage medium | |
| US11587533B2 (en) | Method for displaying point of information of map, device, and readable storage medium | |
| US9239663B1 (en) | Hover activation based on input device pointer movement | |
| CN111984857B (en) | Information pushing method and device, electronic equipment and storage medium | |
| CN114510308A (en) | Method, device, equipment and medium for storing application page by mobile terminal | |
| CN113656533A (en) | Tree control processing method and device and electronic equipment | |
| CN112445983A (en) | Search result processing method, device and equipment and computer readable storage medium | |
| CN114296609B (en) | Interface processing method and device, electronic equipment and storage medium | |
| CN112541934A (en) | Image processing method and device | |
| US9733783B1 (en) | Controlling a user interface | |
| CN111797933B (en) | Template matching method, device, electronic equipment and storage medium | |
| US11934292B2 (en) | Sampling object determination method, electronic device, and computer-readable 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 |