CN116401178B - UI component problem point positioning method, electronic device and medium - Google Patents

UI component problem point positioning method, electronic device and medium Download PDF

Info

Publication number
CN116401178B
CN116401178B CN202310680105.5A CN202310680105A CN116401178B CN 116401178 B CN116401178 B CN 116401178B CN 202310680105 A CN202310680105 A CN 202310680105A CN 116401178 B CN116401178 B CN 116401178B
Authority
CN
China
Prior art keywords
component
information
components
sub
range
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202310680105.5A
Other languages
Chinese (zh)
Other versions
CN116401178A (en
Inventor
张邦全
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Chengdu Rongjian Software Technology Co ltd
Shanghai Hejian Industrial Software Group Co Ltd
Original Assignee
Chengdu Rongjian Software Technology Co ltd
Shanghai Hejian Industrial Software Group Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Chengdu Rongjian Software Technology Co ltd, Shanghai Hejian Industrial Software Group Co Ltd filed Critical Chengdu Rongjian Software Technology Co ltd
Priority to CN202310680105.5A priority Critical patent/CN116401178B/en
Publication of CN116401178A publication Critical patent/CN116401178A/en
Application granted granted Critical
Publication of CN116401178B publication Critical patent/CN116401178B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/36—Preventing errors by testing or debugging software
    • G06F11/362—Software debugging
    • G06F11/3636—Software debugging by tracing the execution of the program
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/36—Preventing errors by testing or debugging software
    • G06F11/362—Software debugging
    • G06F11/366—Software debugging using diagnostics
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Hardware Design (AREA)
  • Quality & Reliability (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Debugging And Monitoring (AREA)

Abstract

The invention relates to the technical field of computers, in particular to a method for positioning problem points of UI components, electronic equipment and a medium.

Description

UI component problem point positioning method, electronic device and medium
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method for positioning problem points of UI components, an electronic device, and a medium.
Background
In the programming of a graphical User Interface (Graphical User Interface, abbreviated as GUI), a developer needs to write a large number of User Interface (UI) components with different functions, and reasonably combine and nest the UI components according to project requirements, so as to realize a set of functions meeting the User requirements. Through the combination of a series of functional components, a software product with perfect functions and good operation interfaces is finally presented. In order to obtain better user interaction experience and effect, the display size of the UI component can be adjusted correspondingly along with adjustment of the software interface. Meanwhile, a developer presets a size range for each UI component, and each component can be dynamically adjusted within the preset size range. A good GUI interface is often made up of a large number of sub-components, there are a large number of nested relationships between the sub-components, and each sub-component has its own dynamic sizing strategy. Therefore, in the process of program operation, the problem of component overlapping caused by insufficient display interface size, unreasonable display strategy selection and the like directly causes the problem that the actual interface display effect is inconsistent with the expected display effect. In the prior art, when the UI problem is encountered, a large number of logic code positioning problem points need to be analyzed, the positioning efficiency is low, and the accuracy is poor.
Disclosure of Invention
The invention aims to provide a method, electronic equipment and a medium for locating problem points of a UI component, and the efficiency and accuracy for locating the problem points of the UI component are improved.
According to a first aspect of the present invention, there is provided a UI component problem point positioning method, including:
step S1, acquiring a UI component debugging instruction, determining an initial top-layer UI component based on the UI component debugging instruction, and setting the initial top-layer UI component as a top-layer UI component U to be debugged currently 0 l Executing step S2, wherein l is U 0 l Corresponding hierarchy information;
step S2, deriving U based on component nesting information and a preset UI component information deriving interface 0 l Marking all UI components of the (l+1) th layer as non-traversed components;
s3, selecting one component U from the non-traversed components s l+1 Divide U of layer (l+1) s l+1 Other non-traversed components are marked as non-compared components, the value range of s is 1 to f (l+1), and f (l+1) is U 0 l Total number of sub-components at layer (l+1);
step S4, based on U s l+1 Location information and U of (2) 0 l Location information determination U of (2) s l+1 Whether it is an out-of-range component;
s5, selecting one component U from the un-compared components m l+1 M ranges from 1 to f (l+1), and m.noteq.s, based on U m l+1 Location information and U of (2) s l+1 Position information of (a)Judgment U m l+1 And U s l+1 Whether or not to overlap;
step S6, U is set m l+1 The comparison module is marked, whether an un-compared module exists currently or not is judged, if yes, the step S5 is returned, and if not, the step S7 is executed;
step S7, U is set s l+1 And (3) marking as traversed components, judging whether the components which are not traversed currently exist or not, if so, returning to the step (S3), otherwise, outputting all the out-of-range component information and all the overlapped component information.
According to a second aspect of the present invention, there is provided an electronic device comprising: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor, the instructions being arranged to perform the method according to the first aspect of the invention.
According to a third aspect of the present invention there is provided a computer readable storage medium storing computer executable instructions for performing the method of the first aspect of the present invention.
Compared with the prior art, the invention has obvious advantages and beneficial effects. By means of the technical scheme, the method for positioning the problem points of the UI component, the electronic equipment and the medium can achieve quite technical progress and practicality, have wide industrial utilization value, and have at least the following beneficial effects:
according to the invention, the component position information is exported based on the preset UI component information export interface, whether the boundary crossing exists between a certain component and the internal component and whether the overlapping exists between the internal components are rapidly and accurately judged through the component position information, so that a developer is helped to rapidly locate the problem that the actual display size of the UI component is inconsistent with the expected result, the locating efficiency and accuracy of the problem point of the UI component are improved, and the developing efficiency of the UI component by the developer is further improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for the description of the embodiments will be briefly described below, and it is apparent that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a flowchart of a method for positioning problem points of UI components according to an embodiment of the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present invention, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to fall within the scope of the invention.
The embodiment of the invention provides a method for positioning problem points of a UI component, which is shown in figure 1 and comprises the following steps:
step S1, acquiring a UI component debugging instruction, determining an initial top-layer UI component based on the UI component debugging instruction, and setting the initial top-layer UI component as a top-layer UI component U to be debugged currently 0 l Executing step S2, wherein l is U 0 l Corresponding hierarchy information.
The UI component is a component on the software interface, and may specifically be a component presented by the EDA (Electronic Design Automation) software interface. Specifically, a button for triggering assembly debugging can be arranged on a software interface, and when abnormal conditions such as insufficient display, partial coverage and the like of the assembly occur on the software interface, a corresponding UI assembly debugging instruction can be generated through the button for triggering assembly debugging. It should be noted that, on the same software interface, multiple abnormal UI components may occur at the same time, each abnormal UI component may be used as an initial top-layer UI component, and steps S1 to S7 may be executed in parallel, or may be executed in series, according to specific computing resources, where the method for locating the UI component problem point for each initial top-layer UI component is the same.
Step S2, based on component embeddingSleeve information and preset UI component information export interface export U 0 l And (l+1) th layer, marking all UI components of the (l+1) th layer as non-traversed components.
The method specifically can set corresponding buried points when developing the UI components, record the position information of the UI components, and can be exported through a unified UI component information export interface when the position information of any component is needed. It will be appreciated that layer (l+1) is U 0 l At the level of the sub-assembly.
S3, selecting one component U from the non-traversed components s l+1 Divide U of layer (l+1) s l+1 Other non-traversed components are marked as non-compared components, the value range of s is 1 to f (l+1), and f (l+1) is U 0 l Total number of sub-components at layer (l+1).
It should be noted that different U' s 0 l The corresponding f (l+1) values may be different.
Step S4, based on U s l+1 Location information and U of (2) 0 l Location information determination U of (2) s l+1 Whether it is an out-of-range component.
It should be noted that, when the UI component is displayed normally, the sub-component should be located within the parent component, otherwise, out-of-range occurs, resulting in incomplete display of the sub-component.
S5, selecting one component U from the un-compared components m l+1 M ranges from 1 to f (l+1), and m.noteq.s, based on U m l+1 Location information and U of (2) s l+1 Position information determination U of (2) m l+1 And U s l+1 Whether or not to overlap.
It should be noted that, when the UI component is displayed normally, the position information between the sub-components belonging to the same parent component cannot be overlapped, otherwise, overlapping occurs, so that the overlapping sub-components are not displayed fully or have errors.
Step S6, U is set m l+1 Marked as compared component, judge whenIf there is an un-compared component, returning to step S5, otherwise, executing step S7.
A determination can be made as to whether an overlap occurs between any two child components that belong to the same parent component, via step S6.
Step S7, U is set s l+1 And (3) marking as traversed components, judging whether the components which are not traversed currently exist or not, if so, returning to the step (S3), otherwise, outputting all the out-of-range component information and all the overlapped component information.
Through step S7, each sub-component can be compared with the parent component, and whether the sub-component has an out-of-range condition is determined.
As one embodiment, each UI component is shown in a corresponding rectangular frame, and the position information of the UI component includes (X, Y, W, H), where (X, Y) is the coordinate of the first vertex of the rectangular frame corresponding to the UI component, W is the width of the rectangular frame corresponding to the UI component, and H is the height of the rectangular frame corresponding to the UI component. The first vertex is the vertex of the rectangular frame closest to the origin of coordinates. In the embodiment of the invention, U 0 l The location information of (1) includes (X) 0 l ,Y 0 l ,W 0 l ,H 0 l ），U s l+1 The location information of (1) includes (X) s l+1 ,Y s l +1 ,W s l+1 ,H s l+1 ），U m l+1 The location information of (1) includes (X) m l+1 ，Y m l+1 ，W m l+1 ，H m l+1 ) Wherein, (X 0 l ,Y 0 l ）、（X s l+1 ,Y s l+1 ）、（X m l+1 ，Y m l+11 ) Respectively U 0 l 、U s l+1 、U m l+1 Coordinates of the first vertex of the corresponding rectangular frame, W 0 l 、W s l+1 、W m l+1 Respectively U 0 l 、U s l+1 、U m l+1 Width of corresponding rectangular frame H 0 l 、H s l+1 、H m l+1 Respectively U 0 l 、U s l+1 、U m l+1 The height of the corresponding rectangular frame,
as an embodiment, the step S4 includes:
step S41, if X is satisfied s l+1 <X 0 l 、（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ）、Y s l+1 <Y 0 l 、（Y s l+1 + H s l+1 ）>（Y 0 l + H 0 l ) At least one of them, then determine U s l+1 For out-of-range components, otherwise, U is determined s l+1 Is not out of range.
To further determine the specific out-of-range information of the component, as an embodiment, the step S41 includes:
step S411, if X is satisfied s l+1 <X 0 l ‖（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ) =1, and satisfy Y s l+1 ≥ Y 0 l &&（Y s l+1 + H s l+1 ）≤（Y 0 l + H 0 l ) =1, then determine U s l+1 Is an X-axis out-of-range assembly.
If satisfy X s l+1 ≥ X 0 l ‖（X s l+1 + W s l+1 ）≤（X 0 l + W 0 l ) =1, and satisfy Y s l+1 <Y 0 l ‖（Y s l+1 + H s l+1 ）>（Y 0 l + H 0 l ) =1, then determine U s l+1 Is a Y-axis out-of-range component.
If satisfy X s l+1 <X 0 l ‖（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ) =1 and satisfy Y s l+1 <Y 0 l ‖（Y s l+1 + H s l+1 ）>（Y 0 l + H 0 l ) =1, then determine U s l+1 Is an XY axis out of range assembly.
Wherein "|" represents an OR operation, e.g. X s l+1 <X 0 l And (X) s l+1 + W s l+1 ）>（X 0 l + W 0 l ) As long as one is true, X s l+1 <X 0 l ‖（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ) The result of (2) was 1."&&"means AND operation, e.g. Y s l+1 ≥ Y 0 l And (Y) s l+1 + H s l+1 ）≤（Y 0 l + H 0 l ) At the same time, X is true s l+1 <X 0 l ‖（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ) The result of (2) was 1. The specific out-of-range information of the component can be more clearly and accurately determined through the step S411.
As an example, in the step S5, the method is based on U m l+1 Location information and U of (2) s l+1 Position information determination U of (2) m l+1 And U s l+1 Whether or not to overlap, comprising:
step S51, if it satisfies (X) s l+1 + W s l+1 ）≤X m l+1 ‖（X m l+1 + W m l+1 ）≤ X s l+1 =1, or satisfy (Y s l+1 + H s l +1 ）≤ Y m l+1 ‖（Y m l+1 + H m l+1 ）≤Y s l+1 =1, then determine U m l+1 And U s l+1 Non-overlapping, otherwise, determining U m l+1 And U s l+1 Overlapping.
In locating the problem point of the UI component, in some scenes, the current to-be-debugged top-layer UI component U is directly passed through 0 l A kind of electronic device
The subcomponent analysis can locate the problem point, but because the UI component of the software is a multi-layer nested structure, especially for EDA software, the nesting level can be deep, therefore, only the top-level UI component U to be debugged currently is analyzed 0 l May not be able to locate the problem point, and therefore, the further UI component may be further analyzed, and as an example, the step S7 includes:
step S71, U s l+1 Marked as traversed component, and determines whether (l+1) is equal to the maximum debug level, if not, then step S72 is performed, and if so, step S74 is performed.
It should be noted that, since the nesting level of the UI component of the software may be deep, the tracing may cause waste of computing resources all the way to the bottom, and the efficiency of locating the problem point of the UI component may be reduced, so that the maximum debugging layer may be set, and it may be understood that the maximum debugging layer is equal to the number of levels of the initial top layer plus the preset maximum tracing layer number.
Step S72, judging U s l+1 If there is a sub-component, step S73 and step S74 are executed in parallel, otherwise, only step S74 is executed.
Step S73, U is set s l+1 Top-level UI component U as new current to be debugged 0 l For a new top-level UI component U to be debugged currently 0 l Step S1 to step S7 are performed.
It should be noted that when U s l+1 When the sub-assembly exists, U is set up s l+1 As a new currentTop-level UI component U to be debugged 0 l The execution of steps S1 to S7 can continue tracing back to the deeper component to identify the deeper problem point.
Step S74, judging whether the traversal component does not exist currently, if so, returning to step S3, otherwise, outputting all the out-of-range component information and all the overlapped component information.
When determining the out-of-range component information and the overlapping component information, it is also extremely important how to accurately and clearly display the out-of-range component information and the overlapping component information, and as an example, in the step S74, all out-of-range component information and all overlapping component information are output, including:
step S741, generating each top-level UI component U to be debugged currently according to a preset first display data structure based on all out-of-range component information and all overlapped component information 0 l The first display data corresponding to each sub-component is provided, and the first display data structure is { sub-component name identification; u (U) 0 l Identification, boundary crossing identification; other subcomponent identifications, overlap identifications }.
It should be noted that, each sub-component corresponds to a first presentation data, and when the sub-component is used as a parent component, each sub-component corresponding to the sub-component as the parent component also corresponds to a first presentation data.
Step S742, displaying at least one top-level UI component U to be debugged currently on a preset display interface 0 l And the first display data corresponding to all the corresponding sub-components.
Step S743, triggering any one sub-component identifier on the current display interface, if the sub-component exists as the top-level UI component U to be debugged currently 0 l The corresponding first presentation data of each sub-component is used as the top-level UI component U to be debugged currently 0 l The corresponding first display data of each sub-assembly is displayed on a preset display interface.
It should be noted that, all the first display data may be displayed on a preset display interface, or only one layer of the first display data may be displayed, and according to the hierarchical relationship of the components, the component identifier may be triggered by selecting, clicking, or other forms, and then the first display data corresponding to the deeper UI component may be further expanded.
In U shape 0 l Identified as M 0 For example, M 0 The sub-component identifiers of (a) are respectively M 1 1 ，M 1 2 ，M 1 3 ，M 1 4 By combining M 0 Executing the steps as the top-level UI component to be debugged currently to obtain M 1 1 For X-axis out-of-limit components, M 1 2 M is Y-axis out-of-limit component 1 3 Is an XY axis out-of-limit component, M 1 4 Is not out of range; m is M 1 1 And M 1 3 Overlapping; the display effects obtained by steps S741 to S743 are shown in table 1.
TABLE 1
It should be noted that, after table 1 is presented on the preset display interface, let M be 1 1 Containing sub-assemblies, and also by incorporating M 1 1 Executing the steps as the top-level UI component to be debugged currently to obtain corresponding first display data, and clicking M after presenting the first display data in the table 1 1 1 Then can be further displayed with M 1 1 As U 0 l The identified table, as will be understood by those skilled in the art, may further display more levels of the first display data by using sequential methods.
As an example, in the step S74, all out-of-range component information and all overlap component information are output, including:
step C741, generating second display data corresponding to each debugged layer component according to a preset second display data structure based on all out-of-range component information and all overlapped component information, wherein the second display data structure is { hierarchy identification; parent component identification; the hierarchy boundary crossing component identification; the present hierarchy overlaps the component group identity }.
And step C742, presenting the second display data corresponding to each debugged layer component on a preset display interface.
Still in U form 0 l Identified as M 0 For example, M 0 The sub-component identifiers of (a) are respectively M 1 1 ，M 1 2 ，M 1 3 ，M 1 4 , M 0 The corresponding layer is identified as H 1 ，M 1 1 Wherein M is 1 2 ，M 1 3 ，M 1 4 The corresponding layer is identified as H 2 By combining M 0 Step S1-step S7 are executed as the top-level UI component to be debugged currently, and M is obtained 1 1 For X-axis out-of-limit components, M 1 2 M is Y-axis out-of-limit component 1 3 Is an XY axis out-of-limit component, M 1 4 Is not out of range; m is M 1 1 And M 1 3 There is an overlap. M is M 1 1 The sub-assembly of (2) includes M 2 1 ，M 2 2 ，M 2 3 Wherein M is 2 1 ，M 2 2 ，M 2 34 The corresponding layer is identified as H 3 By combining M 1 1 Executing the steps as the top-level UI component to be debugged currently to obtain M 2 2 For X-axis out-of-limit components, M 2 2 ，M 2 3 There is an overlap. M is M 1 3 The sub-assembly of (2) includes M 3 1 ，M 3 2 ，M 3 3 Wherein M is 3 1 ，M 3 2 ，M 3 3 The corresponding layer is identified as H 3 By combining M 1 3 Step S1-step S7 are executed as the top-level UI component to be debugged currently, and M is obtained 3 3 M is Y-axis out-of-limit component 3 1 ，M 3 2 There is an overlap. M is M 3 2 The sub-assembly of (2) includes M 4 1 ，M 4 2 ，M 4 3 ，M 4 4 ，M 4 5 Wherein M is 4 1 ，M 4 2 ，M 4 3 ，M 4 4 ，M 4 5 The corresponding layer is identified as H 4 By combining M 3 2 Executing the steps as the top-level UI component to be debugged currently to obtain M 4 2 M is Y-axis out-of-limit component 4 5 For X-axis out-of-limit components, M 4 2 ，M 4 3 With overlap, M 4 1 ，M 4 2 There is an overlap.
The display effect presented by steps C741-C742 is shown in table 2:
TABLE 2
In order to clearly identify the out-of-range type, the present layer out-of-range component identification column may be further subdivided into three layer area present layer X-axis out-of-range component identification columns, present layer Y-axis out-of-range component identification columns, and present layer XY-axis out-of-range component identification columns, which are not shown one by one.
It should be noted that some exemplary embodiments are described as a process or a method depicted as a flowchart. Although a flowchart depicts steps as a sequential process, many of the steps may be implemented in parallel, concurrently, or with other steps. Furthermore, the order of the steps may be rearranged. The process may be terminated when its operations are completed, but may have additional steps not included in the figures. The processes may correspond to methods, functions, procedures, subroutines, and the like.
The embodiment of the invention also provides electronic equipment, which comprises: at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor, the instructions being configured to perform the methods of embodiments of the present invention.
The embodiment of the invention also provides a computer readable storage medium, which stores computer instructions for executing the method according to the embodiment of the invention.
According to the embodiment of the invention, the component position information is exported by the export interface based on the preset UI component information, whether the boundary crossing exists between a certain component and the internal component and whether the overlapping exists between the internal components are rapidly and accurately judged through the component position information, so that a developer is helped to rapidly locate the problem that the actual display size of the UI component is inconsistent with the expected result, the locating efficiency and accuracy of the problem point of the UI component are improved, and the developing efficiency of the UI component by the developer is further improved.
The present invention is not limited to the above-mentioned embodiments, but is intended to be limited to the following embodiments, and any modifications, equivalents and modifications can be made to the above-mentioned embodiments without departing from the scope of the invention.

Claims (8)

1. A method for locating a problem point of a UI component, comprising:
step S1, acquiring a UI component debugging instruction, determining an initial top-layer UI component based on the UI component debugging instruction, and setting the initial top-layer UI component as a top-layer UI component U to be debugged currently 0 l Executing step S2, wherein l is U 0 l Corresponding hierarchy information;
step S2, deriving U based on component nesting information and a preset UI component information deriving interface 0 l Marking all UI components of the (l+1) th layer as non-traversed components;
s3, selecting one component U from the non-traversed components s l+1 Divide U of layer (l+1) s l+1 Other non-traversed components are marked as non-compared components, the value range of s is 1 to f (l+1), and f (l+1) is U 0 l Total number of sub-components at layer (l+1);
step S4, based on U s l+1 Location information and U of (2) 0 l Location information determination U of (2) s l+1 Whether it is an out-of-range component;
s5, selecting one component U from the un-compared components m l+1 M ranges from 1 to f (l+1), and m.noteq.s, based on U m l+1 Location information and U of (2) s l+1 Position information determination U of (2) m l+1 And U s l+1 Whether or not to overlap;
step S6, U is set m l+1 The comparison module is marked, whether an un-compared module exists currently or not is judged, if yes, the step S5 is returned, and if not, the step S7 is executed;
step S7, U is set s l+1 Marking as traversed components, judging whether the components which are not traversed currently exist or not, if yes, returning to the step S3, otherwise, outputting all the out-of-range component information and all the overlapped component information;
the step S7 includes:
step S71, U s l+1 Marking as traversed components, judging whether (l+1) is equal to the maximum debugging layer, if not, executing step S72, and if so, executing step S74;
step S72, judging U s l+1 If there is a sub-component, executing step S73, otherwise, executing only step S74;
step S73, U is set s l+1 Top-level UI component U as new current to be debugged 0 l For a new top-level UI component U to be debugged currently 0 l Step S1-step S7 are executed;
step S74, judging whether the traversal component does not exist currently, if so, returning to step S3, otherwise, outputting all the out-of-range component information and all the overlapped component information;
in the step S74, all out-of-range component information and all overlapping component information are output, including:
step S741, generating each top-level UI component U to be debugged currently according to a preset first display data structure based on all out-of-range component information and all overlapped component information 0 l The first display data corresponding to each sub-component is provided, and the first display data structure is { sub-component name identification; u (U) 0 l Identification, boundary crossing identification; other subcomponent identifications, overlap identifications };
step S742, displaying at least one top-level UI component U to be debugged currently on a preset display interface 0 l First display data corresponding to all the corresponding sub-components;
step S743, triggering any one sub-component identifier on the current display interface, if the sub-component exists as the top-level UI component U to be debugged currently 0 l The corresponding first presentation data of each sub-component is used as the top-level UI component U to be debugged currently 0 l The corresponding first display data of each sub-assembly is displayed on a preset display interface.
2. The method of claim 1, wherein the step of determining the position of the substrate comprises,
each UI component is displayed in a corresponding rectangular frame, U 0 l The location information of (1) includes (X) 0 l ,Y 0 l ,W 0 l ,H 0 l ），U s l+1 The location information of (1) includes (X) s l+1 ,Y s l+1 ,W s l+1 ,H s l+1 ），U m l+1 The location information of (1) includes (X) m l+1 ，Y m l+1 ，W m l+1 ，H m l+1 ) Wherein, (X 0 l ,Y 0 l ）、（X s l+1 ,Y s l+1 ）、（X m l+1 ，Y m l+11 ) Respectively U 0 l 、U s l+1 、U m l+1 Coordinates of the first vertex of the corresponding rectangular frame, W 0 l 、W s l+1 、W m l+1 Respectively U 0 l 、U s l+1 、U m l+1 Width of corresponding rectangular frame H 0 l 、H s l+1 、H m l+1 Respectively U 0 l 、U s l+1 、U m l+1 The corresponding height of the rectangular frame, the first vertex is the vertex of the rectangular frame closest to the origin of coordinates.
3. The method of claim 2, wherein the step of determining the position of the substrate comprises,
the step S4 includes:
step S41, if X is satisfied s l+1 < X 0 l 、（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ）、Y s l+1 < Y 0 l 、（Y s l+1 + H s l+1 ）>（Y 0 l + H 0 l ) At least one of them, then determine U s l+1 For out-of-range components, otherwise, U is determined s l+1 Is not out of range.
4. The method of claim 2, wherein the step of determining the position of the substrate comprises,
the step S4 includes:
step S411, if X is satisfied s l+1 < X 0 l ‖（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ) =1, and satisfy Y s l+1 ≥ Y 0 l &&（Y s l+1 + H s l+1 ）≤（Y 0 l + H 0 l ) =1, then determine U s l+1 Is an X-axis out-of-limit component;
if satisfy X s l+1 ≥ X 0 l ‖（X s l+1 + W s l+1 ）≤（X 0 l + W 0 l ) =1, and satisfy Y s l+1 < Y 0 l ‖（Y s l+1 + H s l+1 ）>（Y 0 l + H 0 l ) =1, then determine U s l+1 Is a Y-axis out-of-limit component;
if satisfy X s l+1 < X 0 l ‖（X s l+1 + W s l+1 ）>（X 0 l + W 0 l ) =1 and satisfy Y s l+1 < Y 0 l ‖（Y s l+1 + H s l+1 ）>（Y 0 l + H 0 l ) =1, then determine U s l+1 Is an XY axis out of range assembly.
5. The method of claim 2, wherein the step of determining the position of the substrate comprises,
in the step S5, the method is based on U m l+1 Location information and U of (2) s l+1 Position information determination U of (2) m l+1 And U s l+1 Whether or not to overlap, comprising:
step S51, if it satisfies (X) s l+1 + W s l+1 ）≤X m l+1 ‖（X m l+1 + W m l+1 ）≤ X s l+1 =1, or satisfy (Y s l+1 + H s l+1 ）≤ Y m l+1 ‖（Y m l+1 + H m l+1 ）≤Y s l+1 =1, then determine U m l+1 And U s l+1 Non-overlapping, otherwise, determining U m l+1 And U s l+1 Overlapping of。
6. The method of claim 1, wherein the step of determining the position of the substrate comprises,
in the step S74, all out-of-range component information and all overlapping component information are output, including:
step C741, generating second display data corresponding to each debugged layer component according to a preset second display data structure based on all out-of-range component information and all overlapped component information, wherein the second display data structure is { hierarchy identification; parent component identification; the hierarchy boundary crossing component identification; the overlay component set identity of the present hierarchy };
and step C742, presenting the second display data corresponding to each debugged layer component on a preset display interface.
7. An electronic device, comprising:
at least one processor;
and a memory communicatively coupled to the at least one processor;
wherein the memory stores instructions executable by the at least one processor, the instructions being arranged to perform the method of any of the preceding claims 1-6.
8. A computer readable storage medium, characterized in that computer executable instructions are stored for performing the method of any of the preceding claims 1-6.
CN202310680105.5A 2023-06-09 2023-06-09 UI component problem point positioning method, electronic device and medium Active CN116401178B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310680105.5A CN116401178B (en) 2023-06-09 2023-06-09 UI component problem point positioning method, electronic device and medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310680105.5A CN116401178B (en) 2023-06-09 2023-06-09 UI component problem point positioning method, electronic device and medium

Publications (2)

Publication Number Publication Date
CN116401178A CN116401178A (en) 2023-07-07
CN116401178B true CN116401178B (en) 2023-08-11

Family

ID=87014689

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310680105.5A Active CN116401178B (en) 2023-06-09 2023-06-09 UI component problem point positioning method, electronic device and medium

Country Status (1)

Country Link
CN (1) CN116401178B (en)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009277220A (en) * 2008-04-14 2009-11-26 Canon Inc Information processing apparatus and method of controlling the same
CN104077221A (en) * 2014-06-27 2014-10-01 百度在线网络技术（北京）有限公司 Style test method and device for front-end page
CN108536582A (en) * 2018-03-08 2018-09-14 挖财网络技术有限公司 The method and device of quantitative analysis is excessively drawn in Android applications
CN110083425A (en) * 2019-04-24 2019-08-02 百度在线网络技术（北京）有限公司 Display methods, display device, electronic equipment and the computer-readable medium of UI element
CN110309073A (en) * 2019-06-28 2019-10-08 上海交通大学 Mobile applications user interface mistake automated detection method, system and terminal
CN111124903A (en) * 2019-12-16 2020-05-08 惠州市德赛西威汽车电子股份有限公司 Element coordinate automatic testing method based on visual system and storage medium
CN112286782A (en) * 2019-07-23 2021-01-29 腾讯科技（深圳）有限公司 Control shielding detection method, software detection method, device and medium

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7543278B2 (en) * 2004-10-15 2009-06-02 Microsoft Corporation System and method for making a user interface element visible
US20080148235A1 (en) * 2006-12-15 2008-06-19 Microsoft Corporation Runtime inspection of user interfaces
US9411782B2 (en) * 2012-11-09 2016-08-09 Adobe Systems Incorporated Real time web development testing and reporting system
EP3891625A4 (en) * 2018-12-10 2022-07-20 Citrix Systems, Inc. Method of detecting user interface layout issues for web applications

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009277220A (en) * 2008-04-14 2009-11-26 Canon Inc Information processing apparatus and method of controlling the same
CN104077221A (en) * 2014-06-27 2014-10-01 百度在线网络技术（北京）有限公司 Style test method and device for front-end page
CN108536582A (en) * 2018-03-08 2018-09-14 挖财网络技术有限公司 The method and device of quantitative analysis is excessively drawn in Android applications
CN110083425A (en) * 2019-04-24 2019-08-02 百度在线网络技术（北京）有限公司 Display methods, display device, electronic equipment and the computer-readable medium of UI element
CN110309073A (en) * 2019-06-28 2019-10-08 上海交通大学 Mobile applications user interface mistake automated detection method, system and terminal
CN112286782A (en) * 2019-07-23 2021-01-29 腾讯科技（深圳）有限公司 Control shielding detection method, software detection method, device and medium
CN111124903A (en) * 2019-12-16 2020-05-08 惠州市德赛西威汽车电子股份有限公司 Element coordinate automatic testing method based on visual system and storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
Android UI错误自动化检测系统的设计与实现;季美辰;中国优秀硕士学位论文全文数据库 信息科技辑(第6期);I138-454 *

Also Published As

Publication number Publication date
CN116401178A (en) 2023-07-07

Similar Documents

Publication Publication Date Title
US11561887B2 (en) Test script debugging using an automated testing framework and UI rendering tree
RU2336557C2 (en) Classes of user interface automation structures and interfaces
US8645912B2 (en) System and method for use in replaying software application events
CN101369249A (en) Method and apparatus for marking GUI component of software
JP2008506183A (en) Import automatically generated content
JP2009501970A (en) Building a finite state machine model
CN107590592B (en) Job dependency relationship representation method, job display and scheduling control method and device
CN112988605B (en) Method and device for realizing WEB application automatic test
US6920620B2 (en) Method and system for creating test component layouts
US6898545B2 (en) Semiconductor test data analysis system
CN116401178B (en) UI component problem point positioning method, electronic device and medium
JP4896909B2 (en) Scenario generation apparatus and program
CN116644489A (en) Method, system, device and storage medium for rapidly designing three-dimensional software combined hole
US7062495B2 (en) Design work assistance apparatus
JP2007304846A (en) Specification creation support method and specification creation support apparatus
CN115237387A (en) Rapid development method and system for digital twin application
JP2012014560A (en) Graphic editing program, graphic editing method and graphic editing apparatus
Lipman STEP File Analyzer User S Guide (version 3)
CN113727524B (en) Query method and system of bonding pad overlapping device, electronic equipment and storage medium
JP2006139569A (en) Screen creation device
CN116187226B (en) Comparison method and comparison device for PDK engineering and electronic equipment
CN114997103B (en) One-to-many component connectivity detection system based on interconnection design data
CN111813400B (en) Action event processing method and device, electronic equipment and computer storage medium
CN115455876B (en) Method for debugging logic system design and electronic equipment
CN114443489A (en) Method and device for testing Scene gizmo geometry

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
GR01 Patent grant
GR01 Patent grant