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:
The instrumentation component modules in the
Advanced Enterprise version
1) Background: UCanCode
instruments 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++
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.
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.
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
The following is
instrumentation solutions Case:
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:
|* The following virtual methods defined for
| * 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 ();
default scale bar:
linear scale, through the property to set Minimum
and Maximum properties of maximum and minimum
values, as shown above.
scale category is
CFOPMeterEllipticalScale, is a scale along the
ellipse. Can set StartAngle and SweepAngle.
The following pointer class for the system:
CFOPIndicatorNeedle defines a
pointer, pointer parameters
PivotPoint set by the center.
a pointer enumeration FOPIndicatorNeedleStyle
As shown below.
following figure shows an example of how to use
fpKite style, the default angle is 60, the use
The width of the pointer value
is set to 10.
CFOPIndicatorBar real progress
bar, you can set the
as shown below.
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:
progress bar, the class
is to improve the degree of
CFOPIndicatorElliptical definition of Article
As shown below.
Cursor pointer, class
CFOPIndicatorSlider is its
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
FOPIndicatorSliderStyle defines the default style.
Including fpTriangles and
defines an oval-shaped knob pointer, pointer knobs
arc in the center of a small triangle, the color
MarkerColor set a new class
derived from this class, you can re-customize the
look and feel.
3. Piston shape:
5.Animate flash ellipse shape:
6. Animate text control:
7. Tank shape:
8. New tank shape:
9. Advance real-time control:
Pie progress control shape:
11. Animate line shape:
12. Real-time chart control:
New style switch control:
14. Vertical slider control:
15. Horizontal slider control:
16. New style chart control:
Carry animate shape:
18. New style switch shape:
19. New style chart control:
20, new style instrument 1
new style instrument 2:
New Style Instrument 3:
New Style Instrument 4:
New Style Instrument 5:
New Style Instrument 6:
New Style Instrument 7:
New Style Instrument 8:
new style knob 1:
new style knob 2:
new style knob 3:
New Style button 1:
New Style button 2:
if you want your style?
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
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
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 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
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
LoadXdgFromResource (...); if we need to switch to
the new interface, you can also call the function to
load the new interface.
4. Animation and
real-time data processing:
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.
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:
DoButtonClickEvent(CFODrawShape *pShape, const int
virtual void DoButtonClickEvent (CFODrawShape *
pShape, const int & nSel);
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
directly or class
of course, you can use these classes themselves,
but also to create the next for a new means to, you
can choose from the category
CFOPIndicatorNeedle, or create one of the
Everything this way, see the sample program:
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 E-XD++ Enterprise Edition provides the
graphical components to form Of course, you can also
graphics to create a composite style of the
ever-changing instrumentation, reference example:
GaugeDemo, as follows:
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:
design, and provides all the
than 500,000 line of code, and more than
500 C ++
generation process, and complete the
development of documentation to help you
quickly build a variety of applications on
advanced application systems to provide
complete and scalable interface control.
of code changes and provide support for Undo
/ Redo function.
Users on the
canvas according to their needs, components,
operation, and other custom operations.
Supports both single page or multi-page
The layout of
the components, layout, organized in the
preview and output to the image.
straight line, mark lines, curves,
rectangles, ellipses, add text, and
than 80 examples of various development
HMI Demo example
shows how to define a simple multi-page industrial
control interface, as follows:
than 500 thousands lines "all
carefully designed and rigorously tested"
C/C++/.NET source codes, all complete source
codes is shipped without
more than 400 C + + extension class, more than 500 thousands lines of effective VC++ / MFC source code, more than 70
ready to use solution's source code, complete and
detailed online help system and user documentation,
supporting development tools designed!
flexible and easy to use graphical visualization of
source code libraries.
and flexible components to create a variety of charts to meet
design specifications, it is easy to use, in just a
few days can be designed according to your needs
provide complete support for products, download the
such as automatic layout, multi-level collapsible
sub graph, cell connection point, XML, DXF, SHP, SVG,
etc., can help you quickly create complex and
a number of events: such as click, double click,
hover, select, rubber band select, copy, delete,
resize and move the support.
the most complex operations: such as drag and drop,
unlimited undo / redo and clipboard operations and
time and money to obtain reliability.
picture is worth a thousand words, E-XD++ offer more
than 500 thousands lines of well-designed and
well-tested C/C + +/.NET source code!
takes years, thousands of customers worldwide
validation, can save you a lot of development time
not just listen to us say it a try!
free trial includes all you need to prototype your
version of the E-XD++ component library visual
graphics solutions for enterprise version provides
all the source code, click the button below to order
Contact UCanCode Software
To buy the source code or learn more about with:
E-XD++ IPC and configuration solutions and GIS
solutions for Gis more powerful features):