CN111752557A - Display method and device - Google Patents
Display method and device Download PDFInfo
- Publication number
- CN111752557A CN111752557A CN201910239091.7A CN201910239091A CN111752557A CN 111752557 A CN111752557 A CN 111752557A CN 201910239091 A CN201910239091 A CN 201910239091A CN 111752557 A CN111752557 A CN 111752557A
- Authority
- CN
- China
- Prior art keywords
- display
- display elements
- standard
- attribute information
- elements
- 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
Images
Classifications
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a display method and a display device, relates to the technical field of computers, and mainly aims to provide a simple design scheme for large-screen display for non-professional users and improve the efficiency of large-screen design. The main technical scheme of the invention is as follows: acquiring a design draft containing a plurality of display elements; identifying attribute information of display elements in the design draft; and generating a display diagram containing standard display elements according to the attribute information. The invention is mainly used for constructing the display diagram of the large screen.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a display method and a display device.
Background
With the advent of the big data age, more and more companies become aware of the management and application of data resources, and big data visualization large screen display is favored by more enterprises. The existing large display screen can be designed into large screens with different styles according to different requirements and cultures of different users, the design of the large display screen generally needs a professional UI design (User interface design) team to carry out customized design aiming at enterprise requirements, including typesetting, layout, programming and the like of the large screen, and most enterprises can not engage professional design teams under most conditions when designing the large screen, but the large display screen is manufactured by using a design template based on the industry, and the patterned large display screen hardly reflects the individual display requirements, the use habits and the like of the users.
Disclosure of Invention
In view of the above problems, the present invention provides a display method and apparatus, and mainly aims to provide a simple design scheme for large screen display for non-professional users, and improve the efficiency of large screen design.
In order to achieve the purpose, the invention mainly provides the following technical scheme:
in one aspect, the present invention provides a display method, specifically including:
acquiring a design draft containing a plurality of display elements;
identifying attribute information of display elements in the design draft;
and generating a display diagram containing standard display elements according to the attribute information.
In another aspect, the present invention provides a display device, which specifically includes:
an acquisition unit configured to acquire a design draft including a plurality of display elements;
the identification unit is used for identifying the attribute information of the display elements in the design draft acquired by the acquisition unit;
and the generating unit is used for generating a display picture containing standard display elements according to the attribute information obtained by the identifying unit.
On the other hand, the invention provides an information display method, which specifically comprises the following steps:
acquiring an initial draft containing a plurality of display elements;
identifying attribute information of display elements in the initial draft;
and generating a display interface containing standard display elements according to the attribute information.
In another aspect, the present invention provides a storage medium, where the storage medium is used to store a computer program, where the computer program controls, when running, a device in which the storage medium is located to execute the presentation method according to the embodiment of the present invention.
In another aspect, the present invention provides an electronic device, where the electronic device includes a processor and a memory, and the processor is configured to call program instructions in the memory to execute the presentation method according to the embodiment of the present invention.
By means of the technical scheme, the display method and the display device provided by the invention have the advantages that the corresponding standard display elements are determined by identifying the attribute information of the display elements in the design draft, and the new display diagram is created based on the standard display elements, so that the automatic creation of the display diagram is realized, the dependence of the display diagram on the graphic design skill is greatly reduced, and the display diagram can be rapidly created by a common user according to the self requirement. When the scheme is applied to the design of the visual large screen, the invention can utilize the target detection model to identify the design draft of the visual large screen provided by the user, and rearrange and arrange the diagram required to be displayed in the visual large screen according to the identification result to obtain the display diagram of the visual large screen meeting the requirements of the user. Compared with the existing design mode of the visual large screen, the design draft provided by the user has no technical requirements, and can be a screenshot in a webpage or a hand-drawn picture of the user, so that the requirements of the visual large screen design on the user specialty are reduced, more users who master the plane design or the specialty can freely exert the creativity of the users, the display requirements of the users on the large screen are provided, the required visual large screen can be automatically generated, and meanwhile, the design efficiency of the visual large screen display picture is improved.
The foregoing description is only an overview of the technical solutions of the present invention, and the embodiments of the present invention are described below in order to make the technical means of the present invention more clearly understood and to make the above and other objects, features, and advantages of the present invention more clearly understandable.
Drawings
Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. Also, like reference numerals are used to refer to like parts throughout the drawings. In the drawings:
fig. 1 shows a flow chart of a presentation method according to an embodiment of the present invention;
FIG. 2 illustrates a hand sketch in an embodiment of the present invention;
fig. 3 shows a material cut-out draft in an embodiment of the present invention;
FIG. 4 is a flow chart of another presentation method proposed by the embodiment of the present invention;
FIG. 5 is a block diagram of a display apparatus according to an embodiment of the present invention;
fig. 6 shows a block diagram of another display device according to an embodiment of the present invention.
Detailed Description
Exemplary embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the invention are shown in the drawings, it should be understood that the invention can be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art.
The display method provided by the embodiment of the invention can help a user to quickly and simply generate the technical scheme of the data display diagram, and for the user, the user does not need to master professional skills required by design graphic design, such as typesetting, layout and other plane design skills, and only needs to provide a design sketch or material pictures containing display elements required by the user to correspondingly output the required data display diagram. The specific steps are shown in fig. 1, and comprise:
The design draft is an image input by a user according to self requirements, and the image at least comprises a plurality of display elements for displaying data. Specifically, the design drawings may be hand drawings of the user as shown in fig. 2, or large screen material drawings provided by the user as shown in fig. 3. These design drawings are drawn by the user's hand or retrieved on the web page according to the user's own business requirements, and as can be seen from the design drawings shown in fig. 2 and 3, the drawings all have a plurality of diagrams, such as different types and sizes of pie charts, bar charts, line charts, etc. in the present invention, a diagram is one of the display elements, and in addition, the display element may also be a specific image identifier, such as a portrait, a building, etc. The display elements in the present invention are graphic elements having a data display function.
The invention collects the design draft provided by the user, and creates a new display drawing according to the structure of the design draft by analyzing the display elements contained in the design draft. The specific implementation of the method is not limited to the collection of the design drawings by an image collection device, such as a camera, or by a terminal (into which the user introduces the design drawings).
And 102, identifying the attribute information of the display elements in the design draft.
In this step, display elements in the design draft are identified based on the existing image identification technology, and attribute information of each display element, such as the type of the display element, the position and size of the display element in the design draft, and the like, is determined.
Furthermore, in the existing image recognition technology, it is common to recognize images by using trained models, and in this step, a priority scheme for recognizing the design draft is to recognize attribute information of display elements in the design draft by using a target detection model trained based on a neural network. When the display element is a chart, the target detection model is mainly used for detecting the charts of a plurality of display data contained in the design draft and outputting attribute information of the identified charts, wherein the attribute information comprises information such as the type of the charts, the relative position and size in the design draft, the used color matching and the like. In the embodiment of the invention, an image recognition algorithm adopted by the target detection model is not particularly limited, such as neural network image recognition, image recognition based on wavelet moment, infrared image recognition method based on fractal characteristics and the like.
Through the execution of the step, the display elements contained in the plurality of design drawings and the parameter information such as the types, the positions, the sizes and the like of the display elements can be identified at the same time.
And 103, generating a display diagram containing standard display elements according to the attribute information.
In order to generate a display diagram of data, corresponding standard display elements need to be added to a specified display diagram, wherein the added standard display elements are not limited to standard display elements generated by drawing according to the attribute information or standard display elements which are matched from a specified component library and are closest to the attribute information. In practical applications, because the time required for drawing a plurality of standard display elements is long, in order to increase the response time for generating a display diagram, a preset component library is often adopted, and a mode of matching approximate standard display elements is adopted.
It should be noted that, since the size of the data display diagram may be preset, the size ratio of the design diagram and the data display diagram may be different, so that a position and a size shift may occur when the standard display elements are laid out in the display diagram.
As can be seen from the foregoing embodiments, the display method provided in the embodiments of the present invention can automatically generate a new data display drawing according to the design drawing provided by the user. For a user, the embodiment of the invention reduces the threshold of designing the data display diagram by the user, and enables the user without professional graphic design knowledge to conveniently design the required data display diagram, so that the invention can stimulate the creativity of designing the data display diagram by the user, and can directly convert the idea into the display diagram through the hand-drawing diagram, thereby being capable of applying the data display diagram to more application fields, and particularly improving the application popularity of the visual large screen in the field of the visual large screen.
Further, in order to improve the recognition accuracy of the design drawings provided by the user, in a preferred embodiment of the present invention, the target detection model used in the method is obtained by training a convolutional neural network. For this reason, before executing the steps shown in fig. 1, it is necessary to obtain samples for training the target detection model, and then train the target detection model, which includes the following specific processes:
firstly, a display picture sample carrying annotation information is obtained.
The display chart sample carries labeling information at least comprising: the type of the display element, the position in the display figure, the size and other information. The position comprises the position of an identification coordinate point of the display element in the display diagram, such as a point at the upper left corner of the display element, or a central point of the display element; the size includes the area occupied by the display element in the display diagram, and the size information of the display element is generally determined by the length and height values of the display element.
In addition, in this embodiment, the data display diagram samples are mainly divided into two types, one type is a screenshot sample, the sample is a screenshot captured from a page for displaying data, as shown in fig. 3, the sample mainly comes from a large screen material of a design website, a large screen image in a movie screenshot, and the like, in the sample, display elements in the diagram are labeled to form labeling information, and the labeling information mainly includes information such as types of the display elements, positions and sizes of the display elements in the display diagram, and color matching of the display elements. That is, at least a plurality of sets of annotation information of the display elements are provided in a screenshot sample for annotating the content of the display elements and the structural relationship between the display elements and the display diagram.
The other type is a hand-drawn sample, and most of the samples are data display drawings manually drawn by different users through uploading, as shown in fig. 2. The samples of this type also carry labeling information corresponding to information such as types, positions, sizes, etc., and since the hand drawing generally only depicts the types, positions, sizes of the charts in the large screen and does not particularly limit specific color matching, color matching information is generally not labeled in the hand drawing sample book.
Secondly, the target detection model is trained by using the display diagram sample.
In this embodiment, when training the target detection model, it is preferable to use the Faster R-CNN network for training. The Fast R-CNN is an improved target detection algorithm based on R-CNN and Fast R-CNN, and the efficiency of determining candidate frames in an image is improved by adding a neural Network for extracting edges, namely, a Regional Proxy Network (RPN) is introduced into the Fast R-CNN to replace a Selective Search, and an anchor box is introduced to deal with the problem of change of a target shape (the anchor is a box with fixed position and size, and can be understood as a fixed pro-Search which is set in advance). Therefore, the use of fast R-CNN for target detection is one of the mainstream target detection methods at present, which has the advantages of high precision, high speed, simple detection process and the like. The main principle and the detection flow are not described in detail herein.
Further, in order to generate a data display diagram more meeting the user's requirement, when step 103 shown in fig. 1 is executed, a preferred embodiment of the present invention may perform local adjustment on the generated display diagram to obtain a better visual effect, specifically:
firstly, the type of the display element in the attribute information is used for acquiring a standard display element of a corresponding type.
The standard display elements are display elements of specified types in a component library, the component library is a preset display element set based on the invention, the component library is provided with the standard display elements of common types, and the corresponding standard display elements can be matched according to the identified display element types.
And secondly, according to the position and the size of the display elements in the attribute information in the design draft, laying out the standard display elements in a preset display screen to obtain a display picture.
During layout, the layout operation is mainly performed on a plurality of standard display elements, and each standard display element is added to a display diagram of a preset display screen according to the identified position and size.
In the specific layout, when the standard display elements in the preset display screen are judged to be displayed in an overlapped mode, the positions and the sizes of the standard display elements are adjusted according to a preset strategy, and therefore the standard display elements cannot be interfered with one another. The preset strategy can be set individually according to a specific application scenario and a specific industry, for example, the position of the chart can be adjusted first, if an overlapping condition still exists, the size of the chart can be adjusted, the display proportion of the overlapped standard display elements can be reduced directly according to the proportion of the overlapped part in the whole standard display element, and then the position adjustment operation such as alignment is performed.
Therefore, the display diagram obtained by the invention is a new diagram consisting of a plurality of standard display elements selected from the component library, based on the display diagram, a user can add data into the corresponding standard display elements to obtain a data diagram to be displayed, and finally the display diagram is displayed through a preset display screen.
Further, for the generated display diagram, because the standard display elements in the display diagram are generated based on the design draft provided by the user, there may be a certain deviation in the display effect, in another embodiment of the present invention, after the display diagram is generated, the layout of each standard display element in the display diagram can be manually adjusted in combination with an adjustment instruction of the user, where the adjustment operation includes, but is not limited to, modifying the type of the standard display element, adding and deleting the standard display element, dragging the position of the standard display element, adjusting the size, and the like, and the adjustment operation of the user may receive the adjustment instruction of the user in a manner of an interactive interface.
Further, one main application scenario of the display method in the above embodiment is a large visual screen, and data is displayed through the large visual screen, and correspondingly, the display elements in the above embodiment are charts, specifically, such as a line graph, a bar graph, a pie graph, and the like shown in fig. 3. In this scenario, in the above embodiment, the design drawings are visual large-screen design drawings, and the drawings may be hand drawings or large-screen material screenshots. Then, the standard display element is a standard chart in a preset component library, and when the step of generating the display chart containing the standard display element according to the attribute information is executed, the specific implementation is as follows:
firstly, extracting a corresponding standard chart from a preset component library according to the attribute information of the chart.
The attribute information of the chart is based on the attribute information of each chart identified in the design draft, and then the corresponding standard chart is matched in the preset component library aiming at each chart.
And secondly, generating a display diagram based on the configuration information of the large visual screen and the standard chart.
The configuration information of the large visual screen comprises hardware configuration information and software configuration information of the large visual screen, the hardware configuration information can determine information such as the size and the resolution of the display diagram, and the software configuration information can determine information such as a data interface of the display diagram. And based on the configuration information of the large visual screen, performing layout and typesetting on the standard chart in the large visual screen, and finally generating a display diagram displayed in the large visual screen.
In summary, the present invention provides a preferred embodiment of a display method applied to a large visual screen, specifically as shown in fig. 4, including:
And step 203, acquiring a design draft of the visual large screen.
And step 204, recognizing the design drawings by using the target detection model to obtain attribute information of a plurality of data display charts in the visual large screen.
And step 205, acquiring a standard chart of a corresponding type from a preset component library by using the chart type in the attribute information.
And step 206, according to the position and the size of the chart in the attribute information and the configuration information of the large visual screen, the standard chart is laid out in the large visual screen to obtain a display chart of the large visual screen.
And step 207, performing adjustment operation on the chart contained in the display diagram according to the received adjustment instruction.
And finally outputting a display picture of the visual large screen which meets the requirements of the user after adjustment.
Further, an information display method provided by the embodiment of the present invention is used for visually displaying data information, and the specific steps are as follows:
first, an initial draft containing a plurality of display elements is obtained.
And secondly, identifying the attribute information of the display elements in the initial draft.
And finally, generating a display interface containing standard display elements according to the attribute information.
In an embodiment of the present invention, the initial drawing may include the design drawing in the embodiment of fig. 1, and the display interface may include the display drawing in the embodiment of fig. 1, a specific step description, and an execution logic between the steps, which are described in detail in the embodiment of fig. 1 and are not described again here.
In addition, the further expansion description of the embodiment in fig. 1 can also be correspondingly applied to the information displaying method in this embodiment, and specific reference is made to the above description, which is not repeated herein.
Further, as an implementation of the method shown in fig. 1 and fig. 4, an embodiment of the present invention provides a display apparatus, which is mainly used for recognizing a design draft of a large visual screen provided by a user, and reconstructing a display diagram of the large visual screen required by the user according to a recognition result, so as to simplify the design difficulty of the large visual screen. For convenience of reading, details in the foregoing method embodiments are not described in detail again in this apparatus embodiment, but it should be clear that the apparatus in this embodiment can correspondingly implement all the contents in the foregoing method embodiments. As shown in fig. 5, the apparatus specifically includes:
an acquisition unit 31 for acquiring a design draft including a plurality of display elements;
an identifying unit 32 configured to identify attribute information of a display element in the design drawing obtained by the obtaining unit 31;
and a generating unit 33, configured to generate a presentation diagram including standard display elements according to the attribute information obtained by the identifying unit 32.
Further, the identifying unit 32 is specifically configured to identify attribute information of a display element in the design drawing by using a target detection model trained based on a neural network.
Further, as shown in fig. 6, the apparatus further includes:
the sample collection unit 34 is configured to obtain a display diagram sample carrying annotation information, where the annotation information at least includes: the type of the display element, the position and the size of the display element in the display diagram;
and a model training unit 35, configured to train the target detection model by using the display image sample obtained by the sample acquisition unit 34.
Further, as shown in fig. 6, the attribute information of the display element at least includes a type of the display element, a position and a size of the display element in the design draft, and the generating unit 33 includes:
an obtaining module 331, configured to obtain a standard display element of a corresponding type by using the type of the display element;
the generating module 332 is configured to lay out the standard display elements obtained by the obtaining module 331 in a preset display screen according to the positions and sizes of the display elements in the design draft to obtain the display drawing.
Further, the generating module 332 is further configured to:
judging whether the standard display elements laid out in the preset display screen are displayed in an overlapping mode or not;
if the display scale of the standard display elements is larger than the display scale of the standard display elements, the display scales of the standard display elements are smaller.
Further, as shown in fig. 6, the apparatus further includes:
an adjusting unit 36, configured to perform, according to the received adjustment instruction, an adjustment operation on a standard display element included in the display diagram obtained by the generating unit 33, where the adjustment operation includes: and modifying at least one operation of the type, the position, the size and the color of the standard display element.
Further, when the device is applied to a large visual screen, the display elements are charts for displaying real-time data;
in the generating unit 33, the obtaining module 331 is further configured to extract a corresponding standard chart from a preset component library according to the attribute information of the chart;
the generating module 332 is further configured to generate the display diagram based on the configuration information of the large visualization screen and a standard chart.
In summary, the display method and apparatus provided in the embodiments of the present invention identify a design draft provided by a user, detect design information such as types, positions, sizes, and the like of charts contained in the design draft, and use the design information in combination with a preset component library to select a matching chart, thereby constructing a new visual large-screen display diagram, so that the user can design a required large-screen display diagram more easily, and meanwhile, in order to provide more free creativity for the user, the present invention further receives an adjustment instruction of the user for a single chart in the large-screen display diagram through an interactive interface, so that the large-screen display diagram is more beautiful and better meets the user's own requirements.
Further, an embodiment of the present invention further provides a processor, where the processor is configured to execute a program, where the program when executed causes the processor to execute the presentation method according to the embodiment of fig. 1 or fig. 4.
In addition, an embodiment of the present invention further provides an electronic device, where the electronic device includes a processor and a memory, the memory is used for storing a program, and the processor is coupled to the memory and is used for running the program to execute the demonstration method according to the embodiment in fig. 1 or fig. 4.
In the foregoing embodiments, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
It will be appreciated that the relevant features of the method and apparatus described above are referred to one another. In addition, "first", "second", and the like in the above embodiments are for distinguishing the embodiments, and do not represent merits of the embodiments.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
The algorithms and displays presented herein are not inherently related to any particular computer, virtual machine, or other apparatus. Various general purpose systems may also be used with the teachings herein. The required structure for constructing such a system will be apparent from the description above. Moreover, the present invention is not directed to any particular programming language. It is appreciated that a variety of programming languages may be used to implement the teachings of the present invention as described herein, and any descriptions of specific languages are provided above to disclose the best mode of the invention.
In addition, the memory may include volatile memory in a computer readable medium, Random Access Memory (RAM) and/or nonvolatile memory such as Read Only Memory (ROM) or flash memory (flash RAM), and the memory includes at least one memory chip.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). The memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in the process, method, article, or apparatus that comprises the element.
As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The above are merely examples of the present application and are not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.
Claims (18)
1. A method of displaying, the method comprising:
acquiring a design draft containing a plurality of display elements;
identifying attribute information of display elements in the design draft;
and generating a display diagram containing standard display elements according to the attribute information.
2. The method of claim 1, wherein identifying attribute information for display elements in the design draft comprises:
and identifying attribute information of display elements in the design draft by using a target detection model based on neural network training.
3. The method of claim 2, further comprising:
obtaining a display picture sample carrying annotation information, wherein the annotation information at least comprises: the type of the display element, the position and the size of the display element in the display diagram;
training the target detection model using the display map sample.
4. The method according to claim 1, wherein the attribute information of the display elements at least includes types of the display elements, positions and sizes of the display elements in the design draft, and the generating of the presentation graph with the standard display elements according to the attribute information includes:
acquiring a standard display element of a corresponding type by using the type of the display element;
and according to the position and the size of the display element in the design draft, the standard display element is laid out in a preset display screen to obtain the display drawing.
5. The method according to claim 4, wherein the step of laying out the standard display elements in a preset display screen according to the positions and sizes of the display elements in the design draft specifically comprises:
judging whether the standard display elements laid out in the preset display screen are displayed in an overlapping mode or not;
if the display scale of the standard display elements is larger than the display scale of the standard display elements, the display scales of the standard display elements are smaller.
6. The method of claim 3, wherein the presentation graph sample comprises: the method comprises a screenshot sample and a hand drawing sample, wherein the labeling information in the screenshot sample further comprises screenshot color matching information and display element color matching information.
7. The method of claim 1, further comprising:
performing adjustment operation on standard display elements contained in the display diagram according to the received adjustment instruction, wherein the adjustment operation comprises the following steps: and modifying at least one operation of the type, the position, the size and the color of the standard display element.
8. The method according to any one of claims 1-7, wherein when the method is applied to a large visual screen, the display element is a chart showing data;
generating a display diagram containing standard display elements according to the attribute information, wherein the generating comprises the following steps:
extracting a corresponding standard chart from a preset component library according to the attribute information of the chart;
and generating the display diagram based on the configuration information of the visualization large screen and a standard chart.
9. A display device, the device comprising:
an acquisition unit configured to acquire a design draft including a plurality of display elements;
the identification unit is used for identifying the attribute information of the display elements in the design draft acquired by the acquisition unit;
and the generating unit is used for generating a display picture containing standard display elements according to the attribute information obtained by the identifying unit.
10. The apparatus according to claim 9, wherein the recognition unit is specifically configured to recognize the attribute information of the display elements in the design draft by using a target detection model trained based on a neural network.
11. The apparatus of claim 10, further comprising:
the sample acquisition unit is used for acquiring a display picture sample carrying annotation information, wherein the annotation information at least comprises: the type of the display element, the position and the size of the display element in the display diagram;
and the model training unit is used for training the target detection model by using the display image sample acquired by the sample acquisition unit.
12. The apparatus according to claim 9, wherein the attribute information of the display element includes at least a type of the display element, a position and a size of the display element in the design draft, and the generating unit includes:
the acquisition module is used for acquiring the standard display elements of the corresponding types by using the types of the display elements;
and the generating module is used for distributing the standard display elements obtained by the obtaining module in a preset display screen according to the positions and sizes of the display elements in the design draft to obtain the display drawing.
13. The apparatus of claim 12, wherein the generating module is further configured to:
judging whether the standard display elements laid out in the preset display screen are displayed in an overlapping mode or not;
if the display scale of the standard display elements is larger than the display scale of the standard display elements, the display scales of the standard display elements are smaller.
14. The apparatus of claim 9, further comprising:
an adjusting unit, configured to perform, according to a received adjustment instruction, an adjustment operation on a standard display element included in the display diagram obtained by the generating unit, where the adjustment operation includes: and modifying at least one operation of the type, the position, the size and the color of the standard display element.
15. The device according to any one of claims 9-14, wherein when the device is applied to a large visual screen, the display element is a chart showing data;
the generation unit is further configured to:
the acquisition module is used for extracting a corresponding standard chart from a preset component library according to the attribute information of the chart;
the generation module is used for generating the display diagram based on the configuration information of the visualization large screen and a standard chart.
16. An information presentation method, the method comprising:
acquiring an initial draft containing a plurality of display elements;
identifying attribute information of display elements in the initial draft;
and generating a display interface containing standard display elements according to the attribute information.
17. A storage medium for storing a computer program, wherein the computer program controls an apparatus in which the storage medium is located to execute the presentation method according to any one of claims 1 to 8 when the computer program runs.
18. An electronic device, comprising a processor and a memory, wherein the processor is configured to call program instructions in the memory to execute the presentation method of any one of claims 1 to 8.
Priority Applications (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910239091.7A CN111752557A (en) | 2019-03-27 | 2019-03-27 | Display method and device |
| PCT/CN2020/079436 WO2020192463A1 (en) | 2019-03-27 | 2020-03-16 | Display method and apparatus |
| SG11202109770U SG11202109770UA (en) | 2019-03-27 | 2020-03-16 | Display method and apparatus |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910239091.7A CN111752557A (en) | 2019-03-27 | 2019-03-27 | Display method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111752557A true CN111752557A (en) | 2020-10-09 |
Family
ID=72609171
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910239091.7A Pending CN111752557A (en) | 2019-03-27 | 2019-03-27 | Display method and device |
Country Status (3)
| Country | Link |
|---|---|
| CN (1) | CN111752557A (en) |
| SG (1) | SG11202109770UA (en) |
| WO (1) | WO2020192463A1 (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112751836A (en) * | 2020-12-24 | 2021-05-04 | 华人运通(上海)云计算科技有限公司 | Vehicle data display method, device, storage medium and system |
| CN114143477A (en) * | 2021-12-06 | 2022-03-04 | 北京淳中科技股份有限公司 | Image annotation method and device |
Families Citing this family (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112685489A (en) * | 2020-12-21 | 2021-04-20 | 珠海格力电器股份有限公司 | Data display method, device, terminal, storage medium and processor |
| CN113590997B (en) * | 2020-12-30 | 2024-05-17 | 绿盟科技集团股份有限公司 | Data display method and device |
| CN112906086A (en) * | 2021-02-02 | 2021-06-04 | 广东博智林机器人有限公司 | Model display method and device, electronic equipment and computer readable storage medium |
| CN112926108A (en) * | 2021-02-22 | 2021-06-08 | 杭州优工品科技有限公司 | Industrial component visual customization method and device and storage medium |
| CN112966160A (en) * | 2021-03-08 | 2021-06-15 | 浪潮云信息技术股份公司 | Template-based multi-slide page large-screen display method and device |
| CN113791783B (en) * | 2021-09-14 | 2022-11-29 | 科东(广州)软件科技有限公司 | Control generation method, device, equipment and storage medium |
| CN115098163B (en) * | 2022-08-29 | 2022-11-15 | 塬数科技(无锡)有限公司 | Multi-terminal adaptation method based on configuration visualization product |
| CN116863054A (en) * | 2023-07-18 | 2023-10-10 | 上海秉匠信息科技有限公司 | Method, device, equipment and storage medium for generating three-dimensional visual scene |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005293042A (en) * | 2004-03-31 | 2005-10-20 | Hitachi Ltd | Piping drawing recognition method, piping drawing recognition device, and program therefor |
| CN103605970A (en) * | 2013-12-02 | 2014-02-26 | 华中师范大学 | Drawing architectural element identification method and system based on machine learning |
| CN103970750A (en) * | 2013-01-25 | 2014-08-06 | 腾讯科技（深圳）有限公司 | Method and device for generating HTML (Hypertext Markup Language) web pages |
| CN104737160A (en) * | 2012-10-15 | 2015-06-24 | 微软公司 | Pictures from sketches |
| CN105700791A (en) * | 2016-03-04 | 2016-06-22 | 沈阳天择智能交通工程有限公司 | Road traffic accident field sketch recognizing and drawing method |
| CN109359366A (en) * | 2018-09-30 | 2019-02-19 | 中民筑友科技投资有限公司 | A kind of automatic identifying method, device, equipment and the storage medium of electromechanical mark |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8600164B2 (en) * | 2008-03-28 | 2013-12-03 | Smart Technologies Ulc | Method and tool for recognizing a hand-drawn table |
| CN108804093A (en) * | 2018-06-15 | 2018-11-13 | 联想(北京)有限公司 | A kind of code generating method and electronic equipment |
-
2019
- 2019-03-27 CN CN201910239091.7A patent/CN111752557A/en active Pending
-
2020
- 2020-03-16 SG SG11202109770U patent/SG11202109770UA/en unknown
- 2020-03-16 WO PCT/CN2020/079436 patent/WO2020192463A1/en active Application Filing
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005293042A (en) * | 2004-03-31 | 2005-10-20 | Hitachi Ltd | Piping drawing recognition method, piping drawing recognition device, and program therefor |
| CN104737160A (en) * | 2012-10-15 | 2015-06-24 | 微软公司 | Pictures from sketches |
| CN103970750A (en) * | 2013-01-25 | 2014-08-06 | 腾讯科技（深圳）有限公司 | Method and device for generating HTML (Hypertext Markup Language) web pages |
| CN103605970A (en) * | 2013-12-02 | 2014-02-26 | 华中师范大学 | Drawing architectural element identification method and system based on machine learning |
| CN105700791A (en) * | 2016-03-04 | 2016-06-22 | 沈阳天择智能交通工程有限公司 | Road traffic accident field sketch recognizing and drawing method |
| CN109359366A (en) * | 2018-09-30 | 2019-02-19 | 中民筑友科技投资有限公司 | A kind of automatic identifying method, device, equipment and the storage medium of electromechanical mark |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112751836A (en) * | 2020-12-24 | 2021-05-04 | 华人运通(上海)云计算科技有限公司 | Vehicle data display method, device, storage medium and system |
| CN114143477A (en) * | 2021-12-06 | 2022-03-04 | 北京淳中科技股份有限公司 | Image annotation method and device |
| CN114143477B (en) * | 2021-12-06 | 2023-12-08 | 北京淳中科技股份有限公司 | Image labeling method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2020192463A1 (en) | 2020-10-01 |
| SG11202109770UA (en) | 2021-10-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111752557A (en) | Display method and device | |
| US11392752B2 (en) | Visualized editing method, device and apparatus, and storage medium | |
| CN110458918B (en) | Method and device for outputting information | |
| TWI671647B (en) | Method, device and electronic device for calculating the duration of the first screen of a page | |
| CN106933887B (en) | Data visualization method and device | |
| CN108549532A (en) | Webpage construction method, device, electronic equipment and storage medium | |
| CN105517681A (en) | Chart conversion system using metadata and method therefor | |
| CN111240669B (en) | Interface generation method and device, electronic equipment and computer storage medium | |
| US20240160413A1 (en) | Application Development Platform, Micro-program Generation Method, and Device and Storage Medium | |
| US20240160410A1 (en) | Application Development Platform, Micro-program Generation Method, and Device and Storage Medium | |
| CN108089858B (en) | Method and device for creating visual interface | |
| CN111459501A (en) | SVG-based Web configuration picture storage and display system, method and medium | |
| CN113870097A (en) | Marking method of furniture image, model training method and equipment | |
| CN114359533B (en) | Page number identification method based on page text and computer equipment | |
| CN107562710B (en) | Chart processing device and method | |
| US20150058710A1 (en) | Navigating fixed format document in e-reader application | |
| CN107621951B (en) | View level optimization method and device | |
| CN109101144B (en) | Thermodynamic diagram drawing method and device | |
| CN106155754B (en) | Display template processing method and device | |
| CN116881353A (en) | Financial data display method and device, storage medium and electronic equipment | |
| CN108279962B (en) | Method and device for creating visual data display interface | |
| US20220301285A1 (en) | Processing picture-text data | |
| CN115375342A (en) | Page information and advertisement picture display method, device, equipment and storage medium | |
| CN111782309B (en) | Method and device for displaying information and computer readable storage medium | |
| EP4033438A1 (en) | Video generation method and device, and terminal 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 |