WO2018103218A1

WO2018103218A1 - Display processing method and device for ui interface

Info

Publication number: WO2018103218A1
Application number: PCT/CN2017/075739
Authority: WO
Inventors: 徐超
Original assignee: 武汉斗鱼网络科技有限公司
Priority date: 2016-12-08
Filing date: 2017-03-06
Publication date: 2018-06-14
Also published as: CN108196920B; CN108196920A

Abstract

Disclosed in embodiments of the present invention are a display processing method and device for a UI interface. The method comprises: parsing a UI interface to be displayed to obtain element nodes of the UI interface to be displayed; creating, according to the element nodes of the UI interface to be displayed, tree controls corresponding to the UI interface to be displayed; configuring a rendering list of the UI interface to be displayed, the rendering list corresponding to the tree controls; and employing, according to the rendering list, a double buffering technique to render the tree controls. The display processing method and device for a UI interface in the embodiments of the present invention realize highly efficient rendering of a UI interface, and improves the display speed and effect of a complicated UI interface, thus enhancing user experience.

Description

Display processing method and device for UI interface

Technical field

The present invention relates to the field of graphic user interface technologies, and in particular, to a display processing method and apparatus for a UI interface.

Background technique

With the continuous development of computer technology and the continuous improvement of hardware performance, it makes it possible to design more complex UI controls. The inventor found in the process of implementing the present invention that although Windows has provided corresponding UI controls, the functions of these UI controls are relatively simple and cumbersome to use. For complex UI controls, not only the design process is complicated, but also when displaying the interface of complex UI controls, such as flickering or data residue, which affects the user's viewing experience, and the prior art cannot flexibly implement the UI. Extensions and updates to controls.

Summary of the invention

In view of the above problems, the present invention provides a display processing method and apparatus for a UI interface, which can efficiently implement rendering of a UI interface, improve display speed and display effect of a complex UI interface, and improve user experience.

One aspect of the present invention provides a display processing method of a UI interface, the method comprising:

Parsing the UI interface to be displayed, and obtaining an element node of the UI interface to be displayed;

Creating a tree control corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed;

Configuring a rendering list corresponding to the tree control of the UI interface to be displayed; and

According to the rendering list, the tree control is rendered using a double buffering technique.

Optionally, each element node in the tree control is configured with a corresponding element data structure, where the element data structure includes drawing information, position information, and a parent node of the corresponding element node of the corresponding element node in the tree control. Information and child node list.

Optionally, the rendering list corresponding to the tree control of the UI interface to be displayed is configured to include:

Determining rendering information of the element data structure corresponding to each element node in the tree control; combining rendering information of each element data structure to obtain a rendering list of the UI interface to be displayed.

Optionally, the rendering, according to the rendering list, the double-buffering technology is used to render the tree control, including:

Creating a bitmap object corresponding to the tree control by using a double buffering technique;

Determining, according to location information of each element node in the tree control in the rendering list, a corresponding to-be-rendered region of the corresponding element node in the bitmap object;

Rendering the to-be-rendered area according to drawing information of each element node in the tree control;

The rendered bitmap object is drawn to the tree control.

Optionally, the method further includes:

When the element node addition request is received, the corresponding parent element node is searched according to the parent node information of the element node to be added, and the element node addition request includes the parent node information of the element node to be added;

Configuring a corresponding to-be-added element data structure for the to-be-added element node, and adding the to-be-added element data structure to the parent element node;

The rendering information of the element data structure to be added is added to the rendering list.

Optionally, the method further includes:

When receiving the element node update request, searching for the corresponding element node according to the node information of the element node to be updated, where the element node update request includes the node information of the element node to be updated and the target drawing of the element node in the tree control information;

And re-rendering the area to be rendered corresponding to the element node to be updated according to the target drawing information.

According to still another aspect of the present invention, a display processing apparatus for a UI interface is provided, the apparatus comprising:

