CN114610201A - Interface display method and device, terminal equipment and storage medium - Google Patents
Interface display method and device, terminal equipment and storage medium Download PDFInfo
- Publication number
- CN114610201A CN114610201A CN202210175067.3A CN202210175067A CN114610201A CN 114610201 A CN114610201 A CN 114610201A CN 202210175067 A CN202210175067 A CN 202210175067A CN 114610201 A CN114610201 A CN 114610201A
- Authority
- CN
- China
- Prior art keywords
- interface
- target
- information
- component
- displaying
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000007621 cluster analysis Methods 0.000 claims abstract description 29
- 238000004590 computer program Methods 0.000 claims description 22
- 238000004458 analytical method Methods 0.000 claims description 11
- 230000000007 visual effect Effects 0.000 abstract description 14
- 230000008569 process Effects 0.000 description 11
- 230000006870 function Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 5
- 230000002159 abnormal effect Effects 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 239000002131 composite material Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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/904—Browsing; Visualisation therefor
-
- 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/906—Clustering; Classification
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The application is applicable to the technical field of interface display, and provides an interface display method, an interface display device, terminal equipment and a storage medium. Acquiring interface information, and generating a target interface according to the interface information; acquiring dragging information, and displaying a target component on the target interface according to the dragging information, wherein the target component is a component in a component list of the target interface; acquiring interface configuration information of the target component, and acquiring interface data according to the interface configuration information; and performing cluster analysis on the interface data, and displaying the interface data after the cluster analysis through the target assembly, thereby improving the adjustment efficiency of the visual interface of the Internet product.
Description
Technical Field
The present application belongs to the technical field of interface display, and in particular, to an interface display method, apparatus, terminal device, and storage medium.
Background
With the arrival of the big data era, more and more internet products are brought into the market, the internet products mainly display related data through visual interfaces, and because the visual interfaces of the internet products are different according to different user requirements, research and development personnel need to correspondingly research and develop different visual interfaces.
However, in the face of increasing user demands, the internet products with fixed interface layouts cannot completely meet the user demands, so that the visual interfaces of the internet products need to be correspondingly adjusted according to the user demands, that is, the visual interfaces needing to be adjusted are researched and developed again from the code layer, so that the adjustment efficiency of the visual interfaces of the internet products is low.
Disclosure of Invention
The embodiment of the application provides an interface display method, an interface display device, terminal equipment and a storage medium, and can solve the problem that the adjustment efficiency of a visual interface of an internet product is low.
In a first aspect, an embodiment of the present application provides an interface display method, including:
acquiring interface information, and generating a target interface according to the interface information;
acquiring dragging information, and displaying a target component on the target interface according to the dragging information, wherein the target component is a component in a component list of the target interface;
acquiring interface configuration information of the target component, and acquiring interface data according to the interface configuration information;
and performing cluster analysis on the interface data, and displaying the interface data after the cluster analysis through the target assembly.
In one embodiment, after displaying the target component on the target interface according to the drag information, the method further includes:
determining a target identity code of the target component, and storing the target identity code into a preset component array, wherein the component array is used for storing the identity code of the component displayed on the target interface;
and acquiring position adjustment information of the target identity code in the component array, and adjusting the layer position of the target component on the target interface according to the position adjustment information.
In one embodiment, after displaying the target component on the target interface according to the drag information, the method further includes:
and acquiring the interface scaling of the target interface, and adjusting the display size of the target assembly according to the interface scaling.
In an embodiment, the displaying the interface data after the cluster analysis by the target component includes:
and acquiring display configuration information of the target assembly, and displaying the interface data after the clustering analysis according to the display configuration information.
In an embodiment, the displaying the interface data after the cluster analysis by the target component includes:
determining a numerical value corresponding to each moment in the interface data after the clustering analysis, and determining a standard value corresponding to each moment;
and determining a target time according to the numerical value corresponding to each time and the standard value corresponding to each time, and displaying the target time in a preset mode, wherein the target time is the time when the absolute value of the difference between the standard value and the numerical value is greater than a preset error value.
In one embodiment, after displaying the target time in a preset manner, the method further includes:
if at least two target moments exist in the preset time, task information of the target moments in the preset time is obtained;
and generating a trend graph according to the task information, and displaying the trend graph on the target interface.
In one embodiment, after displaying the target component on the target interface according to the drag information, the method further includes:
acquiring key information, determining operation information corresponding to a preset condition when the key information meets the preset condition, and operating the target component according to the operation information.
In a second aspect, an embodiment of the present application provides an interface display apparatus, including:
the information acquisition module is used for acquiring interface information and generating a target interface according to the interface information;
the display module is used for acquiring dragging information and displaying a target component on the target interface according to the dragging information, wherein the target component is a component in a component list of the target interface;
the data acquisition module is used for acquiring interface configuration information of the target component and acquiring interface data according to the interface configuration information;
and the analysis module is used for carrying out cluster analysis on the interface data and displaying the interface data after the cluster analysis through the target assembly.
In a third aspect, an embodiment of the present application provides a terminal device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, where the processor implements any one of the steps of the interface display method when executing the computer program.
In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, where a computer program is stored, and when the computer program is executed by a processor, the steps of any one of the above interface display methods are implemented.
In a fifth aspect, an embodiment of the present application provides a computer program product, which, when running on a terminal device, causes the terminal device to execute any one of the interface display methods in the first aspect.
In the embodiment of the application, interface information is acquired, a target interface is generated according to the interface information, dragging information is acquired, a target component in a component list of the target interface is displayed on the target interface according to the dragging information, interface configuration information of the target component is acquired, interface data is acquired according to the interface configuration information, finally, the interface data is subjected to cluster analysis, the interface data subjected to the cluster analysis is displayed through the target component, therefore, user requirements are met by adding the target component on the interface, and adjustment efficiency of a visual interface of an internet product is improved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for the embodiments or the prior art descriptions will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings without creative efforts.
Fig. 1 is a first flowchart illustrating an interface display method according to an embodiment of the present disclosure;
fig. 2 is a second flowchart of an interface display method according to an embodiment of the present disclosure;
fig. 3 is a schematic structural diagram of an interface display device according to an embodiment of the present application;
fig. 4 is a schematic structural diagram of a terminal device according to an embodiment of the present application.
Detailed Description
In the following description, for purposes of explanation and not limitation, specific details are set forth, such as particular system structures, techniques, etc. in order to provide a thorough understanding of the embodiments of the present application. It will be apparent, however, to one skilled in the art that the present application may be practiced in other embodiments that depart from these specific details. In other instances, detailed descriptions of well-known systems, devices, circuits, and methods are omitted so as not to obscure the description of the present application with unnecessary detail.
It will be understood that the terms "comprises" and/or "comprising," when used in this specification and the appended claims, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof.
It should also be understood that the term "and/or" as used in this specification and the appended claims refers to and includes any and all possible combinations of one or more of the associated listed items.
As used in this specification and the appended claims, the term "if" may be interpreted contextually as "when", "upon" or "in response to" determining "or" in response to detecting ". Similarly, the phrase "if it is determined" or "if a [ described condition or event ] is detected" may be interpreted contextually to mean "upon determining" or "in response to determining" or "upon detecting [ described condition or event ]" or "in response to detecting [ described condition or event ]".
Furthermore, in the description of the present application and the appended claims, the terms "first," "second," "third," and the like are used for distinguishing between descriptions and not necessarily for describing or implying relative importance.
Fig. 1 is a schematic flowchart illustrating an interface display method in an embodiment of the present application, where an execution main body of the method may be a terminal device, and as shown in fig. 1, the interface display method may include the following steps:
and S101, acquiring interface information and generating a target interface according to the interface information.
In this embodiment, in order to create a visual interface meeting the user's requirements, for example, an interface used in an exhibition or a conference scene, an interface that can be operated by the user or a related worker needs to be created in advance, and for this, the terminal device may generate a corresponding operable target interface through the interface information acquired by the terminal device. The interface information includes, but is not limited to, an interface name, an interface enabling state, an interface description, and the like, and the interface enabling state may be a state of whether the interface is enabled. The target interface may be a blank interface or an interface in which a part of components or display contents exist.
Specifically, the terminal device may obtain corresponding interface information through the operation panel by a user, and the terminal device may further preset an interface template, and when a target interface needs to be generated at present, obtain the interface information in the template according to the interface template, so as to generate the corresponding target interface according to the interface information. It can be understood that the interface template can be a visual interface which needs to be adjusted currently by a user, so that the aim of continuously realizing the user requirement based on the current version is fulfilled, and the time for adjusting the visual interface is reduced.
And S102, acquiring dragging information, and displaying a target component on the target interface according to the dragging information, wherein the target component is a component in a component list of the target interface.
In this embodiment, a user may generate drag information by means of a drag component, and display the target component on a target interface according to the drag information. The target components include, but are not limited to, diagram type components including, but not limited to, basic tables, line graphs, bar graphs, pie charts, panels, etc., tool type components including, but not limited to, buttons, drop-down boxes, input boxes, etc., and composite components including, but not limited to, tables with query and page functions.
Specifically, the components in the component list may be used by dynamically introducing vue. component, and the terminal device may implement the component movement on the target interface by a mousedown method or a mouseview method, so as to continuously modify the position of the component according to the movement distance, so as to implement the effect that the component moves on the target interface along with the drag.
Specifically, when the layout adjustment is performed on the target interface, the layout adjustment page of the target interface may include a component list display area, a canvas and an attribute configuration area, where the canvas is equivalent to the display area of the target interface. When the terminal device detects that a user drags a target component in the component list display area, dragging information is generated, the dragged target component is displayed through the canvas, and after the target component is displayed, the user can enable the terminal device to acquire the clicking information in a mode of clicking the target interface, so that the arrangement and adjustment of the target interface or the component displayed on the target interface are achieved. In addition, the canvas can also store the target component and the attribute information corresponding to the target component in the component array through vueX by the ondrop method.
In an embodiment, after step S102, the terminal device may perform attribute configuration on the target interface according to click information of the user, for example, the terminal device may configure a size, a background picture, description information, a layer, and the like of the target interface, configure attributes of components on the target interface, and the like. The attribute configuration of the component on the target interface includes, but is not limited to, interface configuration, display configuration, and the like, so that interface configuration information and display configuration information of the component can be obtained, the terminal device can determine a data source of the component according to the interface configuration information, and can determine a display mode of display data of the component according to the display configuration information.
In one embodiment, the terminal device may determine a target identity code of the target component, for example, an ID number including a number and/or a letter, where the target identity codes of different target components are different, and store the target identity code in a preset component array, where the component array is used to store the identity codes of the components displayed on the target interface. Because the target identity codes of the target components in the component array are arranged in the order corresponding to the layers where the target components are located, a user can adjust the positions of the target identity codes in the component array through an operation panel, so that the terminal device is prompted to acquire position adjustment information of the target identity codes in the component array, and the layer positions of the target components on the target interface are adjusted according to the position adjustment information.
Specifically, the terminal device may generate the target identity code by using a math.
In an embodiment, the terminal device may obtain an interface scaling of the target interface, and adjust the display size of the target component according to the interface scaling, where the position of the target component changes along with the adjustment of the display size of the target component, for example, an x-axis position of a latest target component is equal to an x-axis position/interface scaling of a current target component.
In one embodiment, in the moving process of the target component, if the user operates the mouse to control the target component to move, the latest position of the target component may be determined according to the moving distance of the mouse, for example, if the current mouse moves to the right side of the target interface, the moving distance of the mouse in the x-axis direction and the relative distance between the target component and the left side of the target interface are obtained in real time, the position of the target component when the target component is not updated is determined according to the relative distance, and then the latest position of the target component is determined according to the moving distance of the mouse in the x-axis direction. In addition, the terminal device may determine whether a moving distance of the mouse exceeds a size of the target interface on the basis of the current position of the target component in the moving process of the target component, and if the moving distance of the mouse exceeds the size of the target interface, the moving distance of the mouse corresponding to the size of the target interface may be determined as the moving distance of the target component.
In one embodiment, after step S102, the method may further include: the method comprises the steps that the terminal equipment obtains key information generated by a user through an operation panel, judges information corresponding to the key information and preset conditions of the terminal equipment, determines operation information corresponding to the preset conditions when the key information meets the preset conditions, and operates the target assembly according to the operation information.
Illustratively, the terminal device may set the condition of copying the component to "ctrl + c" in advance, may set the condition of pasting the component to "ctrl + v", and may also set the condition of actions such as copying the component, pasting the component, setting the component to the top, deleting the component, locking the component, and the like to "pressing the right mouse button", and then further perform selection, thereby determining the corresponding operation information. It can be understood that the copying component may copy and store component information that needs to be copied in a temporary array, the pasting component may store the component information copied in the temporary array in a corresponding component array, the set-top component may move a position of the component that needs to be set on top in a component list to a last position or a first position, the locking component may lock the component that needs to be locked by setting, and perform a determination when operating the component, and if the component is determined to be in a locked state, not perform any operation on the component.
Step S103, acquiring interface configuration information of the target component, and acquiring interface data according to the interface configuration information.
In this embodiment, the terminal device may determine, by acquiring interface configuration information when performing attribute configuration on the target component, a data-acquirable interface corresponding to the target component according to the interface configuration information, so as to acquire interface data corresponding to the target component according to the interface, where the interface configuration information includes at least one interface.
In one embodiment, the terminal device may select an interface from a preset interface list in advance according to a user operation or a task requirement to obtain an interface data set, and accordingly, each target component of the target interface determines corresponding interface configuration information from the interface data set, so that the speed of determining the interface configuration information is increased by determining the interface data set corresponding to the task in advance and determining the interface configuration information corresponding to each target component from the interface data set. The interface configuration information can be determined by the user through the operation panel.
And step S104, performing cluster analysis on the interface data, and displaying the interface data after the cluster analysis through the target component.
In this embodiment, the terminal device performs cluster analysis and display on the interface data acquired from at least one interface, so that a user can view the data conveniently. It can be understood that, when there is a new demand for the object interface containing at least one object component with adjusted arrangement, the terminal device can continue to perform arrangement adjustment through the components according to the demand of the user on the basis of the new demand.
In one embodiment, the step S104 may include: and acquiring display configuration information of the target component, and displaying the interface data after the clustering analysis according to the display configuration information. For example, if the target component is a line drawing, it may determine display configuration information thereof, which includes, but is not limited to, whether a title of the line drawing is shown and a corresponding title style, a background and a border of the line drawing, whether an x-axis of the line drawing is shown and a corresponding x-axis style, whether a y-axis of the line drawing is shown and a corresponding y-axis style, whether a legend of the line drawing is shown and a legend style, a color matching of each line of the line drawing, and the like, so that the interface data after cluster analysis is displayed in a line drawing manner according to the display configuration information.
In one embodiment, as shown in fig. 2, the step S104 includes:
step S201, determining a value corresponding to each time in the interface data after the cluster analysis, and determining a standard value corresponding to each time.
In this embodiment, the value is an actual detection value at a certain time after the cluster analysis. The terminal equipment can predetermine an initial standard value and a normal increment of data corresponding to each moment, and calculate the standard value at the moment through the following formula:
(i-1) normal increment + initial standard value
Wherein i is the ith time.
Step S202, determining a target time according to the numerical value corresponding to each time and the standard value corresponding to each time, and displaying the target time in a preset manner, wherein the target time is a time when an absolute value of a difference between the standard value and the numerical value is greater than a preset error value.
In this embodiment, the terminal device may determine an actual distribution trend of the data according to the numerical values corresponding to each time, determine a standard distribution trend of the data according to the standard values corresponding to each time, compare the actual distribution trend and the standard distribution trend to check the distribution trend of the data to determine whether the data is abnormal, so that the time when the data is abnormal, that is, the target time, may be obtained through comparison, and finally display the target time in a preset manner to play a role of prompting, for example, display the target time in red. The preset mode may be a preset color, a preset pattern, or a preset highlight mode.
In an embodiment, after displaying the target time in a preset manner, the method may further include: the method comprises the steps that terminal equipment detects target moments within preset time, if at least two target moments exist within the preset time, task information of the target moments within the preset time is obtained, the task information includes but is not limited to numerical values, abnormal conditions and the like of the target moments, a trend graph is generated according to the task information, and the trend graph is displayed on a target interface, so that a user can conveniently check abnormal data within a certain time. The preset time can be set according to the user requirement, for example, a week, a month, a year, and the like.
Specifically, the terminal device may process the number of the target times in each time period within the preset time, so that the horizontal axis of the trend graph is each time period, and the vertical axis of the trend graph is the number of the target times corresponding to each time period, for example, when the preset time is 7 days, and each time period is divided by taking days as a unit, the number of the target times per day within 7 days is correspondingly displayed in the trend graph, and in addition, the task information of the target time corresponding to the position can be displayed by clicking a preset position in the trend graph.
In one embodiment, the terminal device may further perform data processing through a preset rule to determine data to be displayed in a preset manner, for example, the data displayed in the preset manner may be the most value, the mean value, the variance, and the like in the data.
In the embodiment of the application, interface information is acquired, a target interface is generated according to the interface information, dragging information is acquired, a target component in a component list of the target interface is displayed on the target interface according to the dragging information, interface configuration information of the target component is acquired, interface data is acquired according to the interface configuration information, finally, the interface data is subjected to cluster analysis, the interface data subjected to the cluster analysis is displayed through the target component, therefore, user requirements are met by adding the target component on the interface, and adjustment efficiency of a visual interface of an internet product is improved.
It should be understood that, the sequence numbers of the steps in the foregoing embodiments do not imply an execution sequence, and the execution sequence of each process should be determined by its function and inherent logic, and should not constitute any limitation to the implementation process of the embodiments of the present application.
Corresponding to the above-mentioned interface display method, fig. 3 is a schematic structural diagram of an interface display apparatus in an embodiment of the present application, and as shown in fig. 3, the interface display apparatus may include:
the information obtaining module 301 is configured to obtain interface information, and generate a target interface according to the interface information.
A display module 302, configured to obtain dragging information, and display a target component on the target interface according to the dragging information, where the target component is a component in a component list of the target interface.
A data obtaining module 303, configured to obtain interface configuration information of the target component, and obtain interface data according to the interface configuration information.
And the analysis module 304 is configured to perform cluster analysis on the interface data, and display the interface data after the cluster analysis through the target component.
In one embodiment, the interface display device may further include:
and the storage module is used for determining the target identity code of the target component and storing the target identity code into a preset component array, wherein the component array is used for storing the identity code of the component displayed on the target interface.
And the position adjusting module is used for acquiring position adjusting information of the target identity code in the component array and adjusting the layer position of the target component on the target interface according to the position adjusting information.
In one embodiment, the interface display device may further include:
and the size adjusting module is used for acquiring the interface scaling of the target interface and adjusting the display size of the target component according to the interface scaling.
In one embodiment, the analyzing module 304 may include:
and the display unit is used for acquiring the display configuration information of the target assembly and displaying the interface data after the clustering analysis according to the display configuration information.
In one embodiment, the analyzing module 304 may further include:
and the numerical value determining unit is used for determining the numerical value corresponding to each moment in the interface data after the cluster analysis and determining the standard value corresponding to each moment.
And a time determining unit, configured to determine a target time according to the numerical value corresponding to each time and the standard value corresponding to each time, and display the target time in a preset manner, where the target time is a time at which an absolute value of a difference between the standard value and the numerical value is greater than a preset error value.
In one embodiment, the analyzing module 304 may further include:
and the information acquisition unit is used for acquiring task information of the target time within the preset time if at least two target times exist within the preset time.
And the trend graph generating unit is used for generating a trend graph according to the task information and displaying the trend graph on the target interface.
In one embodiment, the interface display device may further include:
and the information determining module is used for acquiring the key information, determining the operation information corresponding to the preset condition when the key information meets the preset condition, and operating the target component according to the operation information.
In the embodiment of the application, interface information is acquired, a target interface is generated according to the interface information, dragging information is acquired, a target component in a component list of the target interface is displayed on the target interface according to the dragging information, interface configuration information of the target component is acquired, interface data is acquired according to the interface configuration information, finally, the interface data is subjected to cluster analysis, the interface data subjected to the cluster analysis is displayed through the target component, therefore, user requirements are met by adding the target component on the interface, and adjustment efficiency of a visual interface of an internet product is improved.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the apparatus and the module described above may refer to corresponding processes in the foregoing system embodiments and method embodiments, and are not described herein again.
Fig. 4 is a schematic structural diagram of a terminal device according to an embodiment of the present application. For convenience of explanation, only portions related to the embodiments of the present application are shown.
As shown in fig. 4, the terminal device 4 of this embodiment includes: at least one processor 400 (only one is shown in fig. 4), a memory 401 connected to the processor 400, and a computer program 402, such as an interface display program, stored in the memory 401 and executable on the at least one processor 400. The processor 400 executes the computer program 402 to implement the steps in the various embodiments of the interface display method, such as the steps S101 to S104 shown in fig. 1. Alternatively, the processor 400 executes the computer program 402 to implement the functions of the modules in the device embodiments, such as the modules 301 to 304 shown in fig. 3.
Illustratively, the computer program 402 may be divided into one or more modules, which are stored in the memory 401 and executed by the processor 400 to complete the present application. The one or more modules may be a series of computer program instruction segments capable of performing specific functions, which are used to describe the execution process of the computer program 402 in the terminal device 4. For example, the computer program 402 may be divided into an information acquisition module 301, a display module 302, a data acquisition module 303, and an analysis module 304, and the specific functions of the modules are as follows:
the information acquisition module 301 is configured to acquire interface information and generate a target interface according to the interface information;
a display module 302, configured to obtain dragging information, and display a target component on the target interface according to the dragging information, where the target component is a component in a component list of the target interface;
a data obtaining module 303, configured to obtain interface configuration information of the target component, and obtain interface data according to the interface configuration information;
and the analysis module 304 is configured to perform cluster analysis on the interface data, and display the interface data after the cluster analysis through the target component.
The terminal device 4 may include, but is not limited to, a processor 400 and a memory 401. Those skilled in the art will appreciate that fig. 4 is merely an example of the terminal device 4, and does not constitute a limitation of the terminal device 4, and may include more or less components than those shown, or combine some of the components, or different components, such as an input-output device, a network access device, a bus, etc.
The Processor 400 may be a Central Processing Unit (CPU), and the Processor 400 may be other general purpose processors, Digital Signal Processors (DSPs), Application Specific Integrated Circuits (ASICs), Field-Programmable Gate arrays (FPGAs) or other Programmable logic devices, discrete Gate or transistor logic devices, discrete hardware components, etc. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The storage 401 may be an internal storage unit of the terminal device 4 in some embodiments, for example, a hard disk or a memory of the terminal device 4. In other embodiments, the memory 401 may also be an external storage device of the terminal device 4, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like provided on the terminal device 4. Further, the memory 401 may include both an internal storage unit and an external storage device of the terminal device 4. The memory 401 is used for storing an operating system, an application program, a Boot Loader (Boot Loader), data, and other programs, such as program codes of the computer programs. The above-described memory 401 may also be used to temporarily store data that has been output or is to be output.
It will be apparent to those skilled in the art that, for convenience and brevity of description, only the above-mentioned division of the functional units and modules is illustrated, and in practical applications, the above-mentioned functions may be distributed as different functional units and modules according to needs, that is, the internal structure of the apparatus may be divided into different functional units or modules to implement all or part of the above-mentioned functions. Each functional unit and module in the embodiments may be integrated in one processing unit, or each unit may exist alone physically, or two or more units are integrated in one unit, and the integrated unit may be implemented in a form of hardware, or in a form of software functional unit. In addition, specific names of the functional units and modules are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present application. The specific working processes of the units and modules in the system may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again. In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and reference may be made to the related descriptions of other embodiments for parts that are not described or illustrated in a certain embodiment.
Those of ordinary skill in the art will appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware or combinations of computer software and electronic hardware. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus/terminal device and method may be implemented in other ways. For example, the above-described embodiments of the apparatus/terminal device are merely illustrative, and for example, the division of the above modules or units is only one logical function division, and there may be other division manners in actual implementation, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
The integrated unit may be stored in a computer-readable storage medium if it is implemented in the form of a software functional unit and sold or used as a separate product. Based on such understanding, all or part of the processes in the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer-readable storage medium and can implement the steps of the embodiments of the methods described above when the computer program is executed by a processor. The computer program includes computer program code, and the computer program code may be in a source code form, an object code form, an executable file or some intermediate form. The computer-readable medium may include at least: any entity or device capable of carrying computer program code to a photographing apparatus/terminal apparatus, a recording medium, computer Memory, Read-Only Memory (ROM), Random Access Memory (RAM), an electrical carrier signal, a telecommunications signal, and a software distribution medium. Such as a usb-disk, a removable hard disk, a magnetic or optical disk, etc. In certain jurisdictions, computer-readable media may not be an electrical carrier signal or a telecommunications signal in accordance with legislative and patent practice.
The above-mentioned embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not substantially depart from the spirit and scope of the embodiments of the present application and are intended to be included within the scope of the present application.
Claims (10)
1. An interface display method, comprising:
acquiring interface information, and generating a target interface according to the interface information;
acquiring dragging information, and displaying a target component on the target interface according to the dragging information, wherein the target component is a component in a component list of the target interface;
acquiring interface configuration information of the target component, and acquiring interface data according to the interface configuration information;
and performing cluster analysis on the interface data, and displaying the interface data after the cluster analysis through the target assembly.
2. The interface display method of claim 1, further comprising, after displaying a target component onto the target interface according to the drag information:
determining a target identity code of the target component, and storing the target identity code into a preset component array, wherein the component array is used for storing the identity code of the component displayed on the target interface;
and acquiring position adjustment information of the target identity code in the component array, and adjusting the layer position of the target component on the target interface according to the position adjustment information.
3. The interface display method of claim 1, further comprising, after displaying a target component onto the target interface according to the drag information:
and acquiring the interface scaling of the target interface, and adjusting the display size of the target component according to the interface scaling.
4. The interface display method of claim 1, wherein displaying the cluster-analyzed interface data through the target component comprises:
and acquiring display configuration information of the target assembly, and displaying the interface data after the clustering analysis according to the display configuration information.
5. The interface display method of claim 1, wherein displaying the cluster-analyzed interface data through the target component comprises:
determining a numerical value corresponding to each moment in the interface data after the clustering analysis, and determining a standard value corresponding to each moment;
and determining a target time according to the numerical value corresponding to each time and the standard value corresponding to each time, and displaying the target time in a preset mode, wherein the target time is the time when the absolute value of the difference between the standard value and the numerical value is greater than a preset error value.
6. The interface display method of claim 5, further comprising, after displaying the target time in a preset manner:
if at least two target moments exist in the preset time, task information of the target moments in the preset time is obtained;
and generating a trend graph according to the task information, and displaying the trend graph on the target interface.
7. The interface display method of claim 1, further comprising, after displaying a target component onto the target interface according to the drag information:
acquiring key information, determining operation information corresponding to a preset condition when the key information meets the preset condition, and operating the target assembly according to the operation information.
8. An interface display device, comprising:
the information acquisition module is used for acquiring interface information and generating a target interface according to the interface information;
the display module is used for acquiring dragging information and displaying a target component on the target interface according to the dragging information, wherein the target component is a component in a component list of the target interface;
the data acquisition module is used for acquiring interface configuration information of the target component and acquiring interface data according to the interface configuration information;
and the analysis module is used for carrying out cluster analysis on the interface data and displaying the interface data after the cluster analysis through the target assembly.
9. A terminal device comprising a memory, a processor and a computer program stored in said memory and executable on said processor, characterized in that said processor implements the steps of a method for displaying an interface according to any one of claims 1 to 7 when executing said computer program.
10. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, carries out the steps of an interface display method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210175067.3A CN114610201A (en) | 2022-02-24 | 2022-02-24 | Interface display method and device, terminal equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210175067.3A CN114610201A (en) | 2022-02-24 | 2022-02-24 | Interface display method and device, terminal equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114610201A true CN114610201A (en) | 2022-06-10 |
Family
ID=81859351
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210175067.3A Pending CN114610201A (en) | 2022-02-24 | 2022-02-24 | Interface display method and device, terminal equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114610201A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115543155A (en) * | 2022-09-20 | 2022-12-30 | 广东畅视科技有限公司 | Display configuration method and device, electronic equipment and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150254369A1 (en) * | 2014-03-07 | 2015-09-10 | Microsoft Corporation | Direct manipulation interface for data analysis |
| US20170004638A1 (en) * | 2015-07-01 | 2017-01-05 | Oracle International Corporation | Chart data-binding design time user experience with dynamic sample generation |
| CN109725806A (en) * | 2018-12-28 | 2019-05-07 | 北京小米移动软件有限公司 | Website edit methods and device |
| US20200192641A1 (en) * | 2018-12-13 | 2020-06-18 | Sap Se | Dashboard User Interface for Data Driven Applications |
| CN112269527A (en) * | 2020-11-16 | 2021-01-26 | Oppo广东移动通信有限公司 | Application interface generation method and related device |
| CN112948039A (en) * | 2021-02-25 | 2021-06-11 | 广州市百果园网络科技有限公司 | Page display method, device, equipment and storage medium |
| CN113342249A (en) * | 2021-06-29 | 2021-09-03 | 平安消费金融有限公司 | Content management method, device, equipment and storage medium capable of previewing in real time |
| CN114035793A (en) * | 2021-12-13 | 2022-02-11 | 中国平安财产保险股份有限公司 | Page generation method, page generation device, equipment and storage medium |
-
2022
- 2022-02-24 CN CN202210175067.3A patent/CN114610201A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150254369A1 (en) * | 2014-03-07 | 2015-09-10 | Microsoft Corporation | Direct manipulation interface for data analysis |
| US20170004638A1 (en) * | 2015-07-01 | 2017-01-05 | Oracle International Corporation | Chart data-binding design time user experience with dynamic sample generation |
| US20200192641A1 (en) * | 2018-12-13 | 2020-06-18 | Sap Se | Dashboard User Interface for Data Driven Applications |
| CN109725806A (en) * | 2018-12-28 | 2019-05-07 | 北京小米移动软件有限公司 | Website edit methods and device |
| CN112269527A (en) * | 2020-11-16 | 2021-01-26 | Oppo广东移动通信有限公司 | Application interface generation method and related device |
| CN112948039A (en) * | 2021-02-25 | 2021-06-11 | 广州市百果园网络科技有限公司 | Page display method, device, equipment and storage medium |
| CN113342249A (en) * | 2021-06-29 | 2021-09-03 | 平安消费金融有限公司 | Content management method, device, equipment and storage medium capable of previewing in real time |
| CN114035793A (en) * | 2021-12-13 | 2022-02-11 | 中国平安财产保险股份有限公司 | Page generation method, page generation device, equipment and storage medium |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115543155A (en) * | 2022-09-20 | 2022-12-30 | 广东畅视科技有限公司 | Display configuration method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR101811464B1 (en) | Spin control user interface for selecting options | |
| DE102008028223B4 (en) | Mode-dependent processing of touch data | |
| US20030067497A1 (en) | Method and device for modifying a pre-existing graphical user interface | |
| US20120159383A1 (en) | Customization of an immersive environment | |
| US20120167005A1 (en) | Creating an immersive environment | |
| US9448705B2 (en) | Configuring graphical displays | |
| DE112018002775T5 (en) | METHOD AND DEVICE FOR DETECTING PLANES AND / OR QUADTREES FOR USE AS A VIRTUAL SUBSTRATE | |
| US20080104529A1 (en) | Draggable legends for sql driven graphs | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| US10908764B2 (en) | Inter-context coordination to facilitate synchronized presentation of image content | |
| DE102017102691A1 (en) | Perform actions in response to hovering over an input surface | |
| CN114610201A (en) | Interface display method and device, terminal equipment and storage medium | |
| US20120072820A1 (en) | Systems and Computer Program Products for Conducting Multi-Window Multi-Aspect Processing and Calculations | |
| EP3769184A1 (en) | Setting up multiple displays via user input | |
| US10241651B2 (en) | Grid-based rendering of nodes and relationships between nodes | |
| CN111796746A (en) | Volume adjusting method, volume adjusting device and electronic equipment | |
| CN107679219B (en) | Matching method and device, interactive intelligent panel and storage medium | |
| CN113360060B (en) | Task realization method and device and electronic equipment | |
| CN114138395A (en) | Application management method and device and electronic equipment | |
| US20220358258A1 (en) | Computer-aided design methods and systems | |
| CN113360064A (en) | Method and device for searching local area of picture, medium and electronic equipment | |
| CN114115639A (en) | Interface control method and device, electronic equipment and storage medium | |
| CN109766093B (en) | Method and device for collaborative real-time editing, electronic equipment and storage medium | |
| WO2020093329A1 (en) | Data input method for terminal device, terminal device, and storage medium | |
| CN115220628B (en) | Element dragging method and device, electronic equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220610 |
|
| RJ01 | Rejection of invention patent application after publication |