| | This solution uses a completely open organization, will create a cutting instrument is divided into: the instrument panel, the pointer, measurement scale and background of several parts, these parts not only interrelated, but also fully independent, as when creating a new instrument, based on need to be any combination of, for example, dashboard disk scale + Triangle + oval pointer, you can build the following instruments: UCanCode instrument graphics are drawn by a team of flexibility and show the progress of the class composition of these classes with flexible design, each part can be flexibly customized. Mainly consists of three parts: (Note: The instrumentation component modules in the Advanced Enterprise version only available) 1) Background: UCanCodeinstruments directly from any of the background graphic E-XD++component library visual graphics to form the ready-made graphics class, you can use any E-XD++ component library visual graphics as the background graphics class such as lines \ Rectangular \ oval \ images \ arc \ complex graphics and so on. If you choose any graphic type as the background, the instrumentation will UCanCode graphics derived from this class, for example, derived from CFOButtonShape, the instrument background is a rectangular button. 2) Scale: UCanCode scale instrumentation provides a default linear scale and the scale of the two elliptical arc, you can have either, or derived from these two species as to create a new scale type, in use time, need to refer to sample program to paste together with the background graphics. 3) Pointer: UCanCode pointer instrument graphics can be very broad, you can make rectangular progress bar \ the linear pointer \ arc pointer \ digital indicators, etc., in use, how much pointer, the pointer will be the number of background graphics pasted together with the can be. as shown, and some at the same time both the linear pointer and digital indicators. while the pointer class itself is completely derived. If you need to customize the pointer, only need to derive from the corresponding class can be completed. The following is HMIBuilder instrumentation solutions Case: E-XD++ products, our pre-scheduled in the CFODrawShape several base class to deal specifically with the virtual instrument graphical function of the coverage of these virtual functions and pointers can be equal to the background scale associate. Function as follows: public:public: /*************************************************************************/************************************************* ************************ |*| * |* The following virtual methods defined for meter classes.| * The following virtual methods defined for meter classes. |*| * \************************************************************************/\ ************************************************* ***********************/
// Gen meter's start point./ / Gen meter's start point. virtual CPoint GetMeterStartPoint();virtual CPoint GetMeterStartPoint ();
// Gen meter's end point./ / Gen meter's end point. virtual CPoint GetMeterEndPoint();virtual CPoint GetMeterEndPoint ();
// Gen meter's bounding rectangle./ / Gen meter's bounding rectangle. virtual CRect GetMeterRect();virtual CRect GetMeterRect ();
// Obtain the main point./ / Obtain the main point. virtual CPoint GetMeterMainPoint();virtual CPoint GetMeterMainPoint ();
// Obtain the main point./ / Obtain the main point. virtual CPoint GetMeterNumberMainPoint();virtual CPoint GetMeterNumberMainPoint (); |
1. The default scale bar: 1). CFOPMeterScale Class CFOPMeterScale defines a linear scale, through the property to setMinimum and Maximum properties of maximum and minimum values, as shown above. 2).CFOPMeterEllipticalScale Another scale category isCFOPMeterEllipticalScale, is a scale along the ellipse. Can set StartAngle and SweepAngle. 2. The following pointer class for thesystem: 1) CFOPIndicatorNeedle class CFOPIndicatorNeedle defines a simplepointer, pointer parameters PivotPoint set by the center. Defines a pointer enumeration FOPIndicatorNeedleStyle various styles. As shown below.
The following figure shows an example of how to useCFOPIndicatorNeedle the fpKite style, the default angle is 60, the use ofCFOPMeterEllipticalScale oval plate. The width of the pointer value is set to 10. 2) CFOPIndicatorBar Progress bar, a rectangular typeCFOPIndicatorBar real progress bar, you can set themaximum, minimum,as shown below. Class defines a rectangle CFOPIndicatorBar progress bar, you can display different sub-values, set by a class of Phase the maximum value of each segment \ minimum and worth every color, as follows: 3)CFOPIndicatorElliptical Oval progress bar, the classis to improve the degree of CFOPIndicatorElliptical definition of Articleclass. As shown below. 4) CFOPIndicatorSlider Cursor pointer, classCFOPIndicatorSlider is its defining class, itself is a box cursor itself is derived from class CObject down so that it can serialize or run-time type identification, you can set the Pen and Brush.Dimensions used to set the size property. Enumeration FOPIndicatorSliderStyle defines the default style. Including fpTriangles and fpBar style. 5) CFOPIndicatorKnob Knobpointer, CFOPIndicatorKnob defines an oval-shaped knob pointer, pointer knobs arc in the center of a small triangle, the color property valueMarkerColor set a new class derived from this class, you can re-customize the look and feel. 3. Piston shape: 4.Advance shape: 5.Animate flash ellipse shape: 6. Animate text control: 7. Tank shape: 8. New tank shape: 9. Advance real-time control: 10. Pie progress control shape: 11. Animate line shape: 12. Real-time chart control: 13. New style switch control: 14. Vertical slider control: 15. Horizontal slider control: 16. New style chart control: 17. Carry animate shape: 18. New style switch shape: 19. New style chart control: 20, new style instrument 1 21, new style instrument 2: : : 22, New Style Instrument 3: 23, New Style Instrument 4: 24, New Style Instrument 5: 25, New Style Instrument 6: 26, New Style Instrument 7: 27, New Style Instrument 8: 28, new style knob 1: 29, new style knob 2: 30, new style knob 3: 31, New Style button 1: 32, New Style button 2: 33, if you want your style? No problem, direct contact with the UCanCode, we help you create. |
|
Here is the E-XD++ Visual Component Library source code version control system enterprise application development, the basic steps: 1. Design requires the monitoring system components: This step can be E-XD++ provides ShapeDesigner application to the design, this tool can directly be Microsoft Visio or ConceptDraw other professional graphics tools designed components into (SVG file) came in with, of course, you can also ShapeDesigner itself rich The basic graphic design needs to the monitoring system components. At design time, can easily design directly to the canvas element by Copy, Paste way to the left of the component into the tool box, as shown below (Note: This ShapeDesigner the source code itself, together with the E-XD++ official version available, can be customized as needed):
When we design components of the composite components can also be a single definition of a number of sub-components to facilitate later identification and handling of the Key ID values that can later obtained directly by calling GetKeyID. 2. Design monitoring system needs a graphical interface: E-XD++ provides a special interface design tools DiagramEditor, in this tool, we can easily apply the above ShapeDesigner through a variety of monitoring system components designed to build a graphical interface. Interface in the structures, as required for specific components we can specify the Key ID value, the Key ID value for us in specific programs to control, for example, we can control the switch off and open, lights flashing and so on. We designed a graphical interface can be saved as a single xdg file, as shown below: (Note: This DiagramEditor the source code itself, together with the E-XD++ provides the official version can be customized as needed):
3. Building monitoring application: By E-XD++ visualization component library provides graphics integrated in Visual Studio's AppWizard (Application Creation Wizard) to automatically generate the framework code control system can be designed for the above We DiagramEditor xdg files into this program as resource file, when we need to load a design interface when calling the following function: LoadXdgFromResource (...); if we need to switch to the new interface, you can also call the function to load the new interface. Reference sample NetworkDemo. 4. Animation and real-time data processing: External data acquisition we can View the Window class or classes of timer to be collected, when the need to update the interface when the status of the components can be designed directly above us to get the Key value of the graphic elements or sub-component graphics. 5. Transaction processing: By overriding the appropriate virtual function to time a variety of transaction processing, for example, we only need to cover the following virtual functions CFOPCanvasCore class to respond to button events: virtual void DoButtonClickEvent(CFODrawShape *pShape, const int &nSel); virtual void DoButtonClickEvent (CFODrawShape * pShape, const int & nSel); The actual instrument in the development of the graphics the graphics needs of your current class from the class or subclass CFODrawShape derived down, the derived class itself will serve as the instrument graphics graphics context to use, so the specific choice of which class to be derived, mainly to see Which of your instrument similar to close some of the background graphics. In addition you need to define a derived class, the class scale, the general class CFOPMeterScale directly or classCFOPMeterEllipticalScale, of course, you can use these classesthemselves, but also to create the next for a new means to, you can choose from the categoryCFOPIndicatorBar, CFOPIndicatorElliptical, CFOPIndicatorSlider, CFOPIndicatorSliderElliptical, CFOPIndicatorNeedle, or create one of theCFOPIndicatorKnob to can. GaugeDemoEverything this way, see the sample program: GaugeDemo All the instruments need the full assembly of the parts, any part of the derived class, or by overloading virtual functions to be expanded and customized. The background of the instrument you can use any Form + + Enterprise Edition provides the graphical components to form Of course, you can also usegraphics to create a composite style of the ever-changing instrumentation, reference example: GaugeDemo, as follows:
E-XD++ visualization component library to any graphics on the canvas are set to start the timer function independently, which means that as long as you want to move up a graph can be allowed to move, which for the development of any advanced industrial control and simulation application provides the most direct solution. There are also features of the system: | 100% MFC design, and provides all thesource code, without reservation. | | Effective more than 30 million line of code, and more than 300C + + extension classes. | | Automatic code generation process, and complete the development of documentation to help you quickly build a variety of applications on Form + +. d d | | Development of advanced application systems to provide complete and scalable interface control. d d | | Property line of code changes and provide support for Undo / Redo function. d d | | Users on the canvas according to their needs, components, operation, and other custom operations. d d | | Supports both single page or multi-page application. d d | | The layout of the components, layout, organized in the order. d d | | Print, print preview and output to the image. d d | | Draw a straight line, mark lines, curves, rectangles, ellipses, add text, and pictures. d d | | Provide more than 40 examples of various development programs. d d |
HMI Demo example shows how to define a simple multi-page industrial control interface, as follows:
More than 50 million lines all carefully designed and rigorously tested to provide the source code without any reservations! Provide more than 400 class C + + extensions, 50 million lines of effective VC + + / MFC source code, sample or solution more than 70 source code, complete and detailed online help system and user documentation, supporting development tools designed! Powerful, flexible and easy to use graphical visualization of source code libraries. Powerful and flexible to create a variety of charts to meet your needs. Product design specifications, it is easy to use, in just a few days can be designed according to your needs products. We provide complete support for products, download the trial.
Feature-rich. Ultra-versatile, such as automatic layout, multi-level collapsible subgraph, cell connection point, XML, DXF, SHP, SVG, etc., can help you quickly create complex and flexible chart. Supports a number of events: such as click, double click, hover, select, rubber band select, copy, delete, resize and move the support. Support the most complex operations: such as drag and drop, unlimited undo / redo and clipboard operations and so on.
Save time and money to obtain reliability. A picture is worth a thousand words, E-XD++ offer more than 50 million lines of well-designed and well-tested C + + source code! Development takes years, thousands of customers worldwide validation, can save you a lot of development time and money!
Try it now! Do not just listen to us say it a try! Our free trial includes all you need to prototype your application. Free technical support. Products Download this solution The official version of the E-XD++component library visual graphics solutions for enterprise version provides all the source code, click the button below to UCanCodeOrder :
|