a parsing module, configured to parse the UI interface to be displayed, and obtain an element node of the UI interface to be displayed;

a generating module, configured to create a tree control corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed;

a configuration module, configured to configure a rendering list corresponding to the tree control of the UI interface to be displayed;

And a display module, configured to render the tree control by using a double buffering technique according to the rendering list.

Optionally, the configuration module is specifically configured to determine rendering information of an element data structure corresponding to each element node in the tree control, and combine rendering information of each element data structure to obtain the UI interface to be displayed. Rendering list.

Optionally, the display module includes:

Creating a unit for creating a bitmap object corresponding to the tree control by using a double buffering technology;

a determining unit, configured to determine, according to location information of each element node in the tree control in the rendering list, a corresponding to-be-rendered region of the corresponding element node in the bitmap object;

a rendering unit, configured to map the area to be rendered according to drawing information of each element node in a tree control Field rendering;

a display unit, configured to draw the rendered bitmap object to the tree control.

The display processing method and device of the UI interface provided by the embodiment of the present invention obtains an element node of the UI interface to be displayed by parsing the UI interface to be displayed, and creates a tree shape corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed. The control uses the double buffering technology to render the tree control according to the rendering list corresponding to the tree control of the UI interface to be displayed, thereby realizing efficient rendering of the UI interface to be displayed, and improving the display speed and display effect of the complex UI interface. Thereby improving the user experience.

In addition, the display processing method and device of the UI interface provided by the embodiment of the present invention can obtain the element node of the UI interface to be displayed by parsing the UI interface to be displayed, thereby flexibly implementing the extension and update of the UI control based on the element node.

The above description is only an overview of the technical solutions of the present invention, and the above-described and other objects, features and advantages of the present invention can be more clearly understood. Specific embodiments of the invention are set forth below.

DRAWINGS

Various other advantages and benefits will become apparent to those skilled in the art from a The drawings are only for the purpose of illustrating the preferred embodiments and are not to be construed as limiting. Throughout the drawings, the same reference numerals are used to refer to the same parts. In the drawing:

FIG. 1 is a flowchart of a display processing method of a UI interface according to an embodiment of the present invention;

FIG. 2 is a flowchart showing the subdivision of step S14 in the display processing method of the UI interface according to the embodiment of the present invention;

FIG. 3 is a schematic structural diagram of a display processing apparatus of a UI interface according to an embodiment of the present invention;

FIG. 4 is a schematic diagram showing the internal structure of a display module in a display processing device of a UI interface according to an embodiment of the present invention.

detailed description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the embodiments of the present invention have been shown in the drawings, the embodiments Rather, these embodiments are provided so that this disclosure will be more fully understood and the scope of the disclosure will be fully disclosed.

Those skilled in the art will appreciate that all terms (including technical and scientific terms) used herein have the same meaning as commonly understood by one of ordinary skill in the art to which the invention belongs, unless otherwise defined. It should also be understood that terms such as those defined in the general dictionary should be considered The solution is to have a meaning consistent with the meaning in the context of the prior art, and unless specifically defined, it will not be interpreted in an idealized or overly formal meaning.

FIG. 1 is a flow chart schematically showing a display processing method of a UI interface according to an embodiment of the present invention. Referring to FIG. 1 , a display processing method of a UI interface according to an embodiment of the present invention specifically includes the following steps:

S11. Parse the UI interface to be displayed, and obtain an element node of the UI interface to be displayed.

Currently, a list or tree control is often used when developing a Windows visualization window program, which displays the array information in the visualization window program onto the window. In this embodiment, the element node of the UI interface is the branch or leaf of the tree control corresponding to the UI interface, for example, a tree control to implement a buddy list, the buddy type is a branch, and the type name is a Lable control is a buddy branch. The dry leaf, the friend Zhang San list item is the branch of the friend type corresponding to the branch, and the list item is composed of the friend avatar UI, the friend name UI, and possibly the button UI. Therefore, by parsing the UI interface, the element nodes of the UI interface can be obtained.

