CN102662662A - Embedded graphics interface generation system and method - Google Patents
Embedded graphics interface generation system and method Download PDFInfo
- Publication number
- CN102662662A CN102662662A CN2012100840522A CN201210084052A CN102662662A CN 102662662 A CN102662662 A CN 102662662A CN 2012100840522 A CN2012100840522 A CN 2012100840522A CN 201210084052 A CN201210084052 A CN 201210084052A CN 102662662 A CN102662662 A CN 102662662A
- Authority
- CN
- China
- Prior art keywords
- graphical interfaces
- interface
- graphics interface
- file
- graphic element
- 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
Abstract
The invention relates to an embedded graphics interface generation system and method. The system comprises a graphics interface designer, a graphics interface file module and a graphics interface actuator, wherein the graphics interface designer runs on a PC (personal computer); the graphics interface file module is a design output file of the graphics interface designer; and the graphics interface actuator runs in an embedded system and is used for loading content of the graphics interface file module, drawing corresponding graphics interface and displaying dynamic data according to the content of a graphics interface file, accepting user input, and making a preset response. The graphics designer running on the PC designs and generates the graphics interface file, the graphics interface actuator running in the embedded system dynamically establishes the graphics interface system including data display and interactive response, and the WYSIWYG (what you see is what you get) designer is adopted for interface design, so that the development simplicity and intuitiveness of the interface can be improved, and the problems of large difficulty and complicated process in in developing the graphics interface by editing codes can be solved.
Description
Technical field
The invention belongs to field of embedded technology, relate to a kind of built-in graphical interface generation system and method.
Background technology
The exploitation of graphical interfaces is one of important component part of field of software development.Along with embedded system is more and more wider in the use of computer application field, the development of the graphical interfaces in the embedded system is also more and more at present.Because the singularity of embedded system; Development is generally carried out on PC; Exploitation can run on the graphical interfaces application program in the embedded system, since relevant developing instrument, sharable exploiting natural resources; And the resources such as developer that meet the demands are relatively deficient, and performance history is comparatively complicated and loaded down with trivial details.
Though the support of supporting cross-desktop and Embedded development platform is arranged at present; Yet come the development graph interface through writing code; Higher to interface development personnel technical requirement, and need just can run in the target embedded systems through cross compile, process is complicated; And when interface display and functional requirement change, need remodify and program compiler.Especially do not relate to the simple change at the interface of application core logic, will involve repeatedly design, exploitation and cross compile and test job yet.
Summary of the invention
The graphical interfaces generation system and the method that the purpose of this invention is to provide a kind of embedded system, higher with technical requirement in the embedded device interface development process that exists in the solution prior art, the problem that process is numerous and diverse.
Built-in graphical interface generation system of the present invention comprises:
The graphical interfaces designer runs on the PC, is visual design tool, is used at graphical interfaces development phase design configuration interface file;
The graphical interfaces file module is the design output file of graphical interfaces designer, comprises graphic element, each graphic element layout, the data display of graphic element and the interaction response of graphic element;
The graphical interfaces actuator runs in the embedded system, is used for loading the content by the graphical interfaces file module, and draws out the respective graphical interface and show dynamic data according to the graphic interface file content, is used to accept user's input, and makes predetermined response.
Further, said graphic element is vector graphics, picture or literal.
Further, the data display of said graphic element comprises whether graphic element shows dynamic data, the Data Source of the dynamic data that show and display format.
Further, the interaction response of graphic element is that graphic element receives user touch point and hits operation or the keyboard input operation response mode that is.
Method for generating built-in graphical interface technical scheme of the present invention is following: this method is design configuration interface in the graphical interfaces designer on running on PC at first; According to functional requirement, design required graphical interfaces file then; Copy is deployed in the storage card of embedded system again; Restart the graphical interfaces actuator in the embedded system, the graphical interfaces actuator is shown to graphical interfaces on the interface according to the graphical interfaces file in real time.
Further, said graphical interfaces actuator is accepted user's input, and makes predetermined response.
The graphical interfaces generation system and the method for embedded system of the present invention; Can write code and cross compile; But generate the graphical interfaces file through the graphical designer design that runs on the PC, then by operating in the graphical interface system that graphical interfaces actuator dynamic creation in the embedded system comprises data display and interaction response; The present invention adopts the designer of What You See Is What You Get to carry out INTERFACE DESIGN, has improved the simple and direct property and the intuitive of interface development, and the difficulty that has solved through writing the code development graphical interfaces is big, the process complicated problems.
Description of drawings
Fig. 1 is a systematic schematic diagram;
Fig. 2 is the process flow diagram of embodiment method;
Fig. 3 is the simple knot composition that passes through graphical interfaces monitoring intelligent lighting device of embodiment;
Fig. 4 is the intelligent lighting device figure interface appearance synoptic diagram of embodiment.
Embodiment
The graphical interfaces generation system of embedded system is as shown in Figure 1, comprises graphical interfaces designer, graphical interfaces actuator and graphical interfaces file three parts.The graphical interfaces designer runs on the PC, uses in the graphical interfaces development phase, and function and use-pattern are similar to visual design tools such as AutoCAD or PowerPoint, and the developer is in order to the design configuration interface file; The graphical interfaces file is the design output result of graphical interfaces designer, and content comprises: the graphic element of graphical interfaces and layout; The data display of graphic element; The interaction response of graphic element; The graphical interfaces actuator runs in the embedded system, uses in system's operation phase, loads the graphical interfaces file, and according to the graphical interfaces file content, graphing interface and demonstration dynamic data are accepted user's input, and made predetermined response.
The graphic element of graphical interfaces can be square, ellipse, straight line isovector figure, also can be picture or literal.The layout of said graphical interfaces is meant size and the position and the front and back hierarchical relationship of each graphic element.
The data display of graphic element comprises whether graphic element will show dynamic data, the Data Source of the dynamic data that show and display format.
The Data Source of data display comprises the locating information to data sources database data field, perhaps from the locating information of network communication data.
The display format of data display is meant graphic element shows this dynamic data with which type of form.Can be to show numerical value with textual form.Also can be according to established rule, when numerical value satisfied specified conditions, graphic element changes its color, apparent latent state, blink states and attributes such as size and position and expresses the numerical value change of dynamic data.
The interaction response of graphic element refers to hit operation or the response mode during the keyboard input operation when graphic element receives user touch point.Said response mode includes but not limited to: the high bright demonstration of graphic element, switch to other graphical interfaces, and the executable operations steering order starts other application programs, sends instruction to other connection devices, revises database data etc.
Method for generating built-in graphical interface is as shown in Figure 2, and this method is design configuration interface in the graphical interfaces designer on running on PC at first; According to functional requirement, design required graphical interfaces file then; Copy is deployed in the storage card of embedded system again; Restart the graphical interfaces actuator in the embedded system, the graphical interfaces actuator is shown to graphical interfaces on the interface according to the graphical interfaces file in real time.
Below in conjunction with a simple representational embodiment the present invention is explained further details.
As shown in Figure 3, be the system architecture diagram of present embodiment.Embedded device has touch-screen, is installed on the metope in room, and is connected with intelligent lighting device in the room.Embedded system can be obtained the current brightness of illumination of intelligent lighting device, can control the brightness of heightening or turn down lighting device.
According to aforesaid implementation step, implement as follows:
Design configuration interface in the graphical interfaces designer on running on PC.According to functional requirement, design result is as shown in Figure 4.
The interface comprises four graphic elements: A lighting device synoptic diagram, and the current brightness display label of B, C brightness dims button, D brightness dim-up button.
Data display to " brightness display label " in graphical interfaces is set to, and shows the brightness data of intelligent lighting device.
Interaction response to " brightness dim-up button " in graphical interfaces is set to, and during button click, the intelligent lighting device is heightened brilliance control.
Interaction response to " brightness dims button " in graphical interfaces is set to, and during button click, the intelligent lighting device is turned down brilliance control.
Design result is saved as the graphical interfaces file, and copy is deployed in the storage card in the embedded system.
Start the graphical interfaces actuator in the embedded system, according to the definition of graphical interfaces file, gather brightness data in real time and show, response user clicking operation is carried out brightness regulation control.
Need to prove, among this embodiment, gather the function of brightness data and control brightness in the graphical interfaces actuator, is that the graphical interfaces actuator is accomplished itself.Here the thought of main explanation is, the graphical interfaces actuator is according to the graphical interfaces file, and how the data that decision collects show, and the function of when calling control brightness.Specifically how gathering brightness data as for the interface actuator, and specifically how to control brightness, is not core concept part of the present invention, does not do specific descriptions at this.System's median surface designer except have load and display graphics interface file function, also can comprise the data acquisition of multiple communication mode and communication protocol, control command such as issues at function.
Need to prove that in addition above embodiment is only in order to explaining technology implementation scheme of the present invention, but not be limited to this embodiment.Though the foregoing description specifies the present invention based on a certain concrete application scenarios; Those of ordinary skill in the art is to be understood that; Can make amendment to technical scheme of the present invention and perhaps concrete application case is equal to replacement; And the structure that does not break away from technical scheme of the present invention is formed and implementation step, and it all should be encompassed in the middle of the claim scope of the present invention.
Claims (6)
1. a built-in graphical interface generation system is characterized in that, comprising:
The graphical interfaces designer runs on the PC, is visual design tool, is used at graphical interfaces development phase design configuration interface file;
The graphical interfaces file module is the design output file of graphical interfaces designer, comprises graphic element, each graphic element layout, the data display of graphic element and the interaction response of graphic element;
The graphical interfaces actuator runs in the embedded system, is used for loading the content by the graphical interfaces file module, and draws out the respective graphical interface and show dynamic data according to the graphic interface file content, is used to accept user's input, and makes predetermined response.
2. system according to claim 1 is characterized in that, said graphic element is vector graphics, picture or literal.
3. system according to claim 1 and 2 is characterized in that, the data display of said graphic element comprises whether graphic element shows dynamic data, the Data Source of the dynamic data that show and display format.
4. system according to claim 3 is characterized in that, the interaction response of graphic element is that graphic element receives user touch point and hits operation or the keyboard input operation response mode that is.
5. a method for generating built-in graphical interface is characterized in that, this method is design configuration interface in the graphical interfaces designer on running on PC at first; According to functional requirement, design required graphical interfaces file then; Copy is deployed in the storage card of embedded system again; Restart the graphical interfaces actuator in the embedded system, the graphical interfaces actuator is shown to graphical interfaces on the interface according to the graphical interfaces file in real time.
6. method according to claim 5 is characterized in that: said graphical interfaces actuator is accepted user's input, and makes predetermined response.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012100840522A CN102662662A (en) | 2012-03-27 | 2012-03-27 | Embedded graphics interface generation system and method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012100840522A CN102662662A (en) | 2012-03-27 | 2012-03-27 | Embedded graphics interface generation system and method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102662662A true CN102662662A (en) | 2012-09-12 |
Family
ID=46772163
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2012100840522A Pending CN102662662A (en) | 2012-03-27 | 2012-03-27 | Embedded graphics interface generation system and method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102662662A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103870496A (en) * | 2012-12-11 | 2014-06-18 | 财团法人资讯工业策进会 | System and method for editing interactive page template |
| CN104915186A (en) * | 2014-03-12 | 2015-09-16 | 腾讯科技（深圳）有限公司 | Method and device for making page |
| CN105302574B (en) * | 2015-11-20 | 2018-09-11 | 深圳圣诺医疗设备股份有限公司 | A kind of graphic interface operating system and its implementation |
| CN111930369A (en) * | 2020-05-06 | 2020-11-13 | 许继集团有限公司 | Design method of system tool based on variable box |
| CN116974670A (en) * | 2023-07-12 | 2023-10-31 | 广东凯普科技智造有限公司 | Graphical control management method and system based on single chip microcomputer |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7689970B1 (en) * | 2003-10-31 | 2010-03-30 | The Mathworks, Inc. | System and method for generating source code from a graphical model |
| CN102081520A (en) * | 2011-01-14 | 2011-06-01 | 杭州海康威视数字技术股份有限公司 | Method and system for establishing graphical user interface of embedded digital video recorder |
| CN102354285A (en) * | 2011-11-17 | 2012-02-15 | 北京大器智成技术有限公司 | Embedded graphical interface rapid development device and method |
-
2012
- 2012-03-27 CN CN2012100840522A patent/CN102662662A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7689970B1 (en) * | 2003-10-31 | 2010-03-30 | The Mathworks, Inc. | System and method for generating source code from a graphical model |
| CN102081520A (en) * | 2011-01-14 | 2011-06-01 | 杭州海康威视数字技术股份有限公司 | Method and system for establishing graphical user interface of embedded digital video recorder |
| CN102354285A (en) * | 2011-11-17 | 2012-02-15 | 北京大器智成技术有限公司 | Embedded graphical interface rapid development device and method |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103870496A (en) * | 2012-12-11 | 2014-06-18 | 财团法人资讯工业策进会 | System and method for editing interactive page template |
| CN103870496B (en) * | 2012-12-11 | 2017-03-01 | 财团法人资讯工业策进会 | System and method for editing interactive page template |
| CN104915186A (en) * | 2014-03-12 | 2015-09-16 | 腾讯科技（深圳）有限公司 | Method and device for making page |
| CN104915186B (en) * | 2014-03-12 | 2019-11-19 | 腾讯科技（深圳）有限公司 | A kind of method and apparatus making the page |
| CN105302574B (en) * | 2015-11-20 | 2018-09-11 | 深圳圣诺医疗设备股份有限公司 | A kind of graphic interface operating system and its implementation |
| CN111930369A (en) * | 2020-05-06 | 2020-11-13 | 许继集团有限公司 | Design method of system tool based on variable box |
| CN111930369B (en) * | 2020-05-06 | 2024-04-16 | 许继集团有限公司 | Design method of system tool based on variable box |
| CN116974670A (en) * | 2023-07-12 | 2023-10-31 | 广东凯普科技智造有限公司 | Graphical control management method and system based on single chip microcomputer |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101814024B (en) | Framework and tool for designing cross-platform 3D interface | |
| CN108021363B (en) | Visual game logic editing method and system | |
| US9507572B2 (en) | Time-based operations via textual code in a technical computing environment | |
| CN102221993B (en) | The declarative definition of complex user interface Status Change | |
| US8935623B1 (en) | Automatic API generation to functional PSoC blocks | |
| US10592211B2 (en) | Generation of application behaviors | |
| AU2016200493A1 (en) | Methods to adapt user interfaces and input controls | |
| US20100251233A1 (en) | Embedded computing system user interface emulated on a separate computing device | |
| Popp et al. | Tool support for automated multi-device GUI generation from discourse-based communication models | |
| CN105302545A (en) | Method and device for custom control development of configuration software | |
| US10318251B1 (en) | Code generation and simulation for graphical programming | |
| CN102662662A (en) | Embedded graphics interface generation system and method | |
| US20180173503A1 (en) | System and method for graphical programming | |
| CN103150198A (en) | Display method of configuration software | |
| CN103345402A (en) | Display module imaging configuration method based on intermediate code | |
| Luyten et al. | Designing distributed user interfaces for ambient intelligent environments using models and simulations | |
| WO2022100033A1 (en) | Method and apparatus for debugging applet, electronic device and storage medium | |
| Nilsson et al. | Model-based user interface adaptation | |
| Aghaee et al. | Live mashup tools: challenges and opportunities | |
| Lamberti et al. | Extensible GUIs for remote application control on mobile devices | |
| CN107025040B (en) | Display setting method and system based on OLED screen and graphical user interface | |
| CN113010168A (en) | User interface generation method based on scene tree | |
| CN106126213A (en) | A kind of Android based on IFML develops modeling method | |
| Stephens | Start Here! Fundamentals of Microsoft. NET Programming | |
| Lehmann et al. | Development of context-adaptive applications on the basis of runtime user interface models |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| ASS | Succession or assignment of patent right |
Owner name: QINGDAO POWER SUPPLY COMPANY, STATE GRID SHANDONG Free format text: FORMER OWNER: XUJI GROUP CO., LTD. QINGDAO POWER SUPPLY COMPANY OF SHANDONG ELECTRIC POWER CORPORATION XUJI ELECTRIC CO., LTD. XUCHANG XUJI SOFTWARE TECHNOLOGY CO., LTD. Effective date: 20131129 Owner name: STATE GRID SHANDONG ELECTRIC POWER COMPANY Free format text: FORMER OWNER: SHANDONG ELECTRIC POWER CORP. Effective date: 20131129 |
|
| C41 | Transfer of patent application or patent right or utility model | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20131129 Address after: 250001, No. two, No. 150, Ji'nan, Shandong Applicant after: State Grid Shandong Electric Power Company Applicant after: Qingdao Power Supply Company, State Grid Shandong Electric Power Company Applicant after: Xuji Electric Co., Ltd. Applicant after: Xuchang Xuji Software Technology Co., Ltd. Address before: 250001, No. two, No. 150, Ji'nan, Shandong Applicant before: Shandong Electric Power Corp. Applicant before: Xuji Group Co., Ltd. Applicant before: Qingdao Power Supply Co., Ltd., Shandong Electric Power Corporation Applicant before: Xuji Electric Co., Ltd. Applicant before: Xuchang Xuji Software Technology Co., Ltd. |
|
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20120912 |