Three-dimensional view display method and device

Abstract

The present disclosure provides a three-dimensional view display method and device, which first sends a control detection call instruction to a second terminal running a target application, so as to call a control detection service through the target application running on the second terminal to obtain control tree information of the target application; the control tree information includes hierarchical information of each control in the target application and attribute information of each control; then, based on the hierarchical information of each control in the control tree information, the various controls of the target application are layered to obtain a layering result of the control; the layering result indicates the layer to which the control belongs; thereafter, based on the attribute information in the control tree information and the layering result, the control is rendered in the plane view corresponding to each layer; finally, based on the rendered plane view, a three-dimensional control view of the target application is generated.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to a three-dimensional view display method and device. Background Art

[0002] Flutter is a cross-platform user interface (UI) framework that helps developers build client applications for multiple platforms using a single codebase. Widgets are the building blocks of a Flutter UI, describing how a UI view should appear based on its current configuration and state.

[0003] When developers develop Flutter applications, they often need to view the application's control tree to determine the overall layout of each control in the application. However, the control tree can only display limited content and is not visually intuitive, making it difficult for developers to quickly grasp the layout of controls. Summary of the Invention

[0004] The embodiments of the present disclosure at least provide a three-dimensional view display method and device.

[0005] In a first aspect, an embodiment of the present disclosure provides a three-dimensional view display method, including:

[0006] Sending a control detection call instruction to a second terminal running a target application, so that the target application running on the second terminal calls a control detection service to obtain control tree information of the target application; the control tree information includes hierarchical information and attribute information of each control in the target application;

[0007] Based on the hierarchical information of each control in the control tree information, each control of the target application is hierarchized to obtain a control hierarchical result; the hierarchical result indicates the hierarchical level to which the control belongs;

[0008] Rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result;

[0009] Based on the rendered planar view, a three-dimensional control view of the target application is generated.

[0010] In an optional embodiment, the sending of a control detection call instruction to a second terminal running a target application, so as to obtain control tree information of the target application by calling a control detection service through the target application running on the second terminal, includes:

[0011] Establishing a communication connection with the second terminal based on a persistent communication protocol;

[0012] The control detection calling instruction is sent to the second terminal through the established communication connection, so as to call a control detection service through the target application running on the second terminal to obtain the control tree information of the target application.

[0013] In an optional implementation, rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result includes:

[0014] For each level in the hierarchical result, determine the node type information of each control corresponding to the level in the attribute information;

[0015] If the node type information of the control indicates that the control is a leaf node in the control tree, rendering the control in the plan view of the level based on the size information, position information, and content information of the control indicated in the attribute information;

[0016] If the node type information of the control indicates that the control is a non-leaf node in the control tree, the control is rendered in the plane view of the level based on the size information and position information of the control indicated in the attribute information.

[0017] In an optional implementation, generating a three-dimensional control view of the target application based on the rendered planar view includes:

[0018] The target distance is used as the interval between the plane views rendered at each level, and the plane views rendered at each level are combined to obtain a three-dimensional control view of the target application.

[0019] In an optional implementation, the method further includes:

[0020] In response to the view zoom instruction, the size of the three-dimensional control view is adjusted based on the zoom ratio indicated by the view zoom instruction.

[0021] In an optional implementation, the method further includes:

[0022] In response to the view rotation instruction, the orientation of the three-dimensional control view is adjusted based on the rotation angle and rotation direction indicated by the view rotation instruction.

[0023] In an optional implementation, the method further includes:

[0024] In response to the control details instruction, control information of the target control corresponding to the control details instruction is displayed.

[0025] In an optional implementation, the method further includes:

[0026] In response to the view stretching instruction, the distance between each level in the three-dimensional control view is adjusted based on the stretching distance indicated by the view stretching instruction.

[0027] In a second aspect, an embodiment of the present disclosure further provides a three-dimensional view display device, comprising:

[0028] a sending module, configured to send a control detection call instruction to a second terminal running a target application, so as to obtain control tree information of the target application by invoking a control detection service through the target application running on the second terminal; the control tree information includes hierarchical information and attribute information of each control in the target application;

[0029] a hierarchical module, configured to hierarchize the controls of the target application based on the hierarchical information of the controls in the control tree information, and obtain a hierarchical result of the controls; the hierarchical result indicates the hierarchical level to which the controls belong;