S12. Create a tree control corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed.

In this embodiment, each element node in the tree control is configured with a corresponding element data structure, where the element data structure includes drawing information, position information, and parent node information of the corresponding element node in the tree control. And a list of child nodes. The parent node information can be a parent node handle. The element structure can be thought of as a list item. From the data level, the control is actually a list. The list item is the sub-item information including the rendering information. If the sub-item now adds other UI controls, it is actually adding a list in the sub-item information, and the list item information is what you want to add. Rendering information for UI controls. Remember to iterate over the list in the sub-item when the control needs to be updated. In this way, the UI in the sub-item is called the sub-item of the sub-item, which is the tree structure that everyone knows.

S13. Configure a rendering list corresponding to the tree control of the UI interface to be displayed.

Correspondingly, the rendering list corresponding to the tree control of the UI interface to be displayed specifically includes: determining rendering information of an element data structure corresponding to each element node in the tree control; The rendering information of the data structure is combined to obtain a rendering list of the UI interface to be displayed.

S14. Render the tree control by using a double buffering technique according to the rendering list.

In the embodiment of the present invention, by parsing the UI interface to be displayed, the element node of the UI interface to be displayed is obtained, and then a CWnd original control is created in the MFC, used as a container (or called a drawing board), and then passed through the CWnd control. Message callbacks, such as OnPain() window drawing messages, OnMouseMove() mouse moving messages, OnLButtonDown() left mouse button presses, OnLButtonUp() left mouse button up, OnMouseWheel() mouse wheel messages, OnVScroll() drag and drop Scroll bar message, OnMouseLeave () mouse moves out the message, etc., to draw a corresponding to the UI interface to be displayed The tree control adds a ROOT element according to the element node of the UI interface to be displayed, and the specific implementation is as follows: the child item information is saved in the original parent node list, and the child item UI information is saved in the child item list. The callback function is set. In this embodiment, in order to implement the message callback of the CWnd control, the step of setting a message callback function is also included. Specifically, the callback function defines the function callback through the function binding method provided by the BOOST library, and then uses the method provided by the library to set the external function to the value of the callback function defined in the internal, and finally calls the callback inside the control, and the function implementation actually It is defined externally. Then create a scroll bar through the Create method of CScrollBar, then set the scroll bar with the SCROLLINFO structure, and finally drag and drop the message through the OnVScroll() scroll bar to make the control display and the height of the scroll bar consistent.

Each element node in the tree control is configured with a corresponding element data structure, the element data structure includes drawing information (text image, etc.) of the corresponding element node in the tree control, position information, and element data information of the corresponding element node, Such as parent node information and child node list.

The code implementation of the element data structure is as follows:

Finally, define some properties of the control, such as the render list to add all the elements to the list, the currently selected item handle (the element structure memory address), the ROOT element refers to the top element of all the branches and leaves can be understood as the control itself, Scroll bar types are generally only displayed vertically or horizontally.

The display processing method of the UI interface provided by the embodiment of the present invention obtains an element node of the UI interface to be displayed by parsing the UI interface to be displayed, and creates a tree control corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed. The tree control is rendered by using a double buffering technology according to a rendering list corresponding to the tree control of the UI interface to be displayed, thereby realizing efficient rendering of the UI interface to be displayed, improving the display speed and display effect of the complex UI interface, thereby improving User experience. In addition, this The display processing method of the UI interface provided by the embodiment of the present invention obtains the element node of the UI interface to be displayed by parsing the UI interface to be displayed, thereby flexibly implementing the extension and update of the UI control based on the element node.

In order to further embody the superiority of the invention, the subdivision step of step S14 in the display processing method of the UI interface of the present invention is further disclosed as follows to embody another embodiment implemented according to this step. Referring to Figure 2, the subdivision steps of this step include:

S141. Create a bitmap object corresponding to the tree control by using a double buffering technology.

The operation flow is as follows. Create a GDI double buffer. First, create a temporary DC through the CreateCompatibleDC method, then create a bitmap object HBITMAP through the CreateCompatibleBitmap method, and finally select HBITMAP into the temporary DC through the SelectObject method, thus completing the double buffer creation.

S142. Determine, according to location information of each element node in the tree control in the rendering list, a corresponding to-be-rendered region of the corresponding element node in the bitmap object.

S143. Render the area to be rendered according to the drawing information of each element node in the tree control.

S144. Draw the rendered bitmap object to the tree control.

In the embodiment of the present invention, the rendering of the control is implemented in the following manner:

OnPain message callback: first get the size of the control, then use GDI + double cache technology to define a Bitmap with the same size as the control, traverse the render list according to the position information in each list item (that is, the position of the element corresponding to the list item in the Bitmap) Calculate the current start rendering position and save the render node's iterator in the list, then continue to traverse the list from the saved iterator through a While loop, each time a list item is rendered into a double buffer (Bitmap) according to the information provided by the list item Finally, draw the double buffer into CWnd through GDI+'s DrawImage method.

InvalidateEx method: refresh the entire control, by calling the Cwnd::Invalidate method, the refresh logic is implemented in the CWnd::OnPain message callback

InvalidateItem method: Update a node, traverse the list to find the list item through the input node handle, and then draw according to the rendering information of the list item, and overwrite the invalid area according to the position information of the list item.

In the embodiment of the present invention, using the efficient GID+ double buffering technology for rendering, and by parsing the UI interface into the corresponding tree control, the control is actually a list from the data level, and can only render the user sense when updating and displaying. Children of interest, other children can be ignored. E.g. When the control is displayed, it starts from the first item of the list, and then the second item is rendered.... When the display height of the control is over, it can be stopped. Similarly, when the control scrolls or slides, it is the same. The embodiment of the invention solves the problems such as flicker or data residue that appear in the interface of the complex UI space in the prior art. The problem of imagery achieves the effect of increasing the rendering efficiency of the control as the child nodes increase, improving the user's viewing experience.

In an optional embodiment of the present invention, the method further includes the step of: according to the parent node of the element node to be added, when receiving the element node addition request, in order to implement adding another UI control sub-item in the control sub-item The information is searched for a corresponding parent element node, where the element node addition request includes the parent node information of the element node to be added; the corresponding element data structure to be added is configured for the to-be-added element node, and the to-be-added element data structure is added. In the parent element node; adding rendering information of the element data structure to be added to the rendering list. The embodiment of the present invention can implement the operation of adding other UI control sub-items in the control sub-item by configuring the corresponding element data structure to be added in the element node to be added, and adding the data structure to be added to the corresponding parent element node. In the implementation scheme of adding other UI control sub-items in the control sub-item provided by the embodiment of the present invention, the increase of the UI control sub-item does not affect the rendering efficiency of the control.

In a specific embodiment, the creation of the sub-item can be implemented in the following manner: 1. Through the file, since the file in the JSON format is originally a data structure, the implementation can save the information data of the list sub-item into the file according to the tree structure. This is done by reading the JSON file into a list when the control is to be displayed. 2, dynamic addition, relatively simple is generally added to the list according to a certain style.

The specific code is implemented as follows:

Addnode method: Find the corresponding list item according to the incoming parent node handle, and then instantiate NEW a TreeItemInfo structure is added to the list of the list items that are queried. If the query handle is empty, it is added directly to the end of the list item, and finally Add the TreeItemInfo structure to the render list.

AddNodeByList method: It is roughly the same as Addnode, except that the last addition is completely added to the render list from the entered list.

