CN101196818A - Fast graphical developing system - Google Patents
Fast graphical developing system Download PDFInfo
- Publication number
- CN101196818A CN101196818A CNA2006101193223A CN200610119322A CN101196818A CN 101196818 A CN101196818 A CN 101196818A CN A2006101193223 A CNA2006101193223 A CN A2006101193223A CN 200610119322 A CN200610119322 A CN 200610119322A CN 101196818 A CN101196818 A CN 101196818A
- Authority
- CN
- China
- Prior art keywords
- window
- interface
- district
- edit
- item
- 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
Landscapes
- Stored Programmes (AREA)
Abstract
The invention discloses a rapid graphical developing system, which reduces the code workload and provides a WYSWYG visual effect. The technical scheme is that: the rapid graphical developing system comprises: a core data storage unit for storing all the elements in the project; a user editing unit for carrying through development of interface figure; a data processing interface for connecting the core data storage unit and the user editing unit, modification of the user editing unit on the core data updates data in the core data storage unit through the data processing interface. Wherein, the user editing unit comprises: a window editor, which is displayed in the drawing area of the screen window and is able to modify the interface figure visually; a project editor, which is displayed in tree structure and is able to modify project nodes and attribute value, the result is directly displayed in the window drawing area; an item editor, which displays or hides or edits selected item elements; a drawing editor, which is provided with drawing tools in the window editor for design personnel. The invention is applicable for the developing field of telecommunication software interface.
Description
Technical field
The present invention relates to a kind of software design development system, relate in particular to a kind of OSD (On Screen Display, screen display interface) fast graphical developing system of the Digital Television based on CGI (Common GraphicInterface, general graphical interface).
Background technology
Digital TV field adopts OSD interface display technology to carry out the software development of screen interface.So-called OSD interface display technology is meant in that to offer user's one cover on video self-existent, be used for the various software and hardware control function of control figure TV, and provide program, signal, and the interface system of other various service confidence, background layer is the hardware initial picture, be used for the initialization display device, video layer shows the code stream of just playing, it is current program, graph layer shows that OSD (graph layer may be divided into 2 layers and even more according to the difference of hardware), the state transitions at OSD interface are that mechanism by message-driven realizes, carry out Message Processing in the message response function.The screen picture of seeing is the image after the stack (blend) of these three layers (background layer, video layer, graph layers).
In existing OSD interface software exploitation, the programmer directly utilizes programming language (for example C++) to realize the various menus and the function of Digital Television in an Integrated Development Environment (such as VC++), and the effect and function at interface is encoded by the programmer fully and finished.At last, the programmer in Integrated Development Environment compiled burning program in embedded device.
Adopt above-mentioned development scheme, development efficiency is low, the programmer bears heavily, and interfacial effect only finishes and is burnt in the corresponding embedded device and could really see at programming, deviation in cataloged procedure on any effect all needs to get back to be write again in the Integrated Development Environment and revises, and then the compiling connect into new program, so neither directly perceived also very time-consuming.
Simultaneously, above-mentioned development scheme also can't satisfy the needs on the speed.Disparity items is diversified to the needs of interface and function thereof, and the exploitation of existing OSD interface software can't be finished coding within a short period of time, because interfacial effect not directly perceived caused the overlong time of debug phase, increases the uncertainty of exploitation again.And, in Integrated Development Environment, write code and finish interface development and generally can only finish by the programmer, brought certain limitation to exploitation.
Summary of the invention
The objective of the invention is to address the above problem, a kind of fast graphical developing system is provided, write the workload of code with the environment minimizing of a similar Flame Image Process instrument, and offer the effect of visualization of user's What You See Is What You Get.
Technical scheme of the present invention is: a kind of fast graphical developing system comprises:
Core data storage unit, all element in the stored items, those elements comprise resource element, interface element, window elements, an element and fundamental element;
User's edit cell, the user carries out the exploitation of interface figure based on this unit, and described user's edit cell further comprises:
The window editing machine is drawn the district at the window of screen and is shown designed interface figure and draw the district to the visual in real time modification of interface figure at this window;
Project editor with all nodes and those nodes property value separately of tree structure display items display, and carries out trickle modification to those nodes and its property value, revises the result and directly is presented at described window and draws in the district;
The item editing machine is presented at window with a selected item element and draws district or it is hiding, and the item element is carried out edit-modify;
The draw and edit device is provided at the various tool of drawing for the designer in the window editing machine;
Data-processing interface connects described core data storage unit and user's edit cell, and the modification that described user's edit cell is made core data is upgraded data in the described core data storage unit by described data-processing interface.
Above-mentioned fast graphical developing system, wherein, described core data storage unit is stored those item elements with tree data structure, with single project is root node, the child node of connection resource element and interface element under this root node, the leaf node that connects several resource items elements under this resource element child node, connect several window elements child nodes under this interface element child node, connect several element child nodes under those window elements child nodes separately, connect several fundamental element leaf nodes under those element child nodes separately.
Above-mentioned fast graphical developing system, wherein, described fundamental element comprises drawing element and logical elements, for the style and the function of definition interfaces.
Above-mentioned fast graphical developing system, wherein, described project editor further comprises node edit cell and attributes edit unit, and described node is revised the unit to be increased, delete, revises the node in the tree structure, and the property value of those nodes is revised in described attributes edit unit.
Above-mentioned fast graphical developing system, wherein, described editing machine further comprises an element edit cell and an element selection display unit, and described item element edit cell increases, the deleted entry element, and the element that an element selects display unit that the user is selected is presented at window drafting district.
Above-mentioned fast graphical developing system, wherein, described draw and edit device further comprises:
Choose module, draw fundamental element in the item that class mark choosing works as pre-editing at this window, but selected fundamental element Be Controlled moves;
The icon module, the size and the position of drawing the area definition icon at this window;
Figure module is drawn the direct graphing in district at this window;
The literal module is drawn the district at this window and is directly drawn literal;
Bitmap module, the size and the position of drawing the area definition bitmap at this window;
The logical definition module, the logic function in the definition draw and edit device;
Animation is drawn the district at this window and is directly drawn animation;
The progress bar module is drawn the district at this window and is revised progress bar.
The present invention contrasts prior art following beneficial effect: system of the present invention browses and revises the whole interface project with tree structure by project editor, provide various editting functions by the item editing machine, by the window editing machine interface display of design is drawn in the district at window, can utilize various tool that interfacial effect is carried out real time modifying, can also draw as various drawing elements such as rectangle, bitmaps by the draw and edit device.
Fast graphical developing system of the present invention has following 4 advantages:
(1) development at whole OSD interface can be carried out breaking away from or significantly reduce under the situation that the programmer supports, makes the work of INTERFACE DESIGN become simpler;
(2) effect of What You See Is What You Get, the interfacial effect of seeing in system is just the same with actual effect, and any modification can be finished by mouse is simply dilatory;
(3) greatly shorten the debug time of interface development,, in design process, can finish debugging work because INTERFACE DESIGN is no longer relevant with coding.
Description of drawings
Fig. 1 is the module map of a preferred embodiment of fast graphical developing system of the present invention.
Fig. 2 is the data structure synoptic diagram of core data in the core data storage unit of the present invention.
Embodiment
The invention will be further described below in conjunction with drawings and Examples.
Fig. 1 shows the functional module of a preferred embodiment of fast graphical developing system of the present invention.See also Fig. 1, fast graphical developing system 10 comprises core data storage unit 11, data-processing interface 12 and user's edit cell 13.
Core data storage unit 11 is safeguarded a core data piece, and this data block contains all data of an OSD, and any change of OSD can reflect by this data block.Data block shows that with tree structure as shown in Figure 2, whole data tree is divided into 5 layers: ground floor is a root node, identifies whole OSD project (project); The second layer is resource (resource) and interface (interface) that OSD uses, and resource comprises overall bitmap, icon, font etc.; The 3rd layer is resource items (res_item) and window (window), and resource items is the leaf node under the resource, and window is the child node under the interface; The 4th layer is (item), is the child node under the window; Layer 5 is fundamental element (element), is the leaf node under the node, comprises drawing element and logical elements, and the style of OSD and function are all carried out detailed definition here.
Data-processing interface 12 connects core data storage unit 11 and user's edit cell 13, interface 12 provides all data necessary operating functions, and all functional module is all hung in the system of system so that new functional module can be carried out stand-alone development on the basis of not revising original program by this interface in user's edit cell 13.The data that the modification that 13 pairs of core datas of user's edit cell are made is upgraded in the core data storage unit 11 by data-processing interface 12.
User's edit cell 13 is divided into window editing machine 131, project editor 132, an editing machine 133 and draw and edit device 134.Project editor 132 shows whole OSD structure with the form of tree, and OSD is divided into two parts: a part is the resource that OSD uses, such as overall bitmap, icon definition, font etc.; Another part has defined the composition structure of OSD, comprises the number of window, size, and the number of window discipline, the drawing process of each, even the logic function of OSD etc.For instance, the OSD structure tree is divided into resource and interface two parts, under the interface, comprise a plurality of windows, such as root window, interface of main menu window, sound interface window, information interfaces windows etc., comprise a plurality of below the window, such as being divided into master menu background frame, master menu title etc. under the interface of main menu window, comprise a plurality of fundamental elements again below, such as bitmap, text etc.
Node edit cell 1321 in the project editor 132 increases, deletes, revises the node in the tree structure, thereby checks and revise the structure of OSD easily.
Each window comprises several, and the OSD deviser selects the current editor's of needs item in item editing machine 133, chooses the back to draw the district at the OSD window and can only revise this included drawing element.Element selects display unit 1331 to be responsible for drawing the selected item of explicit user in the district, the item that hiding user does not select at the OSD window.Item element edit cell 1332 increases, the deleted entry element.
The drawing element instrument of drawing OSD that provides is provided draw and edit device 134, directly draws district's editing interface figure at the OSD window for the user.Choose module 1341 and can draw fundamental element (element) in the item that the class mark choosing works as pre-editing at the OSD window, selected fundamental element will present highlighted state, under this pattern, also can directly move and change operation such as size by mouse is dilatory to drawing element, use the careful adjusting positions of elements of bond energy up and down of keyboard, mobile step pitch is by the size decision of scale.Icon module 1342 is drawn the size and the position of area definition icon at the OSD window.Figure module 1343 can be drawn the district at the OSD window and draw straight line, rectangle figures.Literal module 1344 is drawn the district at the OSD window and is drawn literal.Bitmap module 1345 is drawn the size and the position of area definition bitmap at the OSD window.The certain logic function of logical definition module 1346 definition.Animation 1347 is drawn the district at the OSD window and is drawn animated element.1348 pairs of progress bars of progress bar module are made amendment.For instance, after selecting straight line tool in the figure module 1343 at the draw and edit device, can draw and distinguish the straight line that draws, show the attribute of drawn straight line simultaneously by attributes edit unit 1322 at the OSD window, such as starting point coordinate, terminal point coordinate, color, live width etc.
Window editing machine 131 is drawn the district at the window of screen and is shown designed interface figure and draw the district to the visual in real time modification of interface figure at this window.
The foregoing description provides to those of ordinary skills and realizes or use of the present invention; those of ordinary skills can be under the situation that does not break away from invention thought of the present invention; the foregoing description is made various modifications or variation; thereby protection scope of the present invention do not limit by the foregoing description, and should be the maximum magnitude that meets the inventive features that claims mention.
Claims (6)
1. fast graphical developing system comprises:
Core data storage unit, all element in the stored items, those elements comprise resource element, interface element, window elements, an element and fundamental element;
User's edit cell, the user carries out the exploitation of interface figure based on this unit, and described user's edit cell further comprises:
The window editing machine is drawn the district at the window of screen and is shown designed interface figure and draw the district to the visual in real time modification of interface figure at this window;
Project editor with all nodes and those nodes property value separately of tree structure display items display, and carries out trickle modification to those nodes and its property value, revises the result and directly is presented at described window and draws in the district;
The item editing machine is presented at window with a selected item element and draws district or it is hiding, and the item element is carried out edit-modify;
The draw and edit device is provided at the various tool of drawing for the designer in the window editing machine;
Data-processing interface connects described core data storage unit and user's edit cell, and the modification that described user's edit cell is made core data is upgraded data in the described core data storage unit by described data-processing interface.
2. fast graphical developing system according to claim 1, it is characterized in that, described core data storage unit is stored those item elements with tree data structure, with single project is root node, the child node of connection resource element and interface element under this root node, the leaf node that connects several resource items elements under this resource element child node, connect several window elements child nodes under this interface element child node, connect several element child nodes under those window elements child nodes separately, connect several fundamental element leaf nodes under those element child nodes separately.
3. fast graphical developing system according to claim 1 and 2 is characterized in that described fundamental element comprises drawing element and logical elements, for the style and the function of definition interfaces.
4. fast graphical developing system according to claim 1, it is characterized in that, described project editor further comprises node edit cell and attributes edit unit, described node is revised the unit to be increased, delete, revises the node in the tree structure, and the property value of those nodes is revised in described attributes edit unit.
5. fast graphical developing system according to claim 1, it is characterized in that, described editing machine further comprises an element edit cell and an element selection display unit, described item element edit cell increases, the deleted entry element, and the item element that an element selects display unit that the user is selected is presented at window drafting district.
6. fast graphical developing system according to claim 1 is characterized in that, described draw and edit device further comprises:
Choose module, draw fundamental element in the item that class mark choosing works as pre-editing at this window, but selected fundamental element Be Controlled moves;
The icon module, the size and the position of drawing the area definition icon at this window;
Figure module is drawn the direct graphing in district at this window;
The literal module is drawn the district at this window and is directly drawn literal;
Bitmap module, the size and the position of drawing the area definition bitmap at this window;
The logical definition module, the logic function in the definition draw and edit device;
Animation is drawn the district at this window and is directly drawn animation;
The progress bar module is drawn the district at this window and is revised progress bar.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2006101193223A CN101196818A (en) | 2006-12-08 | 2006-12-08 | Fast graphical developing system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CNA2006101193223A CN101196818A (en) | 2006-12-08 | 2006-12-08 | Fast graphical developing system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101196818A true CN101196818A (en) | 2008-06-11 |
Family
ID=39547252
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CNA2006101193223A Pending CN101196818A (en) | 2006-12-08 | 2006-12-08 | Fast graphical developing system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101196818A (en) |
Cited By (19)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063307A (en) * | 2011-01-07 | 2011-05-18 | 杭州海康威视数字技术股份有限公司 | Graphical user interface creating method and system of embedded digital video recorder |
| CN102081521A (en) * | 2011-01-21 | 2011-06-01 | 鞠建波 | General development platform of military hardware operation interface |
| CN102141909A (en) * | 2010-02-10 | 2011-08-03 | 深圳市金蝶中间件有限公司 | Primitive creation method and system |
| CN102428442A (en) * | 2009-03-06 | 2012-04-25 | 泰克斯维尔公司 | Issuing systems, acquiring systems, and payment networks/systems development |
| CN104574461A (en) * | 2015-01-13 | 2015-04-29 | 福建天晴数码有限公司 | Graph modeling method and device |
| CN104793927A (en) * | 2014-12-30 | 2015-07-22 | 北京白鹭时代信息技术有限公司 | Interface editing method and device |
| CN102099824B (en) * | 2008-07-16 | 2015-09-30 | 三星电子株式会社 | For sending and receive the method and apparatus of rich media contents |
| CN104966265A (en) * | 2014-03-19 | 2015-10-07 | Arm有限公司 | Graphics processing systems |
| CN105278964A (en) * | 2015-11-23 | 2016-01-27 | 金蝶软件（中国）有限公司 | Assembly rendering method and device |
| CN106162302A (en) * | 2015-04-22 | 2016-11-23 | Tcl集团股份有限公司 | Method of combination, device and the intelligent television at the main interface of a kind of Launcher |
| CN106293721A (en) * | 2016-08-02 | 2017-01-04 | 大连文森特软件科技有限公司 | Visual programming system based on stream data real-time storage |
| CN106780672A (en) * | 2017-01-16 | 2017-05-31 | 北京恒华伟业科技股份有限公司 | A kind of browser, animation editor Play System and method |
| CN106814949A (en) * | 2015-12-01 | 2017-06-09 | 北京触控科技有限公司 | A kind of cocos game editing machine control interfaces management method |
| CN106990890A (en) * | 2017-03-02 | 2017-07-28 | 微鲸科技有限公司 | A kind of focus method for drafting and system applied to intelligent display terminal |
| CN108170425A (en) * | 2017-12-29 | 2018-06-15 | 东莞市高标软件科技有限公司 | A kind of amending method of program code, modification device and terminal device |
| CN110262791A (en) * | 2019-06-05 | 2019-09-20 | 搜游网络科技(北京)有限公司 | A kind of visual programming method, apparatus and performer, readable storage medium storing program for executing |
| CN111258568A (en) * | 2019-11-14 | 2020-06-09 | 高新兴创联科技有限公司 | Method for graphically editing railway operation data |
| CN111862699A (en) * | 2020-07-08 | 2020-10-30 | 天津洪恩完美未来教育科技有限公司 | Method and device for visually editing teaching course, storage medium and electronic device |
| CN116028051A (en) * | 2022-05-06 | 2023-04-28 | 珠海市奥德维科技有限公司 | Visual development method, system, electronic equipment and storage medium for automated language program |
-
2006
- 2006-12-08 CN CNA2006101193223A patent/CN101196818A/en active Pending
Cited By (26)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102099824B (en) * | 2008-07-16 | 2015-09-30 | 三星电子株式会社 | For sending and receive the method and apparatus of rich media contents |
| CN102428442A (en) * | 2009-03-06 | 2012-04-25 | 泰克斯维尔公司 | Issuing systems, acquiring systems, and payment networks/systems development |
| CN102141909A (en) * | 2010-02-10 | 2011-08-03 | 深圳市金蝶中间件有限公司 | Primitive creation method and system |
| CN102141909B (en) * | 2010-02-10 | 2014-09-10 | 深圳市金蝶中间件有限公司 | Primitive creation method and system |
| CN102063307A (en) * | 2011-01-07 | 2011-05-18 | 杭州海康威视数字技术股份有限公司 | Graphical user interface creating method and system of embedded digital video recorder |
| CN102063307B (en) * | 2011-01-07 | 2015-07-15 | 杭州海康威视数字技术股份有限公司 | Graphical user interface creating method and system of embedded digital video recorder |
| CN102081521A (en) * | 2011-01-21 | 2011-06-01 | 鞠建波 | General development platform of military hardware operation interface |
| CN102081521B (en) * | 2011-01-21 | 2016-01-13 | 鞠建波 | A kind of general development platform of military hardware operation interface |
| CN104966265A (en) * | 2014-03-19 | 2015-10-07 | Arm有限公司 | Graphics processing systems |
| CN104793927A (en) * | 2014-12-30 | 2015-07-22 | 北京白鹭时代信息技术有限公司 | Interface editing method and device |
| CN104574461A (en) * | 2015-01-13 | 2015-04-29 | 福建天晴数码有限公司 | Graph modeling method and device |
| CN106162302A (en) * | 2015-04-22 | 2016-11-23 | Tcl集团股份有限公司 | Method of combination, device and the intelligent television at the main interface of a kind of Launcher |
| CN105278964A (en) * | 2015-11-23 | 2016-01-27 | 金蝶软件（中国）有限公司 | Assembly rendering method and device |
| CN106814949A (en) * | 2015-12-01 | 2017-06-09 | 北京触控科技有限公司 | A kind of cocos game editing machine control interfaces management method |
| CN106293721B (en) * | 2016-08-02 | 2019-05-24 | 快创科技（大连）有限公司 | Visual programming system based on stream data real-time storage |
| CN106293721A (en) * | 2016-08-02 | 2017-01-04 | 大连文森特软件科技有限公司 | Visual programming system based on stream data real-time storage |
| CN106780672A (en) * | 2017-01-16 | 2017-05-31 | 北京恒华伟业科技股份有限公司 | A kind of browser, animation editor Play System and method |
| CN106990890A (en) * | 2017-03-02 | 2017-07-28 | 微鲸科技有限公司 | A kind of focus method for drafting and system applied to intelligent display terminal |
| CN108170425A (en) * | 2017-12-29 | 2018-06-15 | 东莞市高标软件科技有限公司 | A kind of amending method of program code, modification device and terminal device |
| CN108170425B (en) * | 2017-12-29 | 2021-03-19 | 东莞市高标软件科技有限公司 | Program code modification method and device and terminal equipment |
| CN110262791A (en) * | 2019-06-05 | 2019-09-20 | 搜游网络科技(北京)有限公司 | A kind of visual programming method, apparatus and performer, readable storage medium storing program for executing |
| CN110262791B (en) * | 2019-06-05 | 2023-10-10 | 北京蓝亚盒子科技有限公司 | Visual programming method and device, operator and readable storage medium |
| CN111258568A (en) * | 2019-11-14 | 2020-06-09 | 高新兴创联科技有限公司 | Method for graphically editing railway operation data |
| CN111258568B (en) * | 2019-11-14 | 2023-07-04 | 高新兴创联科技有限公司 | Method for graphically editing railway operation data |
| CN111862699A (en) * | 2020-07-08 | 2020-10-30 | 天津洪恩完美未来教育科技有限公司 | Method and device for visually editing teaching course, storage medium and electronic device |
| CN116028051A (en) * | 2022-05-06 | 2023-04-28 | 珠海市奥德维科技有限公司 | Visual development method, system, electronic equipment and storage medium for automated language program |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101196818A (en) | Fast graphical developing system | |
| US5041992A (en) | Interactive method of developing software interfaces | |
| KR101456506B1 (en) | An authoring tool for web applications and the authoring method thereof | |
| CN104731584B (en) | A kind of customized configuration design method of Open Architecture CNC System of Display Interface | |
| CN107844297A (en) | A kind of data visualization realizes system and method | |
| US20080184139A1 (en) | System and method for generating graphical user interfaces and graphical user interface models | |
| EP3633535B1 (en) | Modal-less interface enhancements | |
| US9495134B2 (en) | Methods and apparatus for code segment handling | |
| US20050251757A1 (en) | Display of enlarged visual container graphical user interface (GUI) components during GUI layout or design | |
| US8386919B2 (en) | System for displaying an annotated programming file | |
| KR100213953B1 (en) | Method for displaying object oriented class information and content information | |
| US20110258534A1 (en) | Declarative definition of complex user interface state changes | |
| CN103197929A (en) | System and method for graphical programming facing children | |
| CN103019738B (en) | The digital control system that a kind of interface can customize and implementation method | |
| CN108108194B (en) | User interface editing method and user interface editor | |
| US20100077329A1 (en) | Method and system for creating a free-form visual user interface element | |
| Eng | Qt5 C++ GUI programming cookbook | |
| CN111596824B (en) | Drawing standardization compilation method and system and electronic equipment | |
| CN112364496A (en) | Avionics simulation panel generation system based on HTML5 and VUE technology | |
| Vander Zanden et al. | Demonstrational and constraint-based techniques for pictorially specifying application objects and behaviors | |
| Dessart et al. | Animated transitions between user interface views | |
| CN107491311B (en) | Method and system for generating page file and computer equipment | |
| US6587102B2 (en) | Rendering panels in multiple display contexts | |
| CN111897530B (en) | UI system and method based on UE4 platform | |
| WO2013156066A1 (en) | A computer implemented method for changing a first site s into a second site s' |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication |