CN111324845B - Method and system for constructing dial object - Google Patents
Method and system for constructing dial object Download PDFInfo
- Publication number
- CN111324845B CN111324845B CN202010124678.6A CN202010124678A CN111324845B CN 111324845 B CN111324845 B CN 111324845B CN 202010124678 A CN202010124678 A CN 202010124678A CN 111324845 B CN111324845 B CN 111324845B
- Authority
- CN
- China
- Prior art keywords
- pointer
- value
- attribute
- dial
- preset
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 60
- 230000008859 change Effects 0.000 claims abstract description 50
- 230000015654 memory Effects 0.000 claims description 39
- 238000009877 rendering Methods 0.000 claims description 31
- 230000006870 function Effects 0.000 claims description 25
- 230000004044 response Effects 0.000 claims description 25
- 238000004458 analytical method Methods 0.000 claims description 17
- 238000004891 communication Methods 0.000 claims description 9
- 238000010276 construction Methods 0.000 claims description 5
- 238000005316 response function Methods 0.000 claims description 5
- 238000012544 monitoring process Methods 0.000 claims description 4
- 230000008569 process Effects 0.000 description 11
- 239000003795 chemical substances by application Substances 0.000 description 7
- 238000012360 testing method Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 6
- 230000003993 interaction Effects 0.000 description 5
- 238000013515 script Methods 0.000 description 5
- 238000004364 calculation method Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000010422 painting Methods 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000005314 correlation function Methods 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000008571 general function Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method and a system for constructing dial objects, wherein the method comprises the following steps: updating the value of a preset pointer control according to a preset association principle, wherein the preset pointer control at least comprises: dial element, dial element attribute, pointer element attribute, and pointer element CSS attribute; updating each pointer control value of the current pointer according to the preset event attribute of the dial element, and determining the logic change among the pointers; and constructing a target dial object according to the logic change among the pointers and the pointer control. According to the invention, by adding new control elements and corresponding attributes, each control value is updated according to the preset event attribute, the logic change relation between each pointer is determined, then the target dial plate object is constructed, and the expandable complex control support is realized.
Description
Technical Field
The invention relates to the technical field of computer information processing, in particular to a method and a system for constructing dial objects.
Background
Currently, hypertext markup language (Hypertext Marked Language, HTML) pages are mainly used for document content of mixed-arranged text and pictures, and cascading style sheets (Cascading Style Sheets, CSS) related specifications for layout typesetting and rendering of web pages, wherein the related specifications are mainly based on rectangular areas, such as attributes (width and height) for controlling width and height of the rectangular areas, attributes for controlling layout of HTML elements, and the like. Along with the development of HTML5 and CSS3 technologies, many applications (apps) running on PCs and smartphones begin to use Web technology to present content for users and serve as interfaces for man-machine interaction, but when using Web front-end technology for development of client applications, a plurality of tag elements are needed based on a CSS style sheet of a rectangular block, each tag element corresponds to a plurality of CSS attributes, overhead of a system memory is increased, even a phenomenon of pause and jitter occurs on a picture, effective support cannot be provided for various complex controls simply and effectively, execution efficiency is low, and memory is occupied.
Disclosure of Invention
In view of the above, the embodiment of the invention provides a method and a system for constructing dial objects, which are used for solving the technical problems that the prior art cannot provide effective support for various complex controls, and the execution efficiency is low and the occupied memory is large.
In order to achieve the above purpose, the present invention provides the following technical solutions:
in a first aspect, an embodiment of the present invention provides a method for constructing a dial object, including the following steps: updating the value of a preset pointer control according to a preset association principle, wherein the preset pointer control at least comprises: dial element, dial element attribute, pointer element attribute, and pointer element CSS attribute; updating each pointer control value of the current pointer according to the preset event attribute of the dial element, and determining logic change among the pointers; and constructing a target dial object according to the logic change among the pointers and the pointer control.
In an embodiment, when the initial value of the pointer element CSS attribute is not set, defining the pointer element attribute value as a corresponding pointer element CSS attribute value; and updating the pointer control value according to the pointer control value and the pointer element CSS attribute value.
In one embodiment, monitoring response changes of pointer control values, and acquiring response request data when the pointer control values change; obtaining a response result according to the pointer control value corresponding to the response request data, the pointer control values of the current pointer and the response function corresponding to the preset event attribute of the dial element; and updating the control value of each pointer according to the response result, and determining the logic change between each pointer.
In an embodiment, identifying and analyzing the pointer control value according to the logic change among the pointers and the pointer control to obtain a corresponding analysis control value; acquiring member variables of a preset rendering node; according to a preset function, configuring each analysis control value into each member variable to obtain a current member variable; and according to each current member variable and the preset corresponding function, carrying out layout and rendering on the pointer control to obtain a target dial object.
In one embodiment, the attribute names and the tag names are saved to corresponding files; generating a corresponding hash value according to the name of the pointer control label and the attribute name; obtaining member functions of each preset class according to the hash value; and analyzing the pointer control values according to the member functions corresponding to the pointer controls to obtain corresponding analysis control values.
In an embodiment, obtaining logic coordinates of a dial element, converting the logic coordinates of the dial element into equipment coordinates according to the attribute value of the dial element, a preset scaling and the logic coordinates of the dial element, and determining canvas size and rotation center point coordinates; determining the rotation direction of the pointer according to a preset rotation direction judging rule; determining a pointer angle and a pointer endpoint coordinate according to the pointer rotation direction and the CSS attribute value of each pointer element; and drawing a pointer according to a preset drawing function, the center point coordinates of the dial plate elements, the pointer angles and the pointer end point coordinates, and carrying out layout and rendering on a pointer control to obtain the target dial plate object.
In an embodiment, an initial rotation angle value and a final rotation angle value in the CSS attribute of the pointer element are obtained; when the end rotation angle value is larger than the initial rotation angle value, determining that the clockwise direction is the pointer rotation direction; when the end rotation angle value is smaller than the initial rotation angle value, the counterclockwise direction is determined as the pointer rotation direction.
In an embodiment, according to the minimum range attribute value, the maximum range attribute value and the difference value between the initial rotation angle value and the final rotation angle value in the CSS attribute values of the pointer elements, determining a range value corresponding to each rotation angle of the pointer; determining a current value of the pointer according to the acquired actual value of the pointer in the CSS attribute of the pointer element and a preset method; determining the angle of the current pointer according to the current value of the pointer, the attribute value of the minimum measuring range, the rotating direction of the pointer and the measuring range value corresponding to each rotating angle; obtaining the offset of the pointer needle eye relative to the rotation center point according to the acquired pointer needle eye coordinates and the rotation center point coordinates, and determining pointer needle tail coordinates; and obtaining the minimum value of the width value and the height value of the pointer range area in the pointer element attribute, scaling the pointer tail coordinate according to the minimum value and a preset scaling ratio, and determining the pointer endpoint coordinate.
In an embodiment, if the pointer actual value is less than the minimum range attribute value, determining the minimum range attribute value as a pointer current value; and if the actual value of the pointer is larger than the maximum range attribute value, determining the maximum range attribute value as the current value of the pointer.
In a second aspect, an embodiment of the present invention provides a system for constructing a dial object, including an update module, configured to update a preset pointer control value according to a preset association rule, where the preset pointer control at least includes: dial element, dial element attribute, pointer element attribute, and pointer element CSS attribute; the logic change determining module is used for updating each pointer control value of the current pointer according to the preset event attribute of the dial element and determining the logic change among the pointers; and the target dial object construction module is used for constructing a target dial object according to the logic change among the pointers and the pointer control.
In a third aspect, embodiments of the present invention provide a computer readable storage medium storing computer instructions that, when executed by a processor, implement a method of constructing a dial object according to the first aspect of embodiments of the present invention. So that at least one processor performs the adaptive control method of the multi-device of the first aspect of the embodiment of the present invention.
In a fourth aspect, an embodiment of the present invention provides a memory and a processor, where the memory and the processor are communicatively connected to each other, and the memory stores computer instructions, and the processor executes the computer instructions, thereby executing the method for constructing a dial object according to the first aspect of the embodiment of the present invention.
The technical scheme of the invention has the following advantages:
1. according to the method and the system for constructing the dial object, the new control elements and the corresponding attributes are added, the control values are updated according to the preset event attributes, the logic change relation between the pointers is determined, then the target dial object is constructed, the expandable complex control support is realized, the expandable complex control support can be directly embedded into an HTML page, and the expandable complex control support is completely compatible with other HTML elements and CSS attributes, and has the advantages of being simple in interface, good in performance, convenient to expand, good in safety and the like.
2. According to the method and the system for constructing the dial object, the layout and the rendering of each element are realized through the identification and the analysis of each pointer control, the definition and the application of the pointer control are simplified, the memory occupation of a page is reduced, the interactive performance and the user experience are improved, a large number of div elements are avoided to form a pointer graph, the memory occupation of the page is reduced, the calculation of a large number of re-layout when the pointer value changes is avoided, and the performance of the system is improved; the internal processing of the pointer is realized by the user agent, so that better performance and interaction experience can be obtained; by introducing new CSS attributes, the HTML document author can define the rendering attributes of the pointer control, on one hand, the CSS can be reused to bring convenience, on the other hand, more flexibility is brought to the front-end developer, the workload of the front-end developer in developing scripts is simplified, and the learning difficulty of the front-end developer is reduced.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings that are needed in the description of the embodiments or the prior art will be briefly described, and it is obvious that the drawings in the description below are some embodiments of the present invention, and other drawings can be obtained according to the drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart of a specific example of a method for constructing dial objects provided by an embodiment of the present invention;
FIG. 2 is a flowchart of a method for constructing a dial object for updating a value of a preset pointer control according to an embodiment of the present invention;
FIG. 3 is a flow chart of a method for constructing a dial object for determining logical changes between pointers provided by an embodiment of the present invention;
fig. 4 is a flowchart of a method for constructing a dial object according to an embodiment of the present invention;
FIG. 5 is a flowchart for identifying and resolving pointer control values in a method for constructing dial objects according to an embodiment of the present invention;
FIG. 6 is a flowchart of a method for constructing dial objects for layout and rendering of pointer controls according to an embodiment of the present invention;
FIG. 7 is a flow chart of a method for constructing a dial object for determining a direction of rotation of a pointer according to an embodiment of the present invention;
FIG. 8 is a schematic diagram of a system for building dial objects according to an embodiment of the present invention;
fig. 9 is a composition diagram of a specific example of an electronic device according to an embodiment of the present invention.
Detailed Description
The following description of the embodiments of the present invention will be made apparent and fully in view of the accompanying drawings, in which some, but not all embodiments of the invention are shown. 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 be within the scope of the invention.
In the description of the present invention, it should be noted that the directions or positional relationships indicated by the terms "center", "upper", "lower", "left", "right", "vertical", "horizontal", "inner", "outer", etc. are based on the directions or positional relationships shown in the drawings, are merely for convenience of describing the present invention and simplifying the description, and do not indicate or imply that the devices or elements referred to must have a specific orientation, be configured and operated in a specific orientation, and thus should not be construed as limiting the present invention. Furthermore, the terms "first," "second," and "third" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance.
In the description of the present invention, it should be noted that, unless explicitly specified and limited otherwise, the terms "mounted," "connected," and "connected" are to be construed broadly, and may be either fixedly connected, detachably connected, or integrally connected, for example; can be mechanically or electrically connected; the two components can be directly connected or indirectly connected through an intermediate medium, or can be communicated inside the two components, or can be connected wirelessly or in a wired way. The specific meaning of the above terms in the present invention will be understood in specific cases by those of ordinary skill in the art.
In addition, the technical features of the different embodiments of the present invention described below may be combined with each other as long as they do not collide with each other.
Example 1
The embodiment of the invention provides a method for constructing dial objects, which is applied to various complex scenes for realizing dial and pointer controls, as shown in fig. 1, and comprises the following steps:
step S1: updating the value of a preset pointer control according to a preset association principle, wherein the preset pointer control at least comprises: dial element, dial element attribute, pointer element attribute, and pointer element CSS attribute.
In the embodiment of the invention, two new elements, namely a dial element himeter and a pointer element hihand, are defined firstly, wherein the dial element defines that one dial can contain one or more pointers, and the pointer element defines the basic form and the relative behavior of one pointer. The himeter element supports the following attributes: width and height attributes representing the intrinsic size of the himeter element for defining the rendering canvas size used by the himeter element, and 200 and 150 are used by the user agent as default values when the HTML document does not define the two attributes, respectively. When the attribute value of the hihand element in the system changes, the hihand element can be directly rendered without being rearranged. The hihand element supports the following attributes, the min attribute: the minimum value is used for defining the corresponding measuring range of the pointer; the max attribute: for defining a maximum value for the corresponding range of the pointer; value attribute: for defining a current value corresponding to the pointer; width and height properties: these two attributes represent the inherent dimensions of the hihand element, which defines the rendering canvas size used by the hihand element, and can also be understood as the width and height of the pointer sweep area over the entire span.
In practical applications, it is quite common that one dial of various meters contains multiple pointers, and only one himeter wrapper is needed to wrap multiple hihand elements together, as follows:
from the above description, we can see that the above HTML fragment defines a dial, in which two pointers are included, respectively: a speed meter named speed, the minimum value of the measuring range of the meter is 0, the maximum value is 160, the current value is 100, the pointer sweep length is 260, and the width is 260; the thermometer is also provided with a thermometer named temp, the minimum value of the measuring range of the thermometer is-25, the maximum value of the thermometer is 70, the current value of the thermometer is 15, the pointer scans an area with a length of 200 and a width of 200; when the above pointer control is integrated into a form (form), when the submit button is clicked, the user agent can directly integrate the user's current selectable items and automatically submit to the backend server without additional Javascript script processing.
In the embodiment of the invention, because the use occasions of the instrument panels are different, certain differences exist between the instrument panels. As a standard control, not only can the general functions of more than 80% be met, but also the end user is allowed to have certain play space, so that the following properties are realized for the hihand element through comparison and abstraction, and certain flexibility is provided for the end user. Hi-hand-type: the attribute defines the type of pointer; -hi-min: the attribute defines the minimum value of the corresponding range of the pointer, is associated with the min attribute in the hihand element, and is set for the purpose of adapting to the data of different ranges displayed in the same instrument; hi-max: the attribute defines the maximum value of the corresponding range of the pointer, which is associated with the max attribute in the hihand element; hi-value: this attribute defines the current value of the pointer, which is associated with the value attribute in the hihand element; -hi-hand-starting-angle: the attribute defines the deflection angle of the pointer at the minimum range; -hi-hand-end-angle: the attribute defines the deflection angle of the pointer at the maximum range; -hi-hand-center-y: the attribute defines a relative y-coordinate value of the pointer rotation center; -hi-hand-center-x: the attribute defines a relative x coordinate value of the pointer rotation center; -hi-hand-center: the attributes are shorthand for-hi-hand-center-x and-hi-hand-center-y; -hi-needle-anchor-x: the attribute defines the x-coordinate of the needle eye relative to the lower left corner of the pointer graph, and taking into account the special-shaped pointer, the position of the needle eye is obtained by using the value so as to coincide with the rotation center, and the default value is 0; -hi-needle-anchor-y: the attribute defines the y-coordinate of the needle eye relative to the lower left corner of the pointer pattern; -hi-needle-anchor: the attributes are shorthand for-hi-needle-anchor-x and-hi-needle-anchor-y.
It should be noted that, in the embodiment of the present invention, each element, element attribute and CSS attribute are set according to actual system requirements, and in practical application, other attributes or values may also be included, which is not limited to the embodiment of the present invention.
Step S2: and updating each pointer control value of the current pointer according to the preset event attribute of the dial element, and determining the logic change among the pointers.
In the embodiment of the invention, a plurality of pointers exist in the same dial plate, and the pointers have a logic relationship with each other, so that a plurality of event attributes are defined for the change of the pointer control values, an entry for realizing logic among the pointers is provided for an end user, the pointer control values of the current pointer are updated through the preset event attributes, and the logic change among the pointers is determined.
Step S3: and constructing a target dial object according to the logic change among the pointers and the pointer control.
In the embodiment of the invention, each element is realized according to the logic change among the pointers and the pointer control, and the target dial object is constructed. It should be noted that, in practical application, the target dial object of the member may be changed according to the actual requirement, and the embodiment of the present invention is not limited thereto.
According to the method for constructing the dial object, the new control elements and the corresponding attributes are added, the control values are updated according to the preset event attributes, the logic change relation among the pointers is determined, then the target dial object is constructed, the expandable complex control support is realized, the expandable complex control support can be directly embedded into an HTML page, and the method is completely compatible with other HTML elements and CSS attributes, and has the advantages of being simple in interface, good in performance, convenient to expand, good in safety and the like.
In a specific embodiment, as shown in fig. 2, the process of performing step S1 may specifically include the following steps:
step S11: when the initial value of the pointer element CSS attribute is not set, the pointer element attribute value is defined as the corresponding pointer element CSS attribute value.
In the embodiment of the invention, according to the CSS attribute priority principle, certain attributes in CSS attributes and hihandle are associated, and the specific description is given by taking-hi-value as an example: when the value attribute in the CSS is not set and only the value attribute in the HTML is set, changing the value of the value, and simultaneously changing the value of the value, wherein the pointer is changed; when the hi-value attribute in the CSS is not set and only the value attribute in the HTML is set, the pointer is changed while adding and changing the value by the correlation function, but after that, the value is changed, the value cannot be changed, and the pointer cannot be changed.
Step S12: and updating the pointer control value according to the pointer control value and the pointer element CSS attribute value.
In the embodiment of the invention, the updating of the pointer control value is realized according to the pointer control value and the pointer element CSS attribute value, when the-hi-value attribute in the CSS and the value in the HTML are set at the same time, the-hi-value is changed, the pointer is changed, but the value is changed, the-hi-value cannot be changed, and the pointer cannot be changed. The user should set and change the attribute values in CSS while using the control, while the attribute values in HTML are used only as initial values. In the embodiment of the present invention, only-hi-value is taken as an example for explanation, and the priority of other relevant CSS attributes is consistent with the attribute, and in practical application, the priority principle may be set according to the actual needs, which is not limited to this.
In practical application, the CSS attribute is added to the set pointer as follows:
in a specific embodiment, as shown in fig. 3, the process of performing step S2 may specifically include the following steps:
step S21: monitoring response change of the pointer control value, and acquiring response request data when the pointer control value changes.
In the embodiment of the invention, the response change of the pointer control value is monitored through the onchange event attribute, when the pointer control value (value or hi-value) changes, the user agent triggers the event, and the script can monitor the event to complete some dynamic adjustment work, such as a water meter, and when the unit number pointer changes, the other pointers also change. It should be noted that, the onchange event attribute of the monitor pointer control value is merely illustrative, and the monitor may also be performed by other event attributes, which is not limited by the present invention.
Step S22: and obtaining a response result according to the pointer control value corresponding to the response request data, the pointer control values of the current pointer and the response function corresponding to the preset event attribute of the dial element.
In the embodiment of the invention, a response result is obtained according to a pointer control value corresponding to response request data, pointer control values of current pointers and response functions corresponding to preset event attributes of dial elements, wherein the preset event attributes onanimation start is triggered when the pointers start to rotate, in certain switching values, the logic relationship is only related to boundary values, in animation change, unnecessary logic judgment is reduced, and when the pointers stop to rotate, the onanimation event attributes are triggered, so that the response result is obtained, and the running performance is improved. It should be noted that, in the present invention, the preset event attribute triggered when the pointer starts to rotate and stops rotating is merely illustrated, and other event attributes may be selected in practical application, which is not limited to this.
Step S23: and updating the control value of each pointer according to the response result, and determining the logic change among the pointers.
In the embodiment of the invention, the control values of the pointers are updated according to the response result, the logic change among the pointers is determined, and the change of one pointer is illustrated by way of example, so that the change of the other pointer value is caused:
in a specific embodiment, as shown in fig. 4, the process of performing step S3 may specifically include the following steps:
step S31: and identifying and analyzing the pointer control value according to the logic change among the pointers and the pointer control to obtain a corresponding analysis control value.
In the embodiment of the invention, the identification of himeter and hihand elements and the analysis of corresponding attributes are carried out according to the logic change among the pointers and the pointer control, so as to obtain corresponding analysis control values.
Step S32: and acquiring member variables of the preset rendering nodes.
Step S33: and configuring each analysis control value into each member variable according to a preset function to obtain the current member variable.
In the embodiment of the present invention, after the member variables of the preset rendering node are obtained, each parsing control value is configured into each member variable according to a preset function to obtain the current member variable, and it should be noted that the preset function in the present invention is determined by each parsing control value, and the present invention is not limited thereto.
Step S34: and according to each current member variable and a preset corresponding function, carrying out layout and rendering on the pointer control to obtain a target dial object.
In the embodiment of the invention, the pointer control is laid out and rendered according to each current member variable and a preset corresponding function, wherein the construction of the target dial plate object is finished in the preset corresponding function according to the current member variable and the different attribute value types and the clear meaning.
In a specific embodiment, as shown in fig. 5, the process of performing step S31 may specifically include the following steps:
step S311: the attribute names and tag names are added to the corresponding files.
In the embodiment of the invention, newly added himeter, hihandle and attribute names corresponding to the two elements are added into an attribute name file HTMLAttributeNames. In and a tag name file HTMLTagNames. In.
Step S312: and generating a corresponding hash value according to the pointer tag name and the attribute name.
In the embodiment of the invention, in the compiling process, corresponding hash values are automatically formed for each element and corresponding attribute according to the attribute name and the label name, and unique fixed IDs are assigned.
Step S313: and obtaining member functions of each preset class according to the hash value.
In the embodiment of the invention, two new classes are respectively created for the himeter and the hihandle to finish data transmission in the form, and the member functions of the preset classes are obtained according to the hash values.
Step S314: and analyzing the values of the pointer controls according to the member functions corresponding to the pointer controls to obtain corresponding analysis control values.
According to the embodiment of the invention, according to the difference of the attribute value types and the clear meaning, in the file, according to the IDs corresponding to the attributes, the analysis codes of the attributes are respectively written, and finally converted into the defined types, so that the corresponding analysis control values are obtained.
In a specific embodiment, as shown in fig. 6, the process of performing step S34 may specifically include the following steps:
step S341: obtaining the logical coordinates of the dial elements, converting the logical coordinates of the dial elements into equipment coordinates according to the attribute values of the dial elements, the preset scaling and the logical coordinates of the dial elements, and determining the canvas size and the rotation center point coordinates.
In the embodiment of the invention, in order to enable dial objects to adapt to more systems, firstly, the default scaling of a user agent is obtained, the logical coordinates of a himeter element are converted into equipment coordinates, and the size and the position of a canvas are finally determined through the width and the high attributes of the himeter, the scaling and the equipment coordinates, and the center point coordinates of the canvas are determined. It should be noted that the default scaling is set according to the system requirement, and the present invention is not limited thereto.
Step S342: and determining the rotation direction of the pointer according to a preset rotation direction judging rule.
In the embodiment of the invention, in the construction of the rotating pointer control, the rotating direction of the pointer is determined according to the preset rotating direction judging rule, wherein the preset rotating direction judging rule is preset and can be changed according to the needs in practical application, and the invention is not limited to the preset rotating direction judging rule.
Step S343: and determining the pointer angle and the pointer endpoint coordinates according to the pointer rotation direction and the CSS attribute value of each pointer element.
In the embodiment of the invention, the pointer angle and the pointer endpoint coordinates are determined according to the pointer rotation direction and the CSS attribute values of each pointer element, thereby laying a foundation for the subsequent more accurate drawing of the target pointer element object and increasing the adaptability of the target object.
Step S344: and drawing a pointer according to a preset drawing function, the center point coordinates, the pointer angles and the pointer end point coordinates of the dial plate elements, and carrying out layout and rendering on the pointer control to obtain a target dial plate object.
In a specific embodiment, as shown in fig. 7, the process of executing step S342 may specifically include the following steps:
step S3421: an initial rotation angle value and a final rotation angle value in the CSS attribute of the pointer element are acquired.
In the embodiment of the invention, in the coordinate system of the canvas, the vertical direction is an angle 0, the clockwise direction is positive, the anticlockwise direction is negative, and when the CSS attribute-hi-hand-starting-angle, -hi-hand-end-angle takes a value, one principle is followed: the value is the absolute angle from angle 0. This means that if the pointer is turned twice to reach the ending angle, the absolute value of the difference between the ending angle and the initial angle must be greater than 720 degrees.
Step S3422: and when the end rotation angle value is larger than the initial rotation angle value, determining the clockwise direction as the pointer rotation direction.
Step S3423: when the end rotation angle value is smaller than the initial rotation angle value, the counterclockwise direction is determined as the pointer rotation direction.
In a specific embodiment, the process of executing step S343 may specifically include the following steps:
step S3431: and determining the range value corresponding to each rotation angle of the pointer according to the minimum range attribute value, the maximum range attribute value and the difference value between the initial rotation angle value and the final rotation angle value in the CSS attribute values of the pointer elements.
In the embodiment of the invention, according to the minimum range attribute value, the maximum range attribute value and the difference value between the initial rotation angle value and the final rotation angle value in the CSS attribute values of the pointer elements, the range value corresponding to each rotation angle of the pointer is determined, and after the range value corresponding to each rotation angle is determined, the drawing of each rotation angle of the rotating pointer can be completed.
Step S3432: and determining the current value of the pointer according to the acquired actual value of the pointer in the CSS attribute of the pointer element and a preset method.
In the embodiment of the invention, the current value of the pointer is determined according to the acquired actual value of the pointer in the CSS attribute of the pointer element and a preset method, and the drawing of the current pointer is completed.
Step S3433: and determining the angle of the current pointer according to the current value of the pointer, the attribute value of the minimum measuring range, the rotating direction of the pointer and the measuring range value corresponding to each rotating angle.
In the embodiment of the invention, according to the current value (not always equal to-hi-value), -hi-min, the rotation direction and the corresponding measuring range value of each degree, finally calculating the angle corresponding to the pointer.
Step S3434: and obtaining the offset of the pointer needle eye relative to the rotation center point according to the acquired pointer needle eye coordinates and the rotation center point coordinates, and determining the pointer needle tail coordinates.
In the embodiment of the invention, the coordinates of the pointer tail when the pointer is in the horizontal position are determined according to the attributes-hi-needle-anchor-x, -hi-needle-anchor-x and the rotation center coordinates.
Step S3435: and obtaining the minimum value of the width value and the height value of the pointer range area in the pointer element attribute, scaling the pointer tail coordinate according to the minimum value and a preset scaling ratio, and determining the pointer endpoint coordinate.
In the embodiment of the invention, the coordinates of the pointer end point are determined when the pointer is in the horizontal position by taking the small value and reducing the proper proportion according to the width and the high. And calling a GUI related drawing function interface, drawing a horizontal pointer, and rotating to the angle corresponding to the current value.
In a specific embodiment, the process of executing step S3432 may specifically include the following steps:
step S34321: and if the actual value of the pointer is smaller than the minimum range attribute value, determining the minimum range attribute value as the current value of the pointer.
In the embodiment of the invention, whether the current value-hi-value is in a range is judged, and when the current value-hi-value is smaller than-hi-min, the current value is set to be equal to-hi-min.
Step S34322: and if the actual value of the pointer is larger than the maximum range attribute value, determining the maximum range attribute value as the current value of the pointer.
In practical application, compared with the traditional implementation scheme, the implementation steps of the embodiment of the invention in HTML and CSS grammar parsing have no difference in performance because of the implementation of the parsing and hash algorithm based on the character strings; in the rendering step, as the number of elements to be rendered is small, the call of JavaScript functions is reduced, and the difference in efficiency exists, the following two comparison tests are performed for the rendering step:
1. Starting timing from the-hi-value attribute change trigger event to the rendering completion time comparison:
the testing method comprises the following steps: drawing a simple pointer (straight line) by using two div labels, rotating 180 times from 0 to 180 degrees, and recording the total consumption time from the change of-hi-value in CSS to the drawing in the browser code; using the himeter and hihand elements, a pointer is rotated 180 times from 0 degrees to 180 degrees. In the browser, directly calling a browser drawing function to draw, and recording total consumption time after drawing is finished from the change of the hi-value in the CSS.
Test results: using div tags: time consuming 440 milliseconds; himeter and hihand self-painting: time taken is 390 milliseconds.
Test conclusion: using the method described in the examples of the present invention, the time consumption is 90% of the conventional scheme; the drawing only draws a straight line to represent a pointer, if the rotating picture is more complex, div used by the traditional method is more, and each time the traditional method needs to be rearranged and rendered, the gap from the method described in the patent is enlarged. When complex pointers are described in a conventional manner, the requirements on the skill level of the front-end engineer will be higher.
2. Simple drawing time contrast during rendering:
The testing method comprises the following steps: in view of the complex pointer configuration, the conventional approach rotates one pointer 180 times from 0 degrees to 180 degrees. Recording total rendering time consumption in the rotation process; using the himeter and hihand elements described in the embodiments of the present invention, a pointer is rotated 180 times from 0 degrees to 180 degrees. Recording the total time consumption of the hihand rendering in the browser code; using the himeter and hihand elements described in this patent, one pointer is rotated 180 times from 0 degrees to 180 degrees. In the browser, in the process of the hihand rendering, invoking SVG related functions to draw graphics, and finally recording the total time consumption of the hihand rendering.
Test results: the traditional method is that the drawing time is 26930 microseconds; hihand self-painting: drawing time is 19000 microseconds; hihand+SVG, rendering time is 117000 microseconds.
Test conclusion: the hihand self-drawing is fastest, and the time consumption is approximately 75% of that of the traditional rendering mode; in the hihand self-drawing and call SVG library comparison, the time required to use the SVG library is 6 times longer than that of self-drawing.
According to the method for constructing the dial object, disclosed by the embodiment of the invention, the layout and rendering of each element are realized through the identification and analysis of each pointer control, the definition and application of the pointer control are simplified, the memory occupation of a page is reduced, the interactive performance and user experience are improved, a large number of div elements are avoided to form a pointer graph, so that the memory occupation of the page is reduced, the calculation of a large number of re-layout when the pointer value changes is avoided, and the performance of a system is improved; the internal processing of the pointer is realized by the user agent, so that better performance and interaction experience can be obtained; by introducing new CSS attributes, the HTML document author can define the rendering attributes of the pointer control, on one hand, the CSS can be reused to bring convenience, on the other hand, more flexibility is brought to the front-end developer, the workload of the front-end developer in developing scripts is simplified, and the learning difficulty of the front-end developer is reduced.
Example 2
An embodiment of the present invention provides a system for constructing dial objects, as shown in fig. 8, including:
the updating module 1 is configured to update a preset pointer control value according to a preset association rule, where the preset pointer control at least includes: dial element, dial element attribute, pointer element attribute, and pointer element CSS attribute; this module performs the method described in step S1 in embodiment 1, and will not be described here again.
The logic change determining module 2 is used for updating each pointer control value of the current pointer according to the preset event attribute of the dial element and determining the logic change among the pointers; this module performs the method described in step S2 in embodiment 1, and will not be described here.
The target dial object construction module 3 is used for constructing a target dial object according to the logic change among the pointers and the pointer control; this module performs the method described in step S3 in embodiment 1, and will not be described here.
According to the system for constructing the dial object, provided by the invention, the new control elements and the corresponding attributes are added, the control values are updated according to the preset event attributes, the logic change relation among the pointers is determined, then the target dial object is constructed, and the expandable complex control support is realized; through identification and analysis of each pointer control, layout and rendering of each element are realized, definition and application of the pointer control are simplified, memory occupation of a page is reduced, interaction performance and user experience are improved, a large number of div elements are prevented from being used for forming a pointer graph, memory occupation of the page is reduced, calculation of a large number of re-layout when pointer values are changed is avoided, and performance of a system is improved; the internal processing of the pointer is realized by the user agent, so that better performance and interaction experience can be obtained; by introducing new CSS attributes, the HTML document author can define the rendering attributes of the pointer control, on one hand, the CSS can be reused to bring convenience, on the other hand, more flexibility is brought to the front-end developer, the workload of the front-end developer in developing scripts is simplified, and the learning difficulty of the front-end developer is reduced.
Example 3
An embodiment of the present invention provides an electronic device, as shown in fig. 9, including: at least one processor 401, such as a CPU (Central Processing Unit ), at least one communication interface 403, a memory 404, at least one communication bus 402. Wherein communication bus 402 is used to enable connected communications between these components. The communication interface 403 may include a Display screen (Display) and a Keyboard (Keyboard), and the optional communication interface 403 may further include a standard wired interface and a wireless interface. The memory 404 may be a high-speed RAM memory (Ramdom Access Memory, volatile random access memory) or a non-volatile memory (non-volatile memory), such as at least one disk memory. The memory 404 may also optionally be at least one storage device located remotely from the aforementioned processor 401. Wherein the processor 401 may perform the method of constructing dial objects of embodiment 1. A set of program codes is stored in the memory 404, and the processor 401 calls the program codes stored in the memory 404 for executing the method of constructing a dial object of embodiment 1.
The communication bus 402 may be a peripheral component interconnect standard (peripheral component interconnect, PCI) bus or an extended industry standard architecture (extended industry standard architecture, EISA) bus, among others. Communication bus 402 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one line is shown in fig. 9, but not only one bus or one type of bus.
Wherein the memory 404 may include volatile memory (English) such as random-access memory (RAM); the memory may also include a nonvolatile memory (english: non-volatile memory), such as a flash memory (english: flash memory), a hard disk (english: hard disk drive, abbreviated as HDD) or a solid-state drive (english: SSD); memory 404 may also include a combination of the above types of memory.
The processor 401 may be a central processor (English: central processing unit, abbreviated: CPU), a network processor (English: network processor, abbreviated: NP) or a combination of CPU and NP.
Wherein the processor 401 may further comprise a hardware chip. The hardware chip may be an application-specific integrated circuit (ASIC), a Programmable Logic Device (PLD), or a combination thereof (English: programmable logic device). The PLD may be a complex programmable logic device (English: complex programmable logic device, abbreviated: CPLD), a field programmable gate array (English: field-programmable gate array, abbreviated: FPGA), a general-purpose array logic (English: generic array logic, abbreviated: GAL), or any combination thereof.
Optionally, the memory 404 is also used for storing program instructions. The processor 401 may invoke program instructions to implement the method of building dial objects as in the execution of embodiment 1 of the present application.
The embodiment of the invention also provides an electronic readable storage medium, and the electronic readable storage medium stores electronic executable instructions thereon, and the electronic executable instructions can execute the method for constructing the dial object in the embodiment 1. The storage medium may be a magnetic Disk, an optical Disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a Flash Memory (Flash Memory), a Hard Disk (HDD), or a Solid-State Drive (SSD); the storage medium may also comprise a combination of memories of the kind described above.
It is apparent that the above examples are given by way of illustration only and are not limiting of the embodiments. Other variations or modifications of the above teachings will be apparent to those of ordinary skill in the art. It is not necessary here nor is it exhaustive of all embodiments. And obvious variations or modifications thereof are contemplated as falling within the scope of the present invention.
Claims (10)
1. A method for constructing dial objects is characterized by comprising the following steps of,
updating the value of a preset pointer control according to a preset association principle, wherein the preset pointer control at least comprises: dial element, dial element attribute, pointer element attribute, and pointer element CSS attribute;
updating each pointer control value of the current pointer according to the preset event attribute of the dial element, and determining logic change among the pointers;
constructing a target dial object according to the logic change among the pointers and the pointer control;
the step of updating the value of the preset pointer control according to the preset association principle comprises the following steps:
when the initial value of the pointer element CSS attribute is not set, defining the pointer element attribute value as a corresponding pointer element CSS attribute value;
updating the pointer control value according to the pointer control value and the pointer element CSS attribute value;
the step of updating each pointer control value of the current pointer according to the preset event attribute of the dial element and determining the logic change between the pointers comprises the following steps:
monitoring response change of the pointer control value, and acquiring response request data when the pointer control value changes;
Obtaining a response result according to the pointer control value corresponding to the response request data, the pointer control values of the current pointer and the response function corresponding to the preset event attribute of the dial element;
and updating the control value of each pointer according to the response result, and determining the logic change between each pointer.
2. The method of claim 1, wherein the step of constructing the target dial object according to the logical change between the pointers and the pointer control comprises:
identifying and analyzing the pointer control value according to the logic change among the pointers and the pointer control to obtain a corresponding analysis control value;
acquiring member variables of a preset rendering node;
according to a preset function, configuring each analysis control value into each member variable to obtain a current member variable;
and according to each current member variable and the preset corresponding function, carrying out layout and rendering on the pointer control to obtain a target dial object.
3. The method for constructing a dial object according to claim 2, wherein the step of identifying and analyzing the pointer control value according to the logical change between the pointers and the pointer control to obtain a corresponding analysis control value comprises:
Storing the attribute names and the tag names to corresponding files;
generating a corresponding hash value according to the pointer tag name and the attribute name;
obtaining member functions of each preset class according to the hash value;
and analyzing the pointer control values according to the member functions corresponding to the pointer controls to obtain corresponding analysis control values.
4. The method for constructing a dial object according to claim 2, wherein the step of laying out and rendering the pointer control according to each current member variable and a preset corresponding function to obtain the target dial object comprises the following steps:
obtaining logic coordinates of dial elements, converting the logic coordinates of the dial elements into equipment coordinates according to attribute values of the dial elements, preset scaling and the logic coordinates of the dial elements, and determining canvas size and rotation center point coordinates;
determining the rotation direction of the pointer according to a preset rotation direction judging rule;
determining a pointer angle and a pointer endpoint coordinate according to the pointer rotation direction and the CSS attribute value of each pointer element;
and drawing a pointer according to a preset drawing function, the center point coordinates of the dial plate elements, the pointer angles and the pointer end point coordinates, and carrying out layout and rendering on a pointer control to obtain the target dial plate object.
5. The method of constructing a dial object according to claim 4, wherein the step of determining the direction of rotation of the pointer according to a preset direction of rotation discrimination rule comprises:
acquiring an initial rotation angle value and a termination rotation angle value in the CSS attribute of the pointer element;
when the end rotation angle value is larger than the initial rotation angle value, determining that the clockwise direction is the pointer rotation direction;
when the end rotation angle value is smaller than the initial rotation angle value, the counterclockwise direction is determined as the pointer rotation direction.
6. The method of constructing a dial object according to claim 5, wherein the step of determining the pointer angle and the pointer end point coordinates according to the CSS attribute values of each pointer element in the pointer rotation direction comprises:
determining a range value corresponding to each rotation angle of the pointer according to the minimum range attribute value, the maximum range attribute value and the difference value between the initial rotation angle value and the final rotation angle value in the CSS attribute values of the pointer elements;
determining a current value of the pointer according to the acquired actual value of the pointer in the CSS attribute of the pointer element and a preset method;
determining the angle of the current pointer according to the current value of the pointer, the attribute value of the minimum measuring range, the rotating direction of the pointer and the measuring range value corresponding to each rotating angle;
Obtaining the offset of the pointer needle eye relative to the rotation center point according to the acquired pointer needle eye coordinates and the rotation center point coordinates, and determining pointer needle tail coordinates;
and obtaining the minimum value of the width value and the height value of the pointer range area in the pointer element attribute, scaling the pointer tail coordinate according to the minimum value and a preset scaling ratio, and determining the pointer endpoint coordinate.
7. The method for constructing a dial object according to claim 6, wherein the step of determining the current value of the pointer according to the obtained actual value of the pointer in the CSS attribute of the pointer element and a preset method includes:
if the actual value of the pointer is smaller than the minimum range attribute value, determining the minimum range attribute value as the current value of the pointer;
and if the actual value of the pointer is larger than the maximum range attribute value, determining the maximum range attribute value as the current value of the pointer.
8. A system for constructing dial objects, characterized by comprising,
the updating module is used for updating a preset pointer control value according to a preset association principle, and the preset pointer control at least comprises: dial element, dial element attribute, pointer element attribute, and pointer element CSS attribute;
The logic change determining module is used for updating each pointer control value of the current pointer according to the preset event attribute of the dial element and determining the logic change among the pointers;
the target dial object construction module is used for constructing a target dial object according to the logic change among the pointers and the pointer control;
the updating the value of the preset pointer control according to the preset association principle comprises the following steps:
when the initial value of the pointer element CSS attribute is not set, defining the pointer element attribute value as a corresponding pointer element CSS attribute value;
updating the pointer control value according to the pointer control value and the pointer element CSS attribute value;
updating each pointer control value of the current pointer according to the preset event attribute of the dial element, and determining the logic change between the pointers, including:
monitoring response change of the pointer control value, and acquiring response request data when the pointer control value changes;
obtaining a response result according to the pointer control value corresponding to the response request data, the pointer control values of the current pointer and the response function corresponding to the preset event attribute of the dial element;
and updating the control value of each pointer according to the response result, and determining the logic change between each pointer.
9. A computer readable storage medium storing computer instructions which, when executed by a processor, implement the method of constructing a dial object as claimed in any one of claims 1 to 7.
10. An electronic device, comprising:
a memory and a processor in communication with each other, the memory having stored therein computer instructions which, upon execution, perform the method of constructing a dial object as claimed in any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010124678.6A CN111324845B (en) | 2020-02-27 | 2020-02-27 | Method and system for constructing dial object |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010124678.6A CN111324845B (en) | 2020-02-27 | 2020-02-27 | Method and system for constructing dial object |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111324845A CN111324845A (en) | 2020-06-23 |
| CN111324845B true CN111324845B (en) | 2023-06-02 |
Family
ID=71165274
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010124678.6A Active CN111324845B (en) | 2020-02-27 | 2020-02-27 | Method and system for constructing dial object |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111324845B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111813479A (en) * | 2020-07-06 | 2020-10-23 | 北京飞漫软件技术有限公司 | Method and system for constructing roller object |
| CN111898051B (en) * | 2020-07-23 | 2023-08-15 | 平安证券股份有限公司 | CSS style simplifying method and device, electronic equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103345565A (en) * | 2013-07-31 | 2013-10-09 | 德讯科技股份有限公司 | Instrument panel construction method for data display based on Flash technology |
| CN105373520A (en) * | 2015-10-13 | 2016-03-02 | 金蝶软件（中国）有限公司 | Method and device for setting control style attributes |
| CN110688115A (en) * | 2019-09-24 | 2020-01-14 | 珠海格力电器股份有限公司 | Method and device for generating interface |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120278701A1 (en) * | 2011-04-28 | 2012-11-01 | International Business Machines Corporation | Automatically Generating And Porting A Cascading Style Sheets ('CSS') Style Sheet |
| US20190286462A1 (en) * | 2013-03-15 | 2019-09-19 | David Bodnick | Systems, methods, and media for presenting interactive checklists |
-
2020
- 2020-02-27 CN CN202010124678.6A patent/CN111324845B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103345565A (en) * | 2013-07-31 | 2013-10-09 | 德讯科技股份有限公司 | Instrument panel construction method for data display based on Flash technology |
| CN105373520A (en) * | 2015-10-13 | 2016-03-02 | 金蝶软件（中国）有限公司 | Method and device for setting control style attributes |
| CN110688115A (en) * | 2019-09-24 | 2020-01-14 | 珠海格力电器股份有限公司 | Method and device for generating interface |
Non-Patent Citations (2)
| Title |
|---|
| Bassel F. Saab."Toward a Standardized XMAN Presentation Layer with Consideration of User Interface Description Languages".《2011 Developments in E-systems Engineering》.2012,全文. * |
| 芮烨 ; .大数据网页组件服务框架设计及实践.信息技术与标准化.2017,(11),全文. * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111324845A (en) | 2020-06-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2020118485A1 (en) | Method of Detecting User Interface Layout Issues for Web Applications | |
| US20150095811A1 (en) | Context aware user interface parts | |
| CN111324845B (en) | Method and system for constructing dial object | |
| CN112667330B (en) | Page display method and computer equipment | |
| CN111428166A (en) | Page configuration method, page element replacement method, device, equipment and medium | |
| US10049095B2 (en) | In-context editing of output presentations via automatic pattern detection | |
| CN113741898B (en) | Form generation method, device and equipment | |
| CN111291533B (en) | Sentence segment to be displayed display method and device, computer equipment and storage medium | |
| CN109086342B (en) | Method, medium and terminal for mass production and operation and maintenance of website templates | |
| WO2024056100A1 (en) | Page rendering method and apparatus, device, storage medium, and computer program product | |
| US7073138B2 (en) | Method and apparatus for cursor positioning in bi-directional text | |
| KR20120029013A (en) | Host apparatus and web content display method thereof | |
| CN113535587A (en) | Target application detection method and device and computer equipment | |
| CN111813479A (en) | Method and system for constructing roller object | |
| CN111176647B (en) | Method and system for constructing dial object | |
| CN114518815B (en) | Method, device, equipment, medium and program product for displaying building drawing | |
| US11789747B2 (en) | Simulated visual hierarchy while facilitating cross-extension communication | |
| CN111880889B (en) | Interface display method and device, electronic equipment and storage medium | |
| US11138364B2 (en) | Electronic apparatus, information processing method, and recording medium | |
| JP6113983B2 (en) | Screen control display system and screen control display program | |
| CN107862729B (en) | Hierarchical animation generation method, terminal and readable storage medium | |
| WO2016186776A1 (en) | Document presentation qualified by conditions evaluated on rendering | |
| CN111125590A (en) | Method and device for drawing thermodynamic diagram | |
| US9733783B1 (en) | Controlling a user interface | |
| US10761814B2 (en) | Method and system for visualizing a block diagram |
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 |