In an optional embodiment of the present invention, the method further includes the following steps: when receiving the element node update request, searching according to the node information of the element node to be updated Corresponding element node, the element node update request includes node information of the element node to be updated and target drawing information of the element node in the tree control; and the corresponding object to be updated according to the target drawing information Render the area for re-rendering. The embodiment of the present invention can update the node information of the element node to be updated and the target drawing information of the element node in the tree control, so as to re-render the area to be rendered corresponding to the element node to be updated. Simple and convenient implementation of UI control sub-items.

In addition, based on the same principle, the embodiment of the present invention can also implement an operation of setting different heights in the control sub-items. The setting of different heights of the sub-items is actually the setting of the position information of the list sub-items. When traversing the rendering, as long as the rendering according to the position information, the height of each sub-item can be achieved. with. The embodiment of the invention can realize fast setting and display of a complex UI interface, and further improve the user experience.

In an optional embodiment of the present invention, the method further includes the following steps: when receiving the element node deletion request, searching according to node information of the element node to be deleted Corresponding element node, where the element node deletion request includes node information of the element node to be deleted; and deleting the target drawing information of the element node in the tree control. In the embodiment of the present invention, the deletion of the element node is implemented by deleting the manner in which the element node draws the information in the target of the tree control. In a specific embodiment, deleting a sub-item can be implemented by the DeleteAllChild method. Specifically, the DeleteAllChild method: traverses the list to find the list item and delete according to the input node handle.

After performing operations such as updating and deleting the element nodes in the tree control and adding new element nodes in the tree control, it is necessary to perform corresponding operations on the rendering list corresponding to the tree control, and according to the update The rendering list is re-rendered by double buffering technology to implement display of the updated UI interface.

The display processing method of the UI interface provided by the embodiment of the present invention can regard the elements (such as text elements, buttons, pictures, panels, and the like) that can be seen as an element node or a list item when developing the visual UI program. Then, all of these elements are built into the tree structure, for example, the main interface is regarded as the trunk, and the trunk is divided into many panel branches, each of which is composed of many elements (buttons, pictures, etc.), similar Branches of leaves. Some of these complex stem panels can be made up of many panels or elements. This constructs a complex UI interface into a tree-like data structure. The tree structure is a data information structure. It can also be understood as a string in memory. Since you finally want to get a visual interface, you must traverse all the elements in the tree structure (list items) and draw information through the elements. Use GDI+ double buffering or other rendering techniques to draw the elements to get a complex visual interface.

For the method embodiments, for the sake of simple description, they are all expressed as a series of action combinations, but those skilled in the art should understand that the embodiments of the present invention are not limited by the described action sequence, because the embodiment according to the present invention Some steps can be performed in other orders or at the same time. In the following, those skilled in the art should also understand that the embodiments described in the specification are all preferred embodiments, and the actions involved are not necessarily required by the embodiments of the present invention.

FIG. 3 is a schematic structural diagram of a display processing apparatus of a UI interface according to an embodiment of the present invention. Referring to FIG. 3, the display processing device of the UI interface of the embodiment of the present invention specifically includes a parsing module 301, a generating module 302, a configuration module 303, and a display module 304, wherein the parsing module 301 is configured to parse the UI interface to be displayed. Obtaining an element node of the UI interface to be displayed; the generating module 302 is configured to create a tree shape corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed a control module 303, configured to configure a rendering list corresponding to the tree control of the UI interface to be displayed; the display module 304 is configured to use a double buffering technology according to the rendering list. The tree control is rendered.

In the embodiment of the present invention, each element node in the tree control is configured with a corresponding element data structure, where the element data structure includes drawing information, position information, and corresponding element nodes of the corresponding element node in the tree control. Parent node information and child node list.

Further, the configuration module 303 is specifically configured to determine rendering information of an element data structure corresponding to each element node in the tree control, and combine the rendering information of each element data structure to obtain the UI interface to be displayed. Rendering list.