[0030] A rendering module, configured to render the control in a plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result;

[0031] A generating module is used to generate a three-dimensional control view of the target application based on the rendered plane view.

[0032] In an optional embodiment, when the sending module sends a control detection call instruction to a second terminal running a target application, so as to obtain control tree information of the target application by calling a control detection service through the target application running on the second terminal, the sending module is configured to:

[0033] Establishing a communication connection with the second terminal based on a persistent communication protocol;

[0034] The control detection calling instruction is sent to the second terminal through the established communication connection, so as to call a control detection service through the target application running on the second terminal to obtain the control tree information of the target application.

[0035] In an optional implementation, when rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result, the rendering module is configured to:

[0036] For each level in the hierarchical result, determine the node type information of each control corresponding to the level in the attribute information;

[0037] If the node type information of the control indicates that the control is a leaf node in the control tree, rendering the control in the plan view of the level based on the size information, position information, and content information of the control indicated in the attribute information;

[0038] If the node type information of the control indicates that the control is a non-leaf node in the control tree, the control is rendered in the plane view of the level based on the size information and position information of the control indicated in the attribute information.

[0039] In an optional implementation, when generating the three-dimensional control view of the target application based on the rendered planar view, the generation module is configured to:

[0040] The target distance is used as the interval between the plane views rendered at each level, and the plane views rendered at each level are combined to obtain a three-dimensional control view of the target application.

[0041] In an optional embodiment, the device further includes a first control module, configured to:

[0042] In response to the view zoom instruction, the size of the three-dimensional control view is adjusted based on the zoom ratio indicated by the view zoom instruction.

[0043] In an optional embodiment, the device further includes a second control module, configured to:

[0044] In response to the view rotation instruction, the orientation of the three-dimensional control view is adjusted based on the rotation angle and rotation direction indicated by the view rotation instruction.

[0045] In an optional embodiment, the device further includes a third control module, configured to:

[0046] In response to the control details instruction, control information of the target control corresponding to the control details instruction is displayed.

[0047] In an optional embodiment, the device further includes a fourth control module, configured to:

[0048] In response to the view stretching instruction, the distance between each level in the three-dimensional control view is adjusted based on the stretching distance indicated by the view stretching instruction.

[0049] In a third aspect, an embodiment of the present disclosure further provides an electronic device comprising: a processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor, and when the electronic device is running, the processor and the memory communicate via the bus, and when the machine-readable instructions are executed by the processor, the steps of the above-mentioned first aspect or any possible implementation of the first aspect are performed.

[0050] In a fourth aspect, an embodiment of the present disclosure further provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by a processor, the steps of the above-mentioned first aspect or any possible implementation of the first aspect are executed.

[0051] The three-dimensional view display method and device provided by the embodiment of the present disclosure first sends a control detection call instruction to a second terminal running a target application, so as to call a control detection service through the target application running on the second terminal to obtain the control tree information of the target application; the control tree information includes the hierarchical information of each control in the target application and the attribute information of each control; then, based on the hierarchical information of each control in the control tree information, the various controls of the target application are layered to obtain a hierarchical result of the control; the hierarchical result indicates the level to which the control belongs; then, based on the attribute information in the control tree information and the hierarchical result, the control is rendered in the plane view corresponding to each level; finally, based on the rendered plane view, a three-dimensional control view of the target application is generated. The embodiment of the present disclosure layers the various controls of the target application through the hierarchical information of each control in the control tree information, renders the plane view of the control in layers, and then generates a three-dimensional control view based on the rendered plane view, which can realize the three-dimensional display of the control, improve the intuitiveness of the control view in structure, and facilitate developers to master the control structure.

[0052] In order to make the above-mentioned objectives, features and advantages of the present disclosure more obvious and easy to understand, preferred embodiments are given below and described in detail with reference to the accompanying drawings. BRIEF DESCRIPTION OF THE DRAWINGS

[0053] In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the following briefly introduces the drawings required for use in the embodiments. The drawings herein are incorporated into and constitute a part of the specification. These drawings illustrate embodiments consistent with the present disclosure and, together with the specification, are used to illustrate the technical solutions of the present disclosure. It should be understood that the following drawings only illustrate certain embodiments of the present disclosure and should not be regarded as limiting the scope. For those of ordinary skill in the art, other relevant drawings can be obtained based on these drawings without inventive effort.