In order to further embody the advantages of the invention, the internal structure of the display module 304 in the display processing device of the UI interface of the present invention is further disclosed as follows to embody another embodiment implemented in accordance with this step. Referring to FIG. 4, the display module 304 in this embodiment specifically includes: a creating unit 3041, a determining unit 3042, a rendering unit 3043, and a display unit 3044, wherein: the creating unit 3041 is configured to create and use a double buffering technology. Determining a bitmap object corresponding to the tree control; the determining unit 3042, configured to determine, according to location information of each element node in the tree control in the rendering list, that the corresponding element node corresponds to the bitmap object a rendering unit 3043, configured to render the area to be rendered according to the drawing information of each element node in the tree control; the display unit 3044 is configured to display the bitmap after the rendering The object is drawn to the tree control.

In the embodiment of the present invention, the device further includes a sub-item adding module not shown in the figure, where the sub-item adding module is configured to: according to the parent node of the element node to be added, when receiving the element node adding request The information is searched for a corresponding parent element node, where the element node addition request includes the parent node information of the element node to be added; the corresponding element data structure to be added is configured for the to-be-added element node, and the to-be-added element data structure is added. In the parent element node; adding rendering information of the element data structure to be added to the rendering list. In the embodiment of the present invention, the sub-item adding module may add another element data structure to be added by adding an element data structure to be added in the element node to be added, and adding another element to the control item by adding a data structure to be added to the corresponding parent element node. The operation of the UI control sub-item, and the implementation of the embodiment of the present invention to add other UI control sub-items in the control sub-item, the increase of the UI control sub-item does not affect the rendering efficiency of the control.

In the embodiment of the present invention, the device further includes a sub-item update module not shown in the figure, where the sub-item update module is configured to, according to the node information of the element node to be updated, when receiving the element node update request Searching for a corresponding element node, where the element node update request includes node information of the element node to be updated and target drawing information of the element node in the tree control; and corresponding to the object node to be updated according to the target drawing information The area to be rendered is re-rendered. In the embodiment of the present invention, the child item updating module may control the node information of the element node and the element node in the tree shape control The target drawing information in the piece is updated to implement re-rendering of the area to be rendered corresponding to the element node to be updated. Simple and convenient implementation of UI control sub-items.

In addition, based on the same principle, the sub-item update module can also implement operations for setting different heights in the control sub-items. The embodiment of the invention can realize fast setting and display of a complex UI interface, and further improve the user experience.

In the embodiment of the present invention, the device further includes a sub-item deletion module not shown in the figure, where the sub-item deletion module is configured to: according to the node information of the element node to be deleted, when receiving the element node deletion request Searching for a corresponding element node, where the element node deletion request includes node information of the element node to be deleted; and deleting the target drawing information of the element node in the tree control. In the embodiment of the present invention, the deletion of the element node is implemented by deleting the manner in which the element node draws the information in the target of the tree control.

For the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the description of the method embodiment.

The display processing method and device of the UI interface provided by the embodiment of the present invention obtains an element node of the UI interface to be displayed by parsing the UI interface to be displayed, and creates a tree shape corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed. The control uses the double buffering technology to render the tree control according to the rendering list corresponding to the tree control of the UI interface to be displayed, thereby realizing efficient rendering of the UI interface to be displayed, and improving the display speed and display effect of the complex UI interface. Thereby improving the user experience. In addition, the display processing method of the UI interface provided by the embodiment of the present invention obtains the element node of the UI interface to be displayed by parsing the UI interface to be displayed, thereby flexibly implementing the extension and update of the UI control based on the element node.

The device embodiments described above are merely illustrative, wherein the units described as separate components may or may not be physically separate, and the components displayed as units may or may not be physical units, ie may be located A place, or it can be distributed to multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the embodiment. Those of ordinary skill in the art can understand and implement without deliberate labor.

Through the description of the above embodiments, those skilled in the art can clearly understand that the various embodiments can be implemented by means of software plus a necessary general hardware platform, and of course, by hardware. Based on such understanding, the above-described technical solutions may be embodied in the form of software products in essence or in the form of software products, which may be stored in a computer readable storage medium such as ROM/RAM, magnetic Discs, optical discs, etc., include instructions for causing a computer device (which may be a personal computer, server, or network device, etc.) to perform the methods described in various embodiments or portions of the embodiments.

Moreover, those skilled in the art will appreciate that although some embodiments herein include certain features that are included in other embodiments and not other features, a combination of features of the different embodiments means that It is within the scope of the invention and forms different embodiments. For example, in the following claims, any one of the claimed embodiments can be used in any combination.

It should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and are not limited thereto; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that The technical solutions described in the foregoing embodiments are modified, or the equivalents of the technical features are replaced. The modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present invention.

Claims

A display processing method for a UI interface, the method comprising:

Parsing the UI interface to be displayed, and obtaining an element node of the UI interface to be displayed;

Creating a tree control corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed;

Configuring a rendering list corresponding to the tree control of the UI interface to be displayed; and

According to the rendering list, the tree control is rendered using a double buffering technique.
The method according to claim 1, wherein each element node in the tree control is configured with a corresponding element data structure, and the element data structure includes drawing information of a corresponding element node in a tree control, Location information and parent node information and child node lists of corresponding element nodes.
The method according to claim 2, wherein the configuring the rendering list corresponding to the tree control of the UI interface to be displayed comprises:

Determining rendering information of the element data structure corresponding to each element node in the tree control; combining rendering information of each element data structure to obtain a rendering list of the UI interface to be displayed.
The method according to claim 2, wherein the rendering of the tree control by using a double buffering technique according to the rendering list comprises:

Creating a bitmap object corresponding to the tree control by using a double buffering technique;

Determining, according to location information of each element node in the tree control in the rendering list, a corresponding to-be-rendered region of the corresponding element node in the bitmap object;

Rendering the to-be-rendered area according to drawing information of each element node in the tree control;

The rendered bitmap object is drawn to the tree control.
The method of claim 2, wherein the method further comprises:

When the element node addition request is received, the corresponding parent element node is searched according to the parent node information of the element node to be added, and the element node addition request includes the parent node information of the element node to be added;

Configuring a corresponding to-be-added element data structure for the to-be-added element node, and adding the to-be-added element data structure to the parent element node;

The rendering information of the element data structure to be added is added to the rendering list.
The method of claim 2, wherein the method further comprises:

When receiving the element node update request, searching for the corresponding element node according to the node information of the element node to be updated, where the element node update request includes the node information of the element node to be updated and the target drawing of the element node in the tree control information;

And re-rendering the area to be rendered corresponding to the element node to be updated according to the target drawing information.
A display processing device for a UI interface, the device comprising:

a parsing module, configured to parse the UI interface to be displayed, and obtain an element node of the UI interface to be displayed;

a generating module, configured to create a tree control corresponding to the UI interface to be displayed according to the element node of the UI interface to be displayed;

a configuration module, configured to configure a rendering list corresponding to the tree control of the UI interface to be displayed;

And a display module, configured to render the tree control by using a double buffering technique according to the rendering list.
The device according to claim 7, wherein each element node in the tree control is configured with a corresponding element data structure, and the element data structure includes drawing information of a corresponding element node in a tree control, Location information and parent node information and child node lists of corresponding element nodes.
The device according to claim 8, wherein the configuration module is specifically configured to determine rendering information of an element data structure corresponding to each element node in the tree control; and perform rendering information of each element data structure Combine to obtain a rendering list of the UI interface to be displayed.
The device according to claim 8, wherein the display module comprises:

Creating a unit for creating a bitmap object corresponding to the tree control by using a double buffering technology;

a determining unit, configured to determine, according to location information of each element node in the tree control in the rendering list, a corresponding to-be-rendered region of the corresponding element node in the bitmap object;

a rendering unit, configured to render the area to be rendered according to drawing information of each element node in the tree control;

a display unit, configured to draw the rendered bitmap object to the tree control.