[0054] Figure 1 A flowchart of a three-dimensional view display method provided by an embodiment of the present disclosure is shown;

[0055] Figure 2 A schematic diagram showing a three-dimensional control view provided by an embodiment of the present disclosure is shown;

[0056] Figure 3 A schematic diagram of a three-dimensional image display device provided by an embodiment of the present disclosure is shown;

[0057] Figure 4 A schematic diagram of an electronic device provided by an embodiment of the present disclosure is shown. DETAILED DESCRIPTION

[0058] In order to make the purpose, technical solutions and advantages of the embodiments of the present disclosure clearer, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, not all of the embodiments. The components of the embodiments of the present disclosure generally described and shown in the drawings herein can be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present disclosure provided in the drawings is not intended to limit the scope of the disclosure for which protection is sought, but merely represents selected embodiments of the present disclosure. Based on the embodiments of the present disclosure, all other embodiments obtained by those skilled in the art without making creative work are within the scope of protection of the present disclosure.

[0059] It should be noted that similar reference numerals and letters denote similar items in the following drawings, and therefore, once an item is defined in one drawing, it does not need to be further defined or explained in subsequent drawings.

[0060] The term "and / or" herein simply describes an association relationship, indicating that three relationships can exist. For example, A and / or B can represent the existence of A alone, the simultaneous existence of A and B, and the existence of B alone. In addition, the term "at least one" herein refers to any combination of at least two of any one or more of a plurality of items. For example, "at least one of A, B, and C" can represent any one or more elements selected from the set consisting of A, B, and C.

[0061] In order to solve the technical problems that the existing technology cannot provide a three-dimensional control view of Flutter applications and the control layout information is not intuitive enough, the present disclosure provides a three-dimensional view display method and device. Through the hierarchical information of each control in the control tree information, the various controls of the target application are layered, and the plane views of the controls are rendered in layers. Then, a three-dimensional control view is generated based on the rendered plane view. This can realize the three-dimensional display of the controls, improve the structural intuitiveness of the control view, and facilitate developers to understand the control structure.

[0062] To facilitate understanding of this embodiment, we first provide a detailed introduction to a 3D view display method disclosed in this embodiment. The 3D view display method provided in this embodiment is generally executed by a computer device with sufficient computing power. In some possible implementations, this 3D view display method can be implemented by a processor invoking computer-readable instructions stored in a memory.

[0063] See also Figure 1 FIG. 1 is a flowchart of a three-dimensional view display method provided by an embodiment of the present disclosure, wherein the method includes steps S101 to S104, wherein:

[0064] S101. Send a control detection call instruction to a second terminal running a target application, so as to call a control detection service through the target application running on the second terminal to obtain control tree information of the target application; the control tree information includes hierarchical information and attribute information of each control in the target application.

[0065] The target application can be a Flutter application, which can be developed using Flutter development tools, allowing developers to implement applications for multiple platforms using a single set of code. The Flutter development tools can be Flutter Devtools. The second terminal can be a terminal running the target application, such as an Android terminal or an iOS terminal. The platform running on the terminal can be a mobile, web, desktop, embedded, or other platform. The execution entity of the embodiment of the present disclosure can be referred to as the first terminal.

[0066] The above-mentioned first terminal can be a development terminal capable of developing Flutter applications, such as a personal computer. The Flutter development tool can be run on the first terminal, and a control detection call instruction can be sent to the second terminal through the Flutter development tool. The first terminal can communicate through the WebSocket service, a persistent network communication protocol supported by the Flutter development tool and the Flutter application, so that the Flutter development tool can synchronize the status of the target application and display it to the user. After the second terminal receives the control detection call instruction sent by the first terminal, the target application running on the second terminal can call the control detection service to obtain the control tree information of the target application.

[0067] Among them, the control tree information can include the hierarchical information of each control in the target application and the attribute information of each control. The hierarchical information can indicate which level the control belongs to, and the attribute information of the control can indicate the size information, position information of the control, and whether the control is a leaf node (non-parent node) in the control tree.

[0068] The control detection service may be a Widget Inspector Service, which can obtain control tree information of a target application and then return the control tree information to the first terminal via a WebSocket service.

[0069] S102: Based on the hierarchical information of each control in the control tree information, hierarchize each control of the target application to obtain a hierarchical result of the control; the hierarchical result indicates the hierarchy to which the control belongs.

[0070] In this step, the first terminal can read the hierarchical information of each control, and hierarchize each control of the target application according to the hierarchical information to obtain a hierarchical result of the control. Specifically, controls with the same hierarchical information can be grouped into the same level.

[0071] S103: Rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result.

[0072] In this step, controls can be rendered for the plane views corresponding to each level to obtain control views corresponding to multiple levels. For example, the node type information of each control corresponding to the level can be determined in the attribute information of the control tree information for each level. The node type information can be a father node (non-leaf node) or a leaf node (non-parent node), wherein the leaf node is the lowest node in the control tree. The leaf node is usually deployed with entity content (i.e., content information), while the non-leaf node is usually in the form of a container to carry other nodes and is not deployed with entity content.

[0073] If the node type information of the control is a leaf node, the rendering area corresponding to the control can be determined based on the size information and position information of the control indicated in the attribute information, and then the content information of the control indicated in the attribute information can be rendered in the rendering area.

[0074] If the node type information of the control is a non-leaf node, the rendering area corresponding to the control can be determined based on the size information and position information of the control indicated in the attribute information, and the range indicator box corresponding to the control can be rendered in the rendering area to represent the control.

[0075] S104: Generate a three-dimensional control view of the target application based on the rendered planar view.

[0076] After obtaining the plan views rendered at each level, the plan views at each level can be combined to form a three-dimensional control view containing all controls. In the three-dimensional control view, there is a certain interval between the plan views at each level, and the interval can be based on the target distance.

[0077] like Figure 2 As shown, it is a schematic diagram of the three-dimensional control view provided by the embodiment of the present disclosure. There are multiple levels of plan views in the figure, and each plan view includes the rendering effect of the control corresponding to the level. For the control of non-leaf nodes, the rendering effect is the range indicator box of the control. For the control of leaf nodes, the rendering effect is the content information corresponding to the control.

[0078] After the three-dimensional control view is displayed through the first terminal, the user can control and adjust the displayed three-dimensional control view through the first terminal. For example, the user can operate the first terminal to trigger the view zoom instruction of the first terminal, and the first terminal can adjust the size of the three-dimensional control view according to the zoom ratio indicated by the view zoom instruction; the user can also trigger the view rotation instruction, and the first terminal can adjust the orientation of the three-dimensional control view based on the rotation angle and rotation direction indicated by the view rotation instruction; the user can also trigger the control details instruction, and the first terminal can display the control information of the target control corresponding to the space details instruction, such as the property information, size information, position information, content information, etc. of the control; further, the user can also trigger the view stretching instruction, and the first terminal can adjust the distance between the plane views of each level in the three-dimensional control view according to the stretching distance indicated by the view stretching instruction.

[0079] In this way, by setting various control instructions for the three-dimensional control view and triggering the control adjustment of the three-dimensional control view, more display methods can be provided to the user, making it easier for the user to view the layout information of the control.

[0080] The three-dimensional view display method provided by the embodiment of the present disclosure first sends a control detection call instruction to a second terminal running a target application, so as to call a control detection service through the target application running on the second terminal to obtain the control tree information of the target application; the control tree information includes the hierarchical information of each control in the target application and the attribute information of each control; then, based on the hierarchical information of each control in the control tree information, the various controls of the target application are layered to obtain a hierarchical result of the control; the hierarchical result indicates the level to which the control belongs; then, based on the attribute information in the control tree information and the hierarchical result, the control is rendered in the plane view corresponding to each level; finally, based on the rendered plane view, a three-dimensional control view of the target application is generated. The embodiment of the present disclosure layers the various controls of the target application through the hierarchical information of each control in the control tree information, renders the plane view of the control in layers, and then generates a three-dimensional control view based on the rendered plane view, which can realize the three-dimensional display of the control, improve the structural intuitiveness of the control view, and facilitate developers to master the control structure.

[0081] Those skilled in the art will understand that in the above-mentioned method of the specific implementation method, the writing order of each step does not mean a strict execution order and does not constitute any limitation on the implementation process. The specific execution order of each step should be determined by its function and possible internal logic.

[0082] Based on the same inventive concept, a three-dimensional view display device corresponding to the three-dimensional view display method is also provided in the embodiment of the present disclosure. Since the principle of solving the problem by the device in the embodiment of the present disclosure is similar to the above-mentioned three-dimensional view display method in the embodiment of the present disclosure, the implementation of the device can refer to the implementation of the method, and the repeated parts will not be repeated.

[0083] Reference Figure 3 FIG. 1 is a schematic diagram of a three-dimensional image display device provided by an embodiment of the present disclosure, wherein the device includes:

[0084] A sending module 310 is configured to send a control detection call instruction to a second terminal running a target application, so that the target application running on the second terminal calls a control detection service to obtain control tree information of the target application; the control tree information includes hierarchical information and attribute information of each control in the target application;

[0085] A layering module 320 is configured to layer each control of the target application based on the layer information of each control in the control tree information to obtain a layering result of the control; the layering result indicates the layer to which the control belongs;

[0086] A rendering module 330 is configured to render the control in a plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result;

[0087] The generating module 340 is configured to generate a three-dimensional control view of the target application based on the rendered planar view.

[0088] In an optional embodiment, when the sending module 310 sends a control detection call instruction to a second terminal running a target application, so as to obtain control tree information of the target application by calling a control detection service through the target application running on the second terminal, the sending module 310 is configured to:

[0089] Establishing a communication connection with the second terminal based on a persistent communication protocol;

[0090] The control detection calling instruction is sent to the second terminal through the established communication connection, so as to call a control detection service through the target application running on the second terminal to obtain the control tree information of the target application.

[0091] In an optional implementation, the rendering module 330, when rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result, is configured to:

[0092] For each level in the hierarchical result, determine the node type information of each control corresponding to the level in the attribute information;

[0093] If the node type information of the control indicates that the control is a leaf node in the control tree, rendering the control in the plan view of the level based on the size information, position information, and content information of the control indicated in the attribute information;

[0094] If the node type information of the control indicates that the control is a non-leaf node in the control tree, the control is rendered in the plane view of the level based on the size information and position information of the control indicated in the attribute information.

[0095] In an optional implementation, when generating the three-dimensional control view of the target application based on the rendered planar view, the generation module 340 is configured to:

[0096] The target distance is used as the interval between the plane views rendered at each level, and the plane views rendered at each level are combined to obtain a three-dimensional control view of the target application.

[0097] In an optional embodiment, the device further includes a first control module, configured to:

[0098] In response to the view zoom instruction, the size of the three-dimensional control view is adjusted based on the zoom ratio indicated by the view zoom instruction.

[0099] In an optional embodiment, the device further includes a second control module, configured to:

[0100] In response to the view rotation instruction, the orientation of the three-dimensional control view is adjusted based on the rotation angle and rotation direction indicated by the view rotation instruction.

[0101] In an optional embodiment, the device further includes a third control module, configured to:

[0102] In response to the control details instruction, control information of the target control corresponding to the control details instruction is displayed.

[0103] In an optional embodiment, the device further includes a fourth control module, configured to:

[0104] In response to the view stretching instruction, the distance between each level in the three-dimensional control view is adjusted based on the stretching distance indicated by the view stretching instruction.

[0105] For descriptions of the processing flow of each module in the device and the interaction flow between each module, reference can be made to the relevant descriptions in the above method embodiment, which will not be described in detail here.

[0106] Corresponding to Figure 1 The present disclosure also provides an electronic device 400, such as Figure 4 FIG. 4 is a schematic diagram of the structure of an electronic device 400 provided in an embodiment of the present disclosure, including:

[0107] Processor 41, memory 42, and bus 43; memory 42 is used to store execution instructions, including internal memory 421 and external memory 422; memory 421 herein, also referred to as internal memory, is used to temporarily store operation data in processor 41, as well as data exchanged with external memory 422 such as a hard disk. Processor 41 exchanges data with external memory 422 via internal memory 421. When electronic device 400 is running, processor 41 communicates with memory 42 via bus 43, causing processor 41 to execute the following instructions:

[0108] Sending a control detection call instruction to a second terminal running a target application, so that the target application running on the second terminal calls a control detection service to obtain control tree information of the target application; the control tree information includes hierarchical information and attribute information of each control in the target application;

[0109] Based on the hierarchical information of each control in the control tree information, each control of the target application is hierarchized to obtain a control hierarchical result; the hierarchical result indicates the hierarchical level to which the control belongs;

[0110] Rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result;

[0111] Based on the rendered planar view, a three-dimensional control view of the target application is generated.

[0112] In an optional embodiment, the instructions executed by the processor 41 include sending a control detection call instruction to a second terminal running a target application, so as to obtain control tree information of the target application by calling a control detection service through the target application running on the second terminal, including:

[0113] Establishing a communication connection with the second terminal based on a persistent communication protocol;

[0114] The control detection calling instruction is sent to the second terminal through the established communication connection, so as to call a control detection service through the target application running on the second terminal to obtain the control tree information of the target application.

[0115] In an optional implementation, in the instructions executed by the processor 41, rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result includes:

[0116] For each level in the hierarchical result, determine the node type information of each control corresponding to the level in the attribute information;

[0117] If the node type information of the control indicates that the control is a leaf node in the control tree, rendering the control in the plan view of the level based on the size information, position information, and content information of the control indicated in the attribute information;

[0118] If the node type information of the control indicates that the control is a non-leaf node in the control tree, the control is rendered in the plane view of the level based on the size information and position information of the control indicated in the attribute information.

[0119] In an optional implementation, in the instructions executed by the processor 41, generating the three-dimensional control view of the target application based on the rendered planar view includes:

[0120] The target distance is used as the interval between the plane views rendered at each level, and the plane views rendered at each level are combined to obtain a three-dimensional control view of the target application.

[0121] In an optional implementation manner, the instructions executed by the processor 41 further include:

[0122] In response to the view zoom instruction, the size of the three-dimensional control view is adjusted based on the zoom ratio indicated by the view zoom instruction.

[0123] In an optional implementation manner, the instructions executed by the processor 41 further include:

[0124] In response to the view rotation instruction, the orientation of the three-dimensional control view is adjusted based on the rotation angle and rotation direction indicated by the view rotation instruction.

[0125] In an optional implementation manner, the instructions executed by the processor 41 further include:

[0126] In response to the control details instruction, control information of the target control corresponding to the control details instruction is displayed.

[0127] In an optional implementation manner, the instructions executed by the processor 41 further include:

[0128] In response to the view stretching instruction, the distance between each level in the three-dimensional control view is adjusted based on the stretching distance indicated by the view stretching instruction.

[0129] The present disclosure also provides a computer-readable storage medium having a computer program stored thereon. When executed by a processor, the computer program executes the steps of the three-dimensional view display method described in the above method embodiment. The storage medium may be a volatile or non-volatile computer-readable storage medium.

[0130] The embodiments of the present disclosure also provide a computer program product, which carries program code. The instructions included in the program code can be used to execute the steps of the three-dimensional view display method described in the above method embodiment. For details, please refer to the above method embodiment and will not be repeated here.

[0131] The computer program product may be implemented in hardware, software, or a combination thereof. In one embodiment, the computer program product is implemented as a computer storage medium. In another embodiment, the computer program product is implemented as a software product, such as a software development kit (SDK).

[0132] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the systems and devices described above can refer to the corresponding processes in the aforementioned method embodiments, and will not be repeated here. In the several embodiments provided in the present disclosure, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. The device embodiments described above are merely schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some communication interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0133] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of these units may be selected to achieve the purpose of this embodiment according to actual needs.

[0134] In addition, each functional unit in each embodiment of the present disclosure may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0135] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a non-volatile computer-readable storage medium that is executable by a processor. Based on this understanding, the technical solution of the present disclosure, or the part that contributes to the prior art or the part of the technical solution, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the method described in each embodiment of the present disclosure. The aforementioned storage medium includes: various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.

[0136] Finally, it should be noted that the above-described embodiments are only specific implementation methods of the present disclosure, which are used to illustrate the technical solutions of the present disclosure, rather than to limit them. The scope of protection of the present disclosure is not limited thereto. Although the present disclosure has been described in detail with reference to the above-described embodiments, those skilled in the art should understand that any person skilled in the art can modify or easily conceive of changes to the technical solutions described in the above-described embodiments within the technical scope disclosed in the present disclosure, or replace some of the technical features therein with equivalents. Such modifications, changes, or replacements do not deviate from the spirit and scope of the technical solutions of the embodiments of the present disclosure, and should be included in the scope of protection of the present disclosure. Therefore, the scope of protection of the present disclosure shall be subject to the scope of protection of the claims.

Claims

1. A three-dimensional view display method, characterized in that: Applied to a first terminal, the method includes: Sending a control detection call instruction to a second terminal running a target application, so that the target application running on the second terminal calls a control detection service to obtain control tree information of the target application; the control tree information includes hierarchical information and attribute information of each control in the target application; Based on the hierarchical information of each control in the control tree information, each control of the target application is hierarchized to obtain a control hierarchical result; the hierarchical result indicates the hierarchical level to which the control belongs; Rendering the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result; Based on the rendered planar view, a three-dimensional control view of the target application is generated, wherein the three-dimensional control view includes a plurality of levels of planar views, The generating of the three-dimensional control view of the target application based on the rendered planar view includes: The target distance is used as the interval between the plane views rendered at each level, and the plane views rendered at each level are combined to obtain a three-dimensional control view of the target application.

2. The method according to claim 1, characterized in that The sending of a control detection calling instruction to a second terminal running a target application, so as to acquire control tree information of the target application by calling a control detection service through the target application running on the second terminal, includes: Establishing a communication connection with the second terminal based on a persistent communication protocol; The control detection calling instruction is sent to the second terminal through the established communication connection, so as to call a control detection service through the target application running on the second terminal to obtain the control tree information of the target application.

3. The method according to claim 1, characterized in that The rendering of the control in the plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result includes: For each level in the hierarchical result, determine the node type information of each control corresponding to the level in the attribute information; If the node type information of the control indicates that the control is a leaf node in the control tree, rendering the control in the plan view of the level based on the size information, position information, and content information of the control indicated in the attribute information; If the node type information of the control indicates that the control is a non-leaf node in the control tree, the control is rendered in the plane view of the level based on the size information and position information of the control indicated in the attribute information.

4. The method according to claim 1, wherein The method further comprises: In response to the view zoom instruction, the size of the three-dimensional control view is adjusted based on the zoom ratio indicated by the view zoom instruction.

5. The method according to claim 1, wherein The method further comprises: In response to the view rotation instruction, the orientation of the three-dimensional control view is adjusted based on the rotation angle and rotation direction indicated by the view rotation instruction.

6. The method according to claim 1, characterized in that The method further comprises: In response to the control details instruction, control information of the target control corresponding to the control details instruction is displayed.

7. The method according to claim 1, characterized in that The method further comprises: In response to the view stretching instruction, the distance between each level in the three-dimensional control view is adjusted based on the stretching distance indicated by the view stretching instruction.

8. A three-dimensional view display device, characterized in that: For a first terminal, comprising: a sending module, configured to send a control detection call instruction to a second terminal running a target application, so as to obtain control tree information of the target application by invoking a control detection service through the target application running on the second terminal; the control tree information includes hierarchical information and attribute information of each control in the target application; a hierarchical module, configured to hierarchize the controls of the target application based on the hierarchical information of the controls in the control tree information, and obtain a hierarchical result of the controls; the hierarchical result indicates the hierarchical level to which the controls belong; A rendering module, configured to render the control in a plane view corresponding to each level based on the attribute information in the control tree information and the hierarchical result; A generating module, configured to generate a three-dimensional control view of the target application based on the rendered plan view, wherein the three-dimensional control view includes a plurality of levels of plan views, The generating of the three-dimensional control view of the target application based on the rendered planar view includes: The target distance is used as the interval between the plane views rendered at each level, and the plane views rendered at each level are combined to obtain a three-dimensional control view of the target application.

9. An electronic device, characterized in that: include: A processor, a memory and a bus, wherein the memory stores machine-readable instructions executable by the processor. When the electronic device is running, the processor and the memory communicate via the bus. When the machine-readable instructions are executed by the processor, the steps of the three-dimensional view display method as described in any one of claims 1 to 7 are performed.

10. A computer-readable storage medium, characterized in that The computer-readable storage medium stores a computer program, which, when executed by a processor, executes the steps of the three-dimensional view display method according to any one of claims 1 to 7.

Images