Sei sulla pagina 1di 414
WinCC V4 Manual Part 2/3 C79000-G8276-C107-01 Edition August 1997

WinCC V4

Manual Part 2/3

C79000-G8276-C107-01

Edition August 1997

WinCC, SIMATIC, SINEC, STEP are Siemens registered trademarks.

All other product and system names in this manual are (registered) trademarks of their respective owners and must be treated accordingly.

(The reproduction, transmission or use of this document or its contents is not permitted without express written authority. Offenders will be liable for damages. All rights, including rights created by patent grant or registration of a utility model or design, are reserved.)

Siemens AG 1994 - 1997 All rights reserved

(We have checked the contents of this manual for agreement with the hardware and software described. Since deviations cannot be precluded entirely, we cannot guarantee full agreement. However, the data in this manual are reviewed regularly and any necessary corrections included in subsequent editions. Suggestions for improvement are welcomed.)

Technical data subject to change

C79000-G8276-C107-01

Printed in the Federal Republic of Germany

Siemens Aktiengesellschaft

08.97

Graphics Designer

Table of Contents / Graphics Designer

1 Functionality

1-1

2 Structure

2-1

2.1

Color Palette

2-2

2.1.1

Assigning a Standard Color

2-2

2.1.2

Assigning a User-Defined Color

2-3

2.2

Object Palette

2-3

2.2.1

Drawing an Object

2-9

2.2.2

Selecting an Object

2-10

2.2.3

Changing Object Properties

2-10

2.2.4

Moving an Object with the Mouse

2-11

2.2.5

Sizing an Object with the Mouse

2-11

2.2.6

Changing the Start Angle/End Angle with the Mouse

2-11

2.3

Style Palette

2-12

2.3.1

Changing the Line Style

2-13

2.3.2

Changing the Line Weight

2-13

2.3.3

Changing the Line End Styles

2-14

2.3.4

Changing the Fill Pattern

2-14

2.4

Alignment Palette

2-15

2.4.1

Aligning Objects

2-16

2.5

Zoom Palette

2-17

2.6

Menu Bar

2-17

2.6.1

File Menu

2-18

2.6.2

Edit Menu

2-21

2.6.3

View Menu

2-26

2.6.4

Insert

2-30

2.6.5

Align

2-30

2.6.6

Options Menu

2-32

2.6.7

Window Menu

2-33

2.6.8

Help Menu

2-34

2.7

Standard Toolbar

2-35

2.8

Font Palette

2-37

2.8.1

Changing the Font

2-37

2.8.2

Changing the Font Size

2-37

2.8.3

Changing the Font Color

2-37

2.8.4

Changing the Line Color

2-37

2.9

Status Bar

2-38

2.10

Layer Bar

2-38

WinCC Manual

i

C79000-G8276-C107-01

Graphics Designer

08.97

2.11

Object Properties

2-39

2.11.1

Display Object Properties

2-39

2.11.2

Pin

2-39

2.11.3

Pipettes for Transferring Object Properties

2-40

2.11.4

Object List

2-40

2.11.5

"Properties" Tab

2-40

2.11.6

"Event" Tab

2-50

2.11.7

Setting Dynamics with a Direct Connection

2-52

2.11.7.1

Constants as Source of a Direct Connection

2-55

2.11.7.2

Object Properties as Source of Direct Connections

2-56

2.11.7.3

Tags as Source of Direct Connections

2-57

3 Configuring Actions

3-1

3.1

Introduction

3-1

3.2

Linking Actions with Graphic Objects

3-2

3.2.1

Making Object Properties Dynamic

3-2

3.2.1.1

Setting Dynamics Using the Dynamics Dialog

3-3

3.2.1.2

Adding Dynamics with the Dynamic-Wizard

3-15

3.2.1.2.1

System Functions

3-16

3.2.1.2.2

Miscellaneous Functions

3-16

3.2.1.2.3

Standard Dynamics

3-16

3.2.1.2.4

Import Functions

3-17

3.2.1.2.5

Picture Functions

3-17

3.2.1.2.6

User Archive Functions

3-18

3.2.1.2.7

Example of a configured Dynamic

3-19

3.2.1.3

Setting Dynamics with a C Action

3-21

3.2.1.4

Setting Dynamics with a Tag Value

3-32

3.2.2

Reacting to Events

3-35

4 Appendix

4-1

4.1

Object types and their properties

4-1

4.1.1

Line Properties

4-1

4.1.2

Polygon Properties

4-2

4.1.3

Polyline Properties

4-3

4.1.4

Ellipse Properties

4-4

4.1.5

Circle Properties

4-5

4.1.6

Ellipse Segment Properties

4-6

4.1.7

Pie Segment Properties

4-7

4.1.8

Ellipse Arc Properties

4-8

4.1.9

Circular Arc Properties

4-9

4.1.10

Rectangle Properties

4-10

4.1.11

Rounded Rectangle Properties

4-11

4.1.12

Static Text Properties

4-12

4.1.13

Application Window Properties

4-14

4.1.14

Picture Window Properties

4-15

ii

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

4.1.15

OLE Control Properties

4-16

4.1.16

OLE Object Properties

4-17

4.1.17

I/O Field Properties

4-18

4.1.18

Bar Properties

4-20

4.1.19

Graphic Object (External Format) Properties

4-23

4.1.20

Status Display Properties

4-24

4.1.21

Text List Properties

4-25

4.1.22

Button Properties

4-27

4.1.23

Check Box Properties

4-29

4.1.24

Option Group Properties

4-31

4.1.25

Round Button Properties

4-33

4.1.26

Slider Properties

4-35

4.1.27

Group Properties

4-37

4.1.28

Picture Properties

4-38

4.2

Attributes in Alphabetical Order

4-39

4.3

Output formats for I/O-Fields

4-72

4.4

Assignments for Text Lists

4-76

WinCC Manual

iii

C79000-G8276-C107-01

Graphics Designer

08.97

iv

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

Preface

Purpose of the Manual

Total Overview and Configuration Example

Additional Support

This manual introduces you to the functions of each software component and their operation in a reference manual format. You can find the information you need quickly by using the table of contents or the index. Naturally, the information is also available to you in the on-line help in either a context-sensitive fashion or in the on-line help contents.

The "Getting Started" manual, which is part of the WinCC package, contains a total overview of WinCC and a configuration example in which the most significant functions of the individual components are followed through in a practical application.

If you have technical questions, please address them to your Siemens contact partner, located in the businesses responsible for your location. You can find the addresses in the attachment entitled Siemens Worldwide, in "S7-300 Automation System Structure in an S7-300," in catalogs, and on CompuServe (go.autforum). In addition, you may call our Hotline at 011-49-911-895-7000 (Fax 7001).

You can find additional information on the Internet under the address

www.aut.siemens.de/coros/html_00/coros.htm.

Information about SIMATIC products

Up to date information about SIMATIC products can be obtained:

* from the Internet under http://www.aut.siemens.de/

* via fax# 08765-93 02 77 95 00

In addition, the SIMATIC Customer Support provides current information

and downloads that can be beneficial for the utilization of SIMATIC products:

* from the Internet under

http://www.aut.siemens.de/support/html_00/index.shtml

* via the SIMATIC Customer Support Mailbox under phone# +49 (911)

895-7100

* To address the mailbox, use a modem with up to V.34 (28.8 kBaud),

which parameters must be set as follows: 8, N, 1, ANSI, or dial up through

ISDN (x.75, 64 kBit).

The SIMATIC Customer Support can be reached by phone under the number +49 (911) 895-7000 and by fax under the number +49 (911) 895-7002. Inquiries can also be made via Internet mail or mail addressed to the above mailbox.

WinCC Manual

C79000-G8276-C107-01

v

Graphics Designer

08.97

vi

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

1 Functionality

Graphics Designer is used to create process pictures. It offers the following features:

Easy to use, simple interface with tool and graphic palettes

Streamlined configuration with integrated object and icon libraries

Open interfaces for importing graphics and supporting the OLE 2.0 interface

Configurable dynamic behavior of picture objects with support from an assistant (Dynamic Wizard)

Links to additional functions by means of powerful script configuration

Links to graphic objects that you can create yourself

32-bit application, capable of running under Windows 95 and Windows NT

WinCC Manual

C79000-G8276-C107-01

1-1

Graphics Designer

08.97

1-2

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2 Structure

Graphics Designer contains the following items:

Palettes for creating and editing graphic objects:

- Color Palette

- Object Palette

- Style Palette

- Alignment Palette

- Zoom Palette

- Font Palette

Palettes and bars for operating the Graphics Designer:

- Menu Bar

- Standard Palette

- Status Bar

- Layer Bar

A dialog window for setting and changing object properties:

Tips & Tricks

- Object Properties

When you start Graphics Designer, the "Tips & Tricks" window appears.

Designer, the "Tips & Tricks" window appears. Click on the "Help" button to see notes about

Click on the "Help" button to see notes about configuration.

Note: If you deselect the "Show tips at startup" check box, the system will not display the window any longer. You cannot undo this selection.

Context Sensitive Help

WinCC Manual

C79000-G8276-C107-01

By switching the context sensitive help on, you receive help text about palettes, menu commands, and buttons. It also assists you in finding additional information in on-line help .

2-1

Graphics Designer

08.97

How to Get Information About the Palettes, Menu Commands, and Buttons:

1.

In the Graphics Designer toolbar, click on the "Help"

A question mark appears on the mouse pointer.

"Help" A question mark appears on the mouse pointer. button. 2. Click on the palette, menu

button.

2. Click on the palette, menu command, or button about which you want information.

Changing the Palette Size

In order to have a better overview of the entries in the palettes, especially those in the object and style palettes, you can change the size of the palettes.

How to Change the Size of the Palettes:

1. Click on the palette border, hold down the left mouse button, and drag the palette into the workspace.

2. Drag the palette to the desired size as you do with other Windows objects.

3. While holding down the left mouse button, move the palette to wherever you want it on the screen.

2.1 Color Palette

to wherever you want it on the screen. 2.1 Color Palette Through the color palette, you

Through the color palette, you can assign one of the 16 standard colors, a basic color, or a color you define yourselfto the selected objects by using the mouse.

For example, a mouse click within the color palette changes any of the following colors:

The fill color for area objects (for example, rectangles)

The line color for line objects (for example, polylines)

The background color for text objects

Note:

The color palette can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

2.1.1 Assigning a Standard Color

How to Assign a Standard Color to an Object:

1. Click on the object.

2. Click on one of the 16 standard colors in the color palette.

2-2

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.1.2 Assigning a User-Defined Color

How to Assign a User-Defined Color to an Object:

1. Click on the object.

a User-Defined Color to an Object: 1. Click on the object. 2. Click on the 3.

2. Click on the

3. Click on the color you want in the "Basic Colors" or the user-defined colors.

icon in the color palette.

or

Click on the "Define Color >>" button to create another color combination.

2.2 Object Palette

to create another color combination. 2.2 Object Palette Using the object palette, select an object which

Using the object palette, select an object which will be created in the first visible layer of the graphics workspace. Layer 0 is assigned to this purpose in Graphics Designer. The objects available are arranged by the following subject areas:

Standard Objects which include polygon, ellipse, and rectangle

Smart Objects which include OLE control, OLE object, bar, and I/O field

Windows Objects which include Button and Check Box

Notes:

You can also access the object palette using only the keyboard by pressing "Alt + O" and then using the arrow keys.

You can place the object palette anywhere in the workspace or anchor it to a border.

The object palette can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

WinCC Manual

C79000-G8276-C107-01

2-3

Graphics Designer

08.97

Standard ObjectsGraphics Designer 08.97 Line Polygon Polyline Ellipse Circle Ellipse Segment Pie Segment Ellipse Arc Circular Arc

LineGraphics Designer 08.97 Standard Objects Polygon Polyline Ellipse Circle Ellipse Segment Pie Segment Ellipse Arc

PolygonGraphics Designer 08.97 Standard Objects Line Polyline Ellipse Circle Ellipse Segment Pie Segment Ellipse Arc Circular

PolylineGraphics Designer 08.97 Standard Objects Line Polygon Ellipse Circle Ellipse Segment Pie Segment Ellipse Arc Circular

EllipseDesigner 08.97 Standard Objects Line Polygon Polyline Circle Ellipse Segment Pie Segment Ellipse Arc Circular Arc

Circle08.97 Standard Objects Line Polygon Polyline Ellipse Ellipse Segment Pie Segment Ellipse Arc Circular Arc

Ellipse Segment08.97 Standard Objects Line Polygon Polyline Ellipse Circle Pie Segment Ellipse Arc Circular Arc Rectangle Rounded

Pie SegmentObjects Line Polygon Polyline Ellipse Circle Ellipse Segment Ellipse Arc Circular Arc Rectangle Rounded Rectangle Graphic

Ellipse ArcPolygon Polyline Ellipse Circle Ellipse Segment Pie Segment Circular Arc Rectangle Rounded Rectangle Graphic Objects

Circular ArcEllipse Circle Ellipse Segment Pie Segment Ellipse Arc Rectangle Rounded Rectangle Graphic Objects are used

RectangleCircle Ellipse Segment Pie Segment Ellipse Arc Circular Arc Rounded Rectangle Graphic Objects are used primarily

Rounded RectangleSegment Pie Segment Ellipse Arc Circular Arc Rectangle Graphic Objects are used primarily to draw system

Graphic Objects are used primarily to draw system pictures. The look of the objects can by changed at run time by making them dynamic (for example, by linking them to the process).

Static Textthem dynamic (for example, by linking them to the process). Static Text is implemented to represent

Static Text is implemented to represent text. Static means that the text is within a text object (no dynamic reference). You can change the look, location, and contents of the text box during run time. If a static text is to extend for multiple lines, a line return can be inserted via the key combinations <Shift Return> or <Ctrl m>.

Smart Objectskey combinations <Shift Return> or <Ctrl m>. Application Window Application Windows are objects managed

Application Window<Shift Return> or <Ctrl m>. Smart Objects Application Windows are objects managed by the message

Application Windows are objects managed by the message system (Alarm Logging), the archive system (Tag Logging), the report system (Print Jobs), and also by applications (Global Scripts). In Graphics Designer, the outside properties (position, size, and other attributes) are configured and transferred to the application at run time. The application opens the application window and manages it for display and operation.

2-4

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

08.97 Graphics Designer Picture Window Picture Windows are objects that accept pictures created with the Graphics

Picture Window

Picture Windows are objects that accept pictures created with the Graphics Designer. They are configured according to position, size, and their other dynamic properties. For example, one important property is a reference to the picture (picture name) to be displayed in the picture window. By changing the "Picture Name" attribute dynamically at run time, the contents of the window can be changed dynamically.

OLE Controltime, the contents of the window can be changed dynamically. Use an OLE Control to implement

Use an OLE Control to implement Windows elements (like a button or a selection box). An OLE control has attributes which are displayed in the "Object Properties" window "Event" tab and can be edited there.

window "Event" tab and can be edited there. OLE Object Graphics Designer offers the opportunity to

OLE Object

Graphics Designer offers the opportunity to insert OLE Objects in a graphic. In the CONFIGURATION mode, you can edit a few objects with the appropriate OLE application by double clicking; others are activated by double clicking. After you have made changes to a linked OLE object in an attached object box, you must update the link manually in order to display the changes. You cannot edit in the RUNTIME mode.

to display the changes. You cannot edit in the RUNTIME mode. I/O Field You can use

I/O Field

You can use the I/O Field as an input field, an output field, or a combined I/O field. The binary, hexadecimal, decimal, or string data formats are possible. You can also specify limit values, hidden input, or acceptance on full.

specify limit values, hidden input, or acceptance on full. Bar The Bar is assigned to the

Bar

The Bar is assigned to the Smart Objects group. Its properties (attributes) influence its appearance and functionality. It displays values graphically relative to a high and a low limit, either as a purely graphic overview or as a combined representation of the values with a scale that you can define.

of the values with a scale that you can define. Graphic Object (External Format) Use the

Graphic Object (External Format)

Use the Graphic Object (External Format) to accept a picture that was created in an external graphic format into a Graphics Designer picture.

WinCC Manual

C79000-G8276-C107-01

2-5

Graphics Designer

08.97

Status DisplayGraphics Designer 08.97 Use the Status Display to display any number of different states of an

Use the Status Display to display any number of different states of an object. You can make the display dynamic by connecting it to a tag whose value corresponds to the status. You can assign any number from 0 to 2 32 -1 (bit combination).

The states can accommodate gaps (1, 2, 5, 6, etc.). It is possible to have states without assigned pictures, which can, if necessary, be removed with the “Clear List” command.

Text Listif necessary, be removed with the “Clear List” command. Use the text list to assign text

Use the text list to assign text to values. It can be used as an input list (text input --> value output), output list (value input --> text output), or combined text list. The decimal, binary, or bit data formats are possible.

The "decimal" list type displays the text assigned to the output value. When you enter a text, the assigned value is transferred as an input value to the data manager. If a value range is assigned to the text, the bottom range limit is transferred. This also applies to "top open" value ranges (for example, >=100). With "bottom open" value ranges (for example, <=0), the top range limit is transferred.

The "binary" list type displays a text that is assigned to a bit of the output value if that bit is set. In this case, only one bit may be set in the output value (one text is displayed). The text assigned to that bit number is output. If more than one bit is set in the output value, the text "***" is output. When you enter a text, the data manager receives the input value of the value in which exactly that bit is set whose number corresponds to the text entered.

The "bit" list type displays a text that relates to the status of a defined bit in the output value. Exactly two texts can be configured. One text is configured if the bit is set, and another text if the bit is not set. When you enter a text, the appropriate bit is set or deleted in the available output value and the new value is used as the input value. The relevant bit is determined by a unique property (bit number).

When you use a text list object, the configured list of text assignments is opened. In the case of the "decimal" and "binary" list types, the text that corresponds to the current output value is selected. In the case of the "bit" list type, the opposing text to the current status is selected because use of this list type normally serves to "turn" a bit and therefore make further operation unnecessary.

The text list object can be connected to the text library via the “Language Switch” attribute. During the configuration, entered text is automatically written to the text library. In the text library, the texts to be displayed can be translated. If you switch data languages, the system will read the corresponding translations from the text library.

2-6

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

3D Bar08.97 Graphics Designer The 3D Bar is assigned to the smart objects group. Its properties (attributes)

The 3D Bar is assigned to the smart objects group. Its properties (attributes) influence its appearance and functionality.

It displays values graphically relative to a high and low limit. You can configure the type of the 3D display in any way you wish.

The 3D Bar is part of the Basic Process Control option package.

Group DisplayBar is part of the Basic Process Control option package. The Group Display object provides a

The Group Display object provides a hierarchically concentrated display of the current states of certain message types. Although, there is no connection to the message system within WinCC.

Use the group display in RUNTIME mode to execute a picture change to the picture in which the error source is displayed. This opportunity for rapid navigation to an error source is a very significant function for the user.

Note: The group display cannot be configured "on line" (in RUNTIME mode) because this can lead to an incorrect display in RUNTIME mode.

The Group Display is part of the Basic Process Control option package.

WinCC Manual

C79000-G8276-C107-01

2-7

Graphics Designer

08.97

Windows ObjectsGraphics Designer 08.97 Button The Button is used to control process events (like acknowledging messages or

ButtonGraphics Designer 08.97 Windows Objects The Button is used to control process events (like acknowledging messages

The Button is used to control process events (like acknowledging messages or warnings). It recognizes two states ("pressed" and "not pressed"). The link to the process is achieved by making the corresponding attributes dynamic.

Check-Boxis achieved by making the corresponding attributes dynamic. The Check Box is used when you need

The Check Box is used when you need a multiple selection. You can select one or multiple boxes in the check box by clicking on it. A very flexible link to the process can also be achieved here by making the corresponding attributes dynamic.

Option Grouphere by making the corresponding attributes dynamic. The Option Group is similar to the check box

The Option Group is similar to the check box but only allows a single selection. The process link from the option group can be created at run time by making the attribute dynamic.

Round Buttoncan be created at run time by making the attribute dynamic. The Round Button is implemented

The Round Button is implemented like the button for operating process events. However, in contrast to that button, the round button also has a latch down setting for both the "pressed" and "not pressed" states. The process link is achieved by making the appropriate attributes dynamic.

Slideris achieved by making the appropriate attributes dynamic. The Slider is implemented as a movement regulator

The Slider is implemented as a movement regulator for controlling a process (for example, temperature control). The control range lies between the minimum and maximum values. You can establish a link to the process by making the appropriate attributes dynamic.

2-8

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.2.1 Drawing an Object

Before you begin

All objects are drawn with the default object properties in the first visible layer of the graphic workspace. Layer 0 is assigned for this purpose in Graphics Designer. You can change all of these default settings (see "Changing Object Properties").

How to Draw an Object:

1.

Select the desired object by using the mouse in the object palette.

2.

In the workspace, click the mouse where you want to place the object. Then drag the cursor while pressing the mouse button until the object reaches the desired size.

or

Click on the workspace. The object is then displayed in a system default size.

or

1.

Activate the object palette with the keystroke combination "Alt + O".

2.

Select the object type using the arrow keys.

3.

Create the selected object with defaults by hitting the "Enter" key.

How to Draw a Polygon or a Polyline:

1. Select the "Polygon" or "Polyline" icon from the object palette.

2. Click the left mouse button on the starting point.

3. Click the left mouse button on each of the other corner points.

4. By clicking the right mouse button, you can correct the part of the object you entered last.

5. End the polygon or the polyline by double clicking the left mouse button. The polygon is closed while the polyline is not.

6. If you double click on a location on the line, you can enter an additional corner point. In order to delete a corner, you must double click on the corner while pressing the "Ctrl" key.

After Drawing

WinCC Manual

C79000-G8276-C107-01

key. After Drawing WinCC Manual C79000-G8276-C107-01 Note: If you turn on the "Grid" you can align
key. After Drawing WinCC Manual C79000-G8276-C107-01 Note: If you turn on the "Grid" you can align

Note: If you turn on the "Grid"

you can align the drawn objects with each other much better.

and the "Snap to Grid"

functions,

After an object is drawn, the object palette automatically changes to the "Select Object" mode. Now you can create another object or select an object which is already in the workspace and change its properties. You can change

the defaults using the menu "Options" - "Settings

" in the "Options" tab.

2-9

Graphics Designer

08.97

2.2.2 Selecting an Object

How to Select an Object:

Click on the object with the mouse.

How to Select Multiple Objects (Multiple Selection):

Hold down the "Shift" key and click on each object with the mouse.

or

Hold down the mouse button and drag a frame ("lasso") around the objects you want to select.

Note: If you used the "Options" - "Settings

"Touching" option under "Object Selection" in the "Options" tab, you can mark the objects you want by simply touching them with the lasso. With the "Surrounding" option, all of the objects to be marked must be completely enclosed by the lasso.

" menu to select the

2.2.3 Changing Object Properties

How to Change the Object Properties:

1. Click on an object with the mouse.

2. Click the right mouse button to open the pop-up menu.

3. Click on "Properties" to display the object properties.

4. In the "Properties" tab, select the corresponding attribute to change the object property.

Note: With multiple selection, all of the attributes of the selected objects are listed in the "Properties" tab. However, only attribute values that are identical in all of the objects are displayed.

Setting Object

Properties

You can set default object properties for each object type. These defaults are used each time a new object is created.

How to Set the Defaults for Object Properties:

is created. How to Set the Defaults for Object Properties: 1. Open the dialog window with

1. Open the dialog window with the object properties by means of the button on the standard palette or the "View" - "Properties" menu and

attach it to the screen with the Pin

.
.

2. Select an object type from the object palette. The properties for the corresponding default object are displayed.

3. Change the desired object properties in the "Properties" tab in the "Static" column.

2-10

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

4. When you exit Graphics Designer, you can save the presettings by means of the "Options" - "Settings" menu in the "Default Objects" tab.

Note: You can change some properties directly, like line and border style, or background color, by using the style or color palettes.

2.2.4 Moving an Object with the Mouse

How to Move an Object with the Mouse:

1. Click on an object and hold down the left mouse button.

2. Drag the object to the desired position.

mouse button. 2. Drag the object to the desired position. Note: If the "Snap to Grid"

Note: If the "Snap to Grid"

shifted according to the grid setting.

function is enabled, the object can only be

2.2.5 Sizing an Object with the Mouse

How to Change the Size of an Object with the Mouse:

1. Click the mouse on the object. The object is then surrounded by a rectangle with 8 handles.

Example:

is then surrounded by a rectangle with 8 handles. Example: 2. Click on one of these

2. Click on one of these handles and hold down the left mouse button.

3. Drag the object to the desired size.

You can change the size of the object diagonally with one of the four corner handles. Change the size horizontally or vertically with one of the handles in the middle of the border.

2.2.6 Changing the Start Angle/End Angle with the Mouse

The "Change the Start and End Angle" function relates to the objects "Ellipse Segment," "Ellipse Arc," "Pie Segment," and "Circular Arc."

WinCC Manual

C79000-G8276-C107-01

2-11

Graphics Designer

08.97

How to Change the Start/End Angle of an Object with the Mouse:

1. Click on the object with the mouse. The object is then surrounded by a rectangle with 8 handles. The end points of the curved object are identified by somewhat larger handles.

Example:

object are identified by somewhat larger handles. Example: 2. Click on one of the larger handles

2. Click on one of the larger handles and hold down the mouse button. The pointer changes to a crosshair with an S (Start Angle) or an E (End Angle) attached.

3. Drag the object to the desired size.

Example:

attached. 3. Drag the object to the desired size. Example: You can change the size of

You can change the size of the object diagonally with one of the four corner handles. Change the size horizontally or vertically with one of the handles in the middle of the border.

2.3 Style Palette

the handles in the middle of the border. 2.3 Style Palette Change the look of the

Change the look of the selected object using the style palette. Depending on the object type, there are different types of styles available. For example:

Line/Border Styles

Line/Border Weights

Line End Styles for line objects

Fill Patterns

Note:

The settings that are currently selected are displayed in a bold typeface.

You can also operate the style palette with the keystroke combination "Alt + S" and the arrow keys.

You can place the style palette anywhere in the workspace or anchor it to a border.

The style palette can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

2-12

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.3.1 Changing the Line Style

The look of lines and borders can be altered by changing the line properties. There are different line styles available, like dot, dash, solid, etc. You can select the type of line or border from the style palette.

How to Change the Line/Border Style Using the Style Palette:

1.

Click on an object with the mouse.

2.

Click on

2. Click on in the Style Palette.

in the Style Palette.

or

Click on the

Click on the in front of your selection to open it.

in front of your selection to open it.

3.

Click on the line you want to use from the selection available.

or

1.

Activate the style palette using the keystroke combination "Alt + S."

2.

Select the line style you want using the arrow keys.

3.

Accept the setting by hitting the "Enter" key.

Note: If you select the line/border styles "dash," "dot," "dash dot," and "dash dot dot," a weight of 1 pixel is always displayed regardless of the selected line weight.

2.3.2 Changing the Line Weight

The look of lines and borders can be altered by changing the weight. There are different weights available. You can select the thickness of the lines or borders from the style palette. The values provided correspond to a line/border weight measured in pixels.

How to Change the Line/Border Weight Using the Style Palette:

1.

Click on an object with the mouse.

2.

Double click on the

2. Double click on the icon in the style palette.

icon in the style palette.

or

Click on the

in front of your selection to open it.

in front of your selection to open it.

3.

Click on the weight you want to use from the selection available.

or

1.

Activate the style palette using the keystroke combination "Alt + S."

2.

Select the line weight you want using the arrow keys.

3.

Accept the setting by hitting the "Enter" key.

Note: The weight can only be enlarged for the "solid" line/border style. A line weight of 1 pixel is always displayed for all other line/border styles even if you select a larger line weight.

WinCC Manual

C79000-G8276-C107-01

2-13

Graphics Designer

08.97

2.3.3 Changing the Line End Styles

The look of line ends can be altered by changing the line properties. There are different line end styles available, like none, one-sided, two-sided, and thin or thick arrows. You can select the type of line end style from the style palette.

How to Change the Line End Styles Using the Style Palette:

1.

Click on a line object with the mouse.

2.

Double click on the

2. Double click on the icon in the style palette.

icon in the style palette.

or

Click on the

in front of your selection to open it.

in front of your selection to open it.

3.

Click on the line end style you want to use from the selection available.

or

1.

Activate the style palette using the keystroke combination "Alt + S."

2.

Select the line end style you want using the arrow keys.

3.

Accept the setting by hitting the "Enter" key.

Note: The "Line End Style" property is not available for borders around surface objects.

2.3.4 Changing the Fill Pattern

The look of the background surfaces of objects can be altered by changing the object properties. There are different fill patterns available, like solid, striped, transparent, etc. You can select the fill pattern from the style palette.

How to Change the Fill Pattern Using the Style Palette:

1.

Click on the surface object.

2.

Click on the

2. Click on the icon in the style palette.

icon in the style palette.

or

Click on the

in front of your selection to open it.

in front of your selection to open it.

3.

Click on the fill pattern you want to use from the selection available.

or

1.

Activate the style palette using the keystroke combination "Alt + S."

2.

Select the fill pattern you want using the arrow keys.

3.

Accept the setting by hitting the "Enter" key.

2-14

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.4 Alignment Palette

08.97 Graphics Designer 2.4 Alignment Palette With the alignment palette , you can perform any of

With the alignment palette , you can perform any of the following actions:

Change the absolute location of one or more objects.

Change the location of the selected objects relative to each other.

Unify the height and width of multiple objects.

The following alignment functions are available for the selected objects:

Align Objects Left (Menu Arrange - Align - Left)alignment functions are available for the selected objects: Align Objects Right (Menu Arrange - Align -

Align Objects Right (Menu Arrange - Align - Right)objects: Align Objects Left (Menu Arrange - Align - Left) Align Objects Top (Menu Arrange -

Align Objects Top (Menu Arrange - Align - Top)- Left) Align Objects Right (Menu Arrange - Align - Right) Align Objects Bottom (Menu Arrange

Align Objects Bottom (Menu Arrange - Align - Bottom)- Right) Align Objects Top (Menu Arrange - Align - Top) Center Objects Horizontally (Menu Arrange

Center Objects Horizontally (Menu Arrange - Align - Center Horizontally)- Top) Align Objects Bottom (Menu Arrange - Align - Bottom) Center Objects Vertically (Menu Arrange

Center Objects Vertically (Menu Arrange - Align - Center Vertically)Horizontally (Menu Arrange - Align - Center Horizontally) Space Objects Horizontally (Menu Arrange - Align -

Space Objects Horizontally (Menu Arrange - Align - Space Horizontally)Vertically (Menu Arrange - Align - Center Vertically) Space Objects Vertically (Menu Arrange - Align -

Space Objects Vertically (Menu Arrange - Align - Space Vertically)Horizontally (Menu Arrange - Align - Space Horizontally) Unify the Width of the Objects (Menu Arrange

Unify the Width of the Objects (Menu Arrange - Align - Same Width)Objects Vertically (Menu Arrange - Align - Space Vertically) Unify the Height of the Objects (Menu

Unify the Height of the Objects (Menu Arrange - Align - Same Height)the Width of the Objects (Menu Arrange - Align - Same Width) Unify the Width and

Unify the Width and Height of the Objects (Menu Arrange - Align - Same Width and Height).Height of the Objects (Menu Arrange - Align - Same Height) Note: You can place the

Note:

You can place the alignment palette anywhere in the workspace or anchor it to a border.

The alignment palette can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

WinCC Manual

C79000-G8276-C107-01

2-15

Graphics Designer

08.97

2.4.1 Aligning Objects

How to Align Objects:

1. Select the objects that you want to realign.

2. Click on the corresponding icon in the alignment palette.

The objects are realigned.

Note: For the functions “Left”, “Right”, “Top”, and “Bottom”, the type of selection determines, which object will be used as reference for the alignment. If the objects have been selected via a selection frame (lasso), the object located the furthest out will be used as reference. If the objects have been selected via the mouse and the “Shift” key, the object selected first will be used as reference for the alignment.

How to Unify the Width/Height of Objects:

1. While holding down the "Shift" key, click on the objects you want to unify in your workspace.

2. Click on the appropriate icon in the alignment palette.

The objects are all set to the width and/or height of the object that was selected first. The line weight, however, is not changed.

Note: If you select the objects with the mouse (border), they assume the width and/or height of the object which was implemented first in this group.

Note: The type of selection determines, which object will be used as reference for the alignment. If the objects have been selected via a selection frame (lasso), the object located the furthest out will be used as reference. If the objects have been selected via the mouse and the “Shift” key, the object selected first will be used as reference for the alignment. Note: The type of selection determines, which object will be used as reference for the alignment. If the objects have been selected via a selection frame (lasso), the object located the furthest out will be used as reference. If the objects have been selected via the mouse and the “Shift” key, the object selected first will be used as reference for the alignment. Note: The type of selection determines, which object will be used as reference for the alignment. If the objects have been selected via a selection frame (lasso), the object located the furthest out will be used as reference. If the objects have been selected via the mouse and the “Shift” key, the object selected first will be used as reference for the alignment. Note: The type of selection determines, which object will be used as reference for the alignment. If the objects have been selected via a selection frame (lasso), the object located the furthest out will be used as reference. If the objects have been selected via the mouse and the “Shift” key, the object selected first will be used as reference for the alignment.

2-16

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.5 Zoom Palette

08.97 Graphics Designer 2.5 Zoom Palette The zoom palette lets you use the mouse on the

The zoom palette lets you use the mouse on the slider or the buttons to set the zoom factor of the active window. The current zoom factor is displayed below the slider.

You can also set Zoom step-by-step using the standard toolbar functions.

Notes:

You can also control the zoom palette using the keystroke combination "Alt + Z" and the arrow keys.

You can place the zoom palette anywhere in the workspace or anchor it to a border.

The zoom palette can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

How to Set the Zoom Factor:

1. Holding down the mouse button, drag the slider to the desired zoom factor.

or

Click above or below the control. The zoom factor is set to the appropriate zoom level according to the position of the mouse.

or

Use one of the buttons to set the zoom factor to the standard sizes 8, 4, 1, ½ or ¼.

2. After you release the mouse button, the picture is displayed at the zoom factor (percentage) shown in the zoom palette.

2.6 Menu Bar

factor (percentage) shown in the zoom palette. 2.6 Menu Bar WinCC Manual C79000-G8276-C107-01 The menu bar

WinCC Manual

C79000-G8276-C107-01

The menu bar contains all of the menu commands available in Graphics Designer. Commands which cannot be activated are shown in gray.

2-17

Graphics Designer

08.97

2.6.1 File Menu

New

Graphics Designer 08.97 2.6.1 File Menu New Create an empty window with the "New" command. You

Create an empty window with the "New" command. You can draw a new picture in this window.

Graphics Designer provides an empty workspace with a default name NewPdlx. The x is incremented every time a new picture is created. When you save, you can change the name.

Open

Load an existing file to the workspace with the "Openis created. When you save, you can change the name. Open " command. The project-specific files

" command.

The project-specific files for Graphics Designer (file name extension .PDL) are listed as defaults.

For further information about the process of file selection, see the Windows 95 description or the Windows NT description. Note: With a "Multi-User System" project type, another user may already

have the picture file open that you want to open. In this case, the system opens

a copy of the file with write protection. If you make changes, this file must be saved under another name.

Close

Activate RUNTIME

Remove the opened file from the screen with the "Close" command.

If you have not yet saved a change to the file, Graphics Designer asks if you

want to save the file. If you answer with "Yes," the file is saved. If the file is a

new picture, you open the "File" - "Save As

" dialog.

you open the "File" - "Save As " dialog. Use the "Activate RUNTIME" command to switch

Use the "Activate RUNTIME" command to switch to RUNTIME mode to test the current picture.

Note: If you have not saved the picture yet, a dialog window opens and requests that you do so. If you exit the save dialog by means of "Cancel," the system does not switch to RUNTIME mode.

Save

the system does not switch to RUNTIME mode. Save Save the current version of your work

Save the current version of your work with the "Save" command. Use this command when a file is saved for the first time and does not have a permanent name, or when you want to save a change to the file under the same path and name.

The program-specific file name extension .PDL is attached to the file name as

a default.

Note: With a "Multi-User System" project type, the picture file to be saved may have been opened "write protected." In this case, the "Save" function is not possible. You must save the file under another name.

2-18

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

Save As

Save the current version of your work with the "Save As

"

command. Use

this command if you want to change the name or the path of the file. The

dialog box is like the one for the "Save" command.

 

For conventions and procedures about assigning a file name and path, see the Windows 95 description or the Windows NT description.

The program-specific file name extension .PDL is attached to the file name as a default.

Save All

Save the current version of all open work windows under already existing names with the "Save All" command. If a window has not been named, the

system automatically switches to the "Save As

"

dialog.

Print

Print the open picture to the preset printer with the "Print

Print the open picture to the preset printer with the "Print

"

command.

Print to File This routes the print output of a picture to a new file in a drive you specify instead of sending the output directly to a printer. This is useful if you want to print a picture on a printer which is not available on your system.

Collate Sorts the pages by sets when you are making multiple sets of a picture. Graphics Designer prints out the first set completely before it begins printing the next set.

Print Preview

Use the "Print Preview" command to check the page layout in the print view before you print it out. This gives you a view of the print picture with the following Toolbar:

you a view of the print picture with the following Toolbar: Print Start the printout. Next/Previous

Print Start the printout.

Next/Previous View the next/previous page in the print view.

Two Pages View two pages beside each other on the screen.

One Page Switch from the two page view back to the single page view.

Zoom In/Zoom Out Zoom the print preview display with "Zoom In"/"Zoom Out."

Close Exit the print preview and return to the normal editing view of Graphics Designer.

WinCC Manual

C79000-G8276-C107-01

2-19

Graphics Designer

08.97

Printer Setup

Set up the desired printer and its parameters.

Properties Open a dialog box in which you can set printer-specific properties. These properties are dependent on the capabilities of the printer that is set. This means that the dialog boxes are quite different depending on the type of printer.

Print Feedback

Print the current picture and all of the objects contained therein along with

Documentation

their properties with the "Print Feedback Documentation means of the report system in WinCC (Report Designer).

"

command by

Note: The feedback documentation is sent to the printer that is set in the Report Designer. You can change the print layout by means of the Report Designer.

Feedback

Use the "Feedback Documentation Preview" command to check the page

Documentation

layout of the feedback documentation in the print view before you print it out.

Preview

This gives you a view of the print picture with the following Toolbar:

you a view of the print picture with the following Toolbar: Print Start the printout. Next/Previous

Print Start the printout.

Next/Previous View the next/previous page in the print view.

Two Pages View two pages beside each other on the screen.

One Page Switch from the two page view back to the single page view.

 

Zoom In/Zoom Out Zoom the print preview display with "Zoom In"/"Zoom Out."

Close Exit the feedback documentation preview.

Export

Export the picture which is currently in the configuration window in the "Enhanced Meta File (.EMF)" or "Windows Meta File (.WMF)" format.

The program-specific file name extension .EMF is attached to the file name as a default.

Note: When you export a picture created with the Graphics Designer, you lose all object properties which can be made dynamic that belong to individual objects.

2-20

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

File List

The file list displays the file names of the four most recently edited pictures. This area offers you rapid access to the files without having to use the "File" -

"Open

"

dialog.

Exit

Exit the Graphics Designer.

2.6.2 Edit Menu

Undo

Redo

Cut

Copy

Duplicate

Paste

Delete

Select All

WinCC Manual

C79000-G8276-C107-01

If you have not yet saved changes to open files, Graphics Designer asks if you want to save the files. If you answer with "Yes," you open the save dialog (see

"Save File" or "Save File As

Note: You can also exit Graphics Designer implicitly by means of the Control Center. If you still have a dialog window open in Graphics Designer at that point, the system releases an appropriate message. You must then exit Graphics Designer explicitly.

").

Take back the last command used in processing the picture (Undo).You must then exit Graphics Designer explicitly. "). Repeats the action that was undone ("Undo")

Repeats the action that was undone ("Undo") previously.back the last command used in processing the picture (Undo). Remove objects from the picture and

Remove objects from the picture and place them on the Clipboard. The picture is stored on the Clipboard until a new "Cut" or "Copy" replaces it.the action that was undone ("Undo") previously. Create a copy of an object and store it

Create a copy of an object and store it on the Clipboard. The picture is stored on the Clipboard until a new "Cut" or "Copy" replaces it.until a new "Cut" or "Copy" replaces it. Create a copy of an object directly in

Create a copy of an object directly in the picture. Objects duplicated this way are not stored on the Clipboard.

Copy the contents of the Clipboard and insert them in the picture. The contents of the Clipboard do not change.Objects duplicated this way are not stored on the Clipboard. Remove all of the highlighted objects

Remove all of the highlighted objects from the picture without overwriting the Clipboard. The objects can only be returned to the picture using the "Undo" command.

Highlight all of the objects in the picture.

2-21

Graphics Designer

08.97

Group

Group multiple selected objects together in what is known as a group object. All objects except OLE Controls and OLE Objects may be grouped. All of the objects in a group can be selected and edited with one single mouse click.

How Make a Group of Objects:

1. Holding the "Shift" key, click on all of the objects that you want to group together.

or

Draw a border around the desired objects using the mouse.

2. Click on "Group" in the "Edit" menu.

Edit Group Objects You can change the properties of all of the group elements globally
Edit Group Objects
You can change the properties of all of the group elements globally or edit the
properties of each individual element using the "Object Properties" window.
Sample
Object properties of an object group consisting of a line, a circle, and a
rectangle:
2-22
WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

How to Edit Objects within a Group:

1. Highlight the group of objects.

2. Display the object properties (by double clicking on the group).

3. Select a property of an individual object or a property from the whole group.

4. Edit the properties.

Notes:

The properties of the group consist of the default attributes of the group and the batch of attributes belonging to all of the subobjects. Each attribute is only listed once. Changing a group attribute has an effect on all of the subobjects that share the attribute.

Changing the attributes "Position X" and "Position Y" in the group element does not change the same attributes in the individual elements. Each individual object retains this property in relation to the group origin.

Ungroup

Ungroup a group of objects so that you can edit each object individually.

TAB Sequence

Influence the sequence in which operable objects are triggered in RUNTIME mode. Differentiate between the following:

Alpha Cursor Objects

Tab Order Objects

"Alpha Cursor" - "Sequence" generally relates to I/O objects. I/O objects can also contain a number in the sequence for the Tab order.

"Tab Order" - "Sequence" relates to objects which are selected using the "Object Type" data area. Open the "Object Type" dialog box with the "Edit" - "TAB Sequence" - "Tab Order" - "Settings" command.

Note: Operable I/O objects can possess a number in the TAB sequence for both the Alpha Cursor and the Tab Order. These are listed according to the sequence in which they were created.

WinCC Manual

C79000-G8276-C107-01

2-23

Graphics Designer

08.97

How to Set the TAB Sequence of the Alpha Cursor:

1. Click on "TAB Sequence" - "Alpha Cursor" - "Sequence" in the "Edit" menu.

A numbered rectangle appears in the upper left corner of each

input/output object.

in the upper left corner of each input/output object. 2. Click on these rectangles sequentially. The

2. Click on these rectangles sequentially. The numbers increase correspondingly.

3. End the input by clicking on an empty space in the workspace.

You can still change numbering later. You can also remove objects from the TAB sequence or reenter objects in the TAB sequence.

Note: If you hold the "Shift" key and click on the object, the number is reset to 1.

How to Set the TAB Sequence of the Tab Order:

1. Click on "TAB Sequence" - "Tab Order" - "Sequence" in the "Edit" menu.

A numbered rectangle appears in the upper left corner of each object

selected by "Edit" - "TAB Sequence" - "Tab Order" - "Settings".

Sequence" - "Tab Order" - "Settings". 2. Click on these rectangles sequentially. The numbers

2. Click on these rectangles sequentially. The numbers increase correspondingly.

3. End the input by clicking on an empty space in the workspace.

You can still change numbering later. You can also remove objects from the TAB sequence or reenter objects in the TAB sequence.

Note: If you hold the "Shift" key and click on the object, the number is reset to 1.

2-24

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

How to Change the Selection of Object Types for the Tab Order:

1. Click on "TAB Sequence" - "Tab Order" - "Settings menu.

" in the "Edit"

Order" - "Settings menu. " in the "Edit" 2. In the dialog box, click on the

2. In the dialog box, click on the object types which should be included in the TAB sequence of the Tab Order.

How to Change an Existing TAB Sequence:

1. In the "Edit" menu, click on "TAB Sequence" - "Alpha Cursor" or "TAB Sequence" - "Tab Order."

The TAB sequence number is inserted in the objects.

2. The first object you click on receives the number 1.

3. Now click sequentially on the other objects. They are numbered according to the order of their selection.

Notes:

If you click on an object while holding the "Shift" key, you assign the number 1 and thus start a new sequence.

In order to renumber only some of the objects, hold the "Ctrl" key and click on the last object which should retain its number. Numbers above that one are reassigned to other objects when you click on those objects.

How to Delete an Object from a TAB Sequence:

1. Click on "TAB Sequence" - "Alpha Cursor" or "TAB Sequence" - "Tab Order" in the "Edit" menu.

The TAB sequence numbers are inserted in the objects.

2. Holding the "Shift" + "Ctrl" keys, click on the object to be deleted from the TAB sequence.

The number of the object is replaced by an asterisk (*). The objects with higher numbers are automatically renumbered.

WinCC Manual

C79000-G8276-C107-01

2-25

Graphics Designer

08.97

How to Reinsert an Object into the TAB Sequence:

1. Click on "TAB Sequence" - "Alpha Cursor" or "TAB Sequence" - "Tab Order" in the "Edit" menu.

The TAB sequence number is inserted in the objects.

2. Holding the "Shift" + "Ctrl" keys, click on the object marked with an asterisk (*) that is to be reinserted in the TAB sequence.

The asterisk (*) is replaced by the next number in the TAB sequence.

Properties

2.6.3 View Menu

Properties

Library

Transfer the properties of an object or an object group to another object using the "Properties" menu item under the "Edit" menu. You can select from two functions which can also be accessed using the standard toolbar icons:

Copy Properties

Assign Properties

toolbar icons: ∑ Copy Properties ∑ Assign Properties Copy Properties Copies the properties from an object

Copy Properties Copies the properties from an object (except for the object name and the properties belonging to the "Geometry" area) in order to transfer them to another object.

area) in order to transfer them to another object. Assign Properties After you take properties from

Assign Properties After you take properties from one object with the "Properties" - "Copy" command, transfer them to a selected object with the "Properties" - "Assign" command. Only the properties (attributes) which both objects contain (like color, line weight, and border weight) are assigned.

Opens a window where the properties of the selected object or object group are displayed.(like color, line weight, and border weight) are assigned. Opens the Graphics Designer picture library. You

Opens the Graphics Designer picture library. You can store objects created in Graphics Designer as icons under any name you select in this library. Then you can paste them into other pictures if necessary.of the selected object or object group are displayed. The pictures can be stored in either

The pictures can be stored in either a global library (path is provided in the MCP.INI file) or a project-related library (\LIBRARY in project path).

How to Store a Graphic Object in a Library:

1. Highlight the object or the group of objects you want to store under a name in the library.

2-26

2. In the toolbar, select the

a name in the library. 2-26 2. In the toolbar, select the button, or click on

button, or click on "Library" in the "View"

menu. The library window will open.

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

3. Select whether the object should be stored in the "Global Library" or in the "Project Library."

4. Select a folder in which to store the object.

5. Using the mouse, move the object to the file list. The object receives the

default name Objectx (x = 1, 2, 3

).

The name remains highlighted.

6. Assign a picture-related name to the object. You can also change the name of a picture later.

You can also use the pop-up commands "Copy" and "Paste" as well as the Toolbar icons or the keystroke combination "Ctrl + C" and "Ctrl + V" to move the object.

Note: Pictures with tag links and actions should not be stored in the "Global Library" since this could lead to errors when they are linked to other projects.

How to Paste a Graphic Object from a Library:

1. In the toolbar, select the

button, or click on "Library" in the "View"Graphic Object from a Library: 1. In the toolbar, select the menu. The library window will

menu. The library window will open.

2. Select whether you want to take the object from the "Global Library" or from the "Project Library."

3. Select the folder you want to take the object from.

4. Click on the desired object and move it to the Graphics Designer workspace.

or

Click on the desired object, open the pop-up menu, and click on the "Copy" command. Click on the Graphics Designer workspace, open the pop-up menu, and execute the "Paste" command.

How to Change a Picture Name in the Library:

1. In the toolbar, select the

button, or click on "Library" in the "View"a Picture Name in the Library: 1. In the toolbar, select the menu. The library window

menu. The library window will open.

2. Click on the icon for the picture to be changed.

3. Using the right mouse button, open the pop-up menu and execute the "Rename" command. The file name is highlighted.

4. Input a new name for the picture.

Library Toolbar

Library Toolbar

The Library Toolbar contains some of the icons that are in the Windows Explorer Toolbar, plus "Preview."

Toolbars

Turn the palettes and toolbars on and off depending on your need.

WinCC Manual

C79000-G8276-C107-01

2-27

Graphics Designer

08.97

How to Display/Hide Toolbars:

1. Click on "Toolbars

" in the "View" menu.

1. Click on "Toolbars " in the "View" menu. 2. In the “Toolbars” dialog, select or

2. In the “Toolbars” dialog, select or deselect palettes and toolbars by clicking on the corresponding check-boxes. This will turn them on or off.

A check mark in the control box shows that the palette or toolbar is selected.

You can test the effect on the screen display without exiting the dialog box by using the "Apply" button. Use the "Restore" button to recreate the last setting of the toolbars that was saved.

Full Screen

Enlarge the workspace to the full screen size. This hides all palettes and bars.

Switch back to the normal view by pressing any given key or any mouse button.

Grid

view by pressing any given key or any mouse button. Grid You can insert a grid
view by pressing any given key or any mouse button. Grid You can insert a grid

You can insert a grid into the workspace in order to make your work there more precise. If you also switch on the "Snap to Grid" function, all newly drawn objects are automatically aligned with the grid points.

Note: The minimum grid space displayed on the screen is 10 pixels. If you set a smaller value (for example, 4 pixels), you can align your objects to that smaller grid value. However the screen display will show the next even- numbered multiple of that value greater than 10 pixels (in case of a setting of 4 pixels, the screen will display 12).

2-28

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

Zoom

08.97 Graphics Designer Zoom Layers Change the size of the picture shown on the screen. The

Layers

08.97 Graphics Designer Zoom Layers Change the size of the picture shown on the screen. The
08.97 Graphics Designer Zoom Layers Change the size of the picture shown on the screen. The

Change the size of the picture shown on the screen. The view can be changed according to the following increments:

From 20% to 100% in increments of 10%

From 100% to 400% in increments of 50%

From 400% to 800% in increments of 100%.

With the "Zoom" - "Zoom Area" command, you can select a segment of the screen with a lasso and enlarge the segment.

Switch layers to active or inactive. This displays or hides the objects in those different layers. An object is assigned to a layer through its object properties.

How to Make Layers Active/Inactive:

1.

Click on "Layers

"

in the "View" menu. This displays the "Settings"

dialog box with the "Visible Layers" tab.

2.

Click on the layers in the selection list which are to be set to active. These are then marked with a check mark in the list.

or

 

Use the "All On" button to make all of the layers active, or the "1 to 15 Off" button to deactivate layers 1 to 15.

or

Click on the numbers in the layer bar be set to visible or invisible.

the numbers in the layer bar be set to visible or invisible. for the layers to

for the layers to

Notes:

Objects are created in the first visible layer of the graphic workspace. Layer 0 is set as the default for this in Graphics Designer.

The system does not allow you to switch off all of the layers.

WinCC Manual

C79000-G8276-C107-01

2-29

Graphics Designer

08.97

Language

An object can receive different inputs for different languages. Use the

"Language

"

command to select the language with which the object input is

linked.

Example:

language with which the object input is linked. Example: 2.6.4 Insert Import Import graphic objects which

2.6.4

Insert

Import

Import graphic objects which are stored in different formats.

The system supports the WMF format (Windows Meta File) and the EMF format (Enhanced Windows Meta File).

2.6.5

Align

Rotate

Rotate objects by 90 degrees each. Only certain object types can be rotated (for example,

Rotate objects by 90 degrees each. Only certain object types can be rotated (for example, an OLE object cannot be rotated). The properties are appropriately adjusted during a rotation (for example, when a text box is rotated by 90 degrees, the text orientation changes from "horizontal" to "vertical").

Mirror

Mirror objects on the horizontal or vertical middle axis of the object. Only certain object
Mirror objects on the horizontal or vertical middle axis of the object. Only certain object

Mirror objects on the horizontal or vertical middle axis of the object. Only certain object types can be mirrored (for example, an OLE object cannot be mirrored). The properties are appropriately adjusted when an object is mirrored (for example, when a text box is mirrored at the vertical middle axis, the text orientation changes from "left justify" to "right justify").

Align

Determine the location of objects relative to each other. The functionality corresponds to the alignment palette.

2-30

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

Within the Layer

You can influence the location of an object with the "Within the Layer" command. The following functions are available:

Place On Top

Place On Bottom

Move Up One Layer

Move Down One Layer

On Bottom ∑ Move Up One Layer ∑ Move Down One Layer Place On Top Move

Place On Top Move an object to the foreground within a layer using the "Within the Layer" - "Place On Top" command.

"Within the Layer" - "Place On Top" command. Place On Bottom Move an object to the

Place On Bottom Move an object to the background within a layer using the "Within the Layer" - "Place On Bottom" command.

Move Up One Layer Move an object one position forward within a layer using the "Within the Layer" - "Move Up One Layer" command.

How to Move an Object One Space Forward within the Layer:

1. Highlight the object you want to move one space forward.

2. Click on "Within the Layer" - "Move Up One Layer" in the "Arrange" menu.

or

Hit the "Plus" key.

Move Down One Layer Move an object one position backward within a layer using the "Within the Layer" - "Move Down One Layer" command.

How to Move an Object One Space Backward within the Layer:

1. Highlight the object you want to move one space backward.

2. Click on "Within the Layer" - "Move Down One Layer" in the "Arrange" menu.

WinCC Manual

C79000-G8276-C107-01

or

Hit the "Minus" key.

2-31

Graphics Designer

08.97

2.6.6 Options Menu

Update References

Update existing OLE links.

This command tests all links with OLE objects and updates the contents of the objects. If a link to an OLE object is no longer valid, the object is represented by an empty object with a line through it in the Graphics Designer. You also receive an appropriate error message in the status bar.

How to Update OLE Links:

Click on "Update References" in the "Options" menu.

or

Press the F5 function key.

Settings

The "Settings

"

command opens a dialog window with the following tabs:

"Grid" Tab

"Options" Tab

 

"Visible Layers" Tab

"Default Objects" Tab

"Grid" Tab

You can insert a grid into the workspace using the "Display Grid" function in order to make your work there more precise. If you also switch on the "Snap to Grid" function, all newly drawn objects are automatically aligned with the grid points.

Note: The minimum grid space displayed on the screen is 10 pixels. If you set a smaller value (for example, 4 pixels), you can align your objects to that smaller grid value. However, the screen display will show the next even- numbered multiple of that value that is greater than 10 pixels (in case of a setting of 4 pixels, the screen will display 12). Determine basic program settings using the "Options" tab .

"Options" Tab

"Visible Layers" Tab

Decide if you want to save the configuration settings when you exit.

Decide if the objects must be completely surrounded by the lasso when they are selected or if they only have to be touched.

Decide if, after an object is created in the object palette, the object type continues to be highlighted in the object palette or if it is reset.

Decide if you want to use the configuration dialog. It makes it easier to

configure the objects for the "I/O Field," "Bar," "Button," "Slider," and "Status Display" objects types. You can make the picture layers 0 to 15 visible or invisible in the "Visible Layers" tab.

Note: The system will not allow you to switch off all the layers.

2-32

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

"Default Objects" Tab

Set the parameters for saving the presettings in the "Default Objects" tab .

Decide if you want to save the presettings when exiting.

Decide if you want to save the presettings when exiting. ∑ Select the file in which

Select the file in which the presetttings are to be stored. Use the button to search through the available paths and set a different path.

Use the "Save Now" or "Load Now" button to save or load the presettings of the objects now.

2.6.7 Window Menu

New Window

Create a copy of the current picture in another window. This means you can display different segments of a picture at the same time.

Cascade

Display all of the windows in the workspace by overlapping them in the upper left corner.

Tile Vertically

Arrange the workspace so that all open windows are visible and each window has a maximum height. The width of the individual windows is determined by the number of windows. This action fills up the entire configuration window.

Tile Horizontally

Arrange the workspace so that all open windows are visible and each window has a maximum width. The height of the individual windows is determined by the number of windows. This action fills up the entire configuration window.

Arrange Icons

Arrange all of the pictures which are reduced to icons in the workspace in the left lower half of the picture.

Close All

Close all of the open windows.

Window List

Lists all of the windows which are currently open. Any number of windows can be opened.

The selected window becomes the current window and is placed in the foreground of the picture. The name of the current window is marked with a check mark.

WinCC Manual

C79000-G8276-C107-01

2-33

Graphics Designer

08.97

2.6.8 Help Menu

Contents

Access the On-Line Help for Graphics Designer.

 

For the rest of the procedure, see the Windows 95 description or the Windows NT description.

Find

Find Turn on the context-sensitive Help.

Turn on the context-sensitive Help.

For the rest of the procedure, see the Windows 95 description or the Windows NT description.

Index

Request the index for On-Line Help.

 

For the rest of the procedure, see the Windows 95 description or the Windows NT description.

Glossary

Call up the glossary.

 

For the rest of the procedure, see the Windows 95 description or the Windows NT description.

Using Help

Receive information about how to use On-Line Help.

 

Tutorial

Start the tutorial for learning how to use Graphics Designer.

About Graphics

Designer

Receive more detailed information about the Graphics Designer program and its platform.

2-34

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.7 Standard Toolbar

08.97 Graphics Designer 2.7 Standard Toolbar The standard toolbar contains buttons you can click on with

The standard toolbar contains buttons you can click on with the mouse in order to execute commands which are needed often.

You can place the standard toolbar anywhere in the workspace or anchor it to a border. The following buttons are available:

New File (Menu File - New)anchor it to a border. The following buttons are available: Open File (Menu File - Open

Open File (Menu File - Openfollowing buttons are available: New File (Menu File - New) ) Save File (Menu File -

)

Save File (Menu File - Save)New File (Menu File - New) Open File (Menu File - Open ) Activate RUNTIME (Menu

Activate RUNTIME (Menu File - Activate RUNTIME)Open File (Menu File - Open ) Save File (Menu File - Save) Cut (Menu Edit

Cut (Menu Edit - Cut)File - Save) Activate RUNTIME (Menu File - Activate RUNTIME) Copy (Menu Edit - Copy) Paste

Copy (Menu Edit - Copy)RUNTIME (Menu File - Activate RUNTIME) Cut (Menu Edit - Cut) Paste (Menu Edit - Paste)

Paste (Menu Edit - Paste)RUNTIME) Cut (Menu Edit - Cut) Copy (Menu Edit - Copy) Undo (Menu Edit - Undo)

Undo (Menu Edit - Undo)- Cut) Copy (Menu Edit - Copy) Paste (Menu Edit - Paste) Redo (Menu Edit -

Redo (Menu Edit - Redo)- Copy) Paste (Menu Edit - Paste) Undo (Menu Edit - Undo) Print File (Menu File

Print File (Menu File - Print- Paste) Undo (Menu Edit - Undo) Redo (Menu Edit - Redo) ) Place on Top

)

Place on Top within the Layer (Menu Arrange - Within the Layer - Place on Top)Redo (Menu Edit - Redo) Print File (Menu File - Print ) Place on Bottom within

Place on Bottom within the Layer (Menu Arrange - Within the Layer - Place on Bottom)the Layer (Menu Arrange - Within the Layer - Place on Top) WinCC Manual C79000-G8276-C107-01 Grid

WinCC Manual

C79000-G8276-C107-01

Grid On/Off (Menu View - Grid)

)

Snap to Grid (Menu View - Grid)

)

2-35

Graphics Designer

08.97

Enlarge View (Menu View - Zoom - Zoom In)Graphics Designer 08.97 Reduce View (Menu View - Zoom - Zoom Out) Enlarge Segment (Menu View

Reduce View (Menu View - Zoom - Zoom Out)Designer 08.97 Enlarge View (Menu View - Zoom - Zoom In) Enlarge Segment (Menu View -

Enlarge Segment (Menu View - Zoom - Area)- Zoom - Zoom In) Reduce View (Menu View - Zoom - Zoom Out) Copy Static

Copy Static Properties of the Selected Object (Menu Edit - Properties)- Zoom - Zoom Out) Enlarge Segment (Menu View - Zoom - Area) Assign Static Properties

Assign Static Properties (Menu Edit - Properties)Properties of the Selected Object (Menu Edit - Properties) Mirror Object Vertically (Menu Arrange - Mirror

Mirror Object Vertically (Menu Arrange - Mirror - Vertically)Assign Static Properties (Menu Edit - Properties) Mirror Object Horizontally (Menu Arrange - Mirror -

Mirror Object Horizontally (Menu Arrange - Mirror - Horizontally)Object Vertically (Menu Arrange - Mirror - Vertically) Rotate Object (Menu Arrange - Rotate) Display Object

Rotate Object (Menu Arrange - Rotate)Object Horizontally (Menu Arrange - Mirror - Horizontally) Display Object Properties (Menu View - Properties) Open

Display Object Properties (Menu View - Properties)Mirror - Horizontally) Rotate Object (Menu Arrange - Rotate) Open Library (Menu View - Library) Turn

Open Library (Menu View - Library)- Rotate) Display Object Properties (Menu View - Properties) Turn on Context Sensitive Help (Menu ?

Turn on Context Sensitive Help (Menu ? - Find).(Menu View - Properties) Open Library (Menu View - Library) Note: You can place the standard

Note:

You can place the standard toolbar anywhere in the workspace or anchor it to a border.

The toolbar can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

2-36

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.8 Font Palette

08.97 Graphics Designer 2.8 Font Palette Quickly change the font and font color of text objects

Quickly change the font and font color of text objects as well as the line color of standard objects with the font palette.

Change Font

Change Font

Change Font Size

Change Font Size

Change Font Color

Change Font Color

Change Line Color

Change Line Color

Note:

You can place the font toolbar anywhere in the workspace or anchor it to a border.

The font palette can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

2.8.1 Changing the Font

entry from the “View” menu. 2.8.1 Changing the Font The currently active font is displayed in

The currently active font is displayed in the box.

2.8.2 Changing the Font Size

The font size in points (pt.) which is currently active is displayed.font is displayed in the box. 2.8.2 Changing the Font Size 2.8.3 Changing the Font Color

2.8.3 Changing the Font Color

currently active is displayed. 2.8.3 Changing the Font Color icon always takes on the color which

icon always takes on the color which was selected last.currently active is displayed. 2.8.3 Changing the Font Color The square in the This color can

The square in the

This color can be directly assigned to another text object by clicking on the icon.

2.8.4 Changing the Line Color

by clicking on the icon. 2.8.4 Changing the Line Color The function affects the following colors:

The function affects the following colors:

The color of the border in area objects

The line color in line objects

icon takes on the color which was selected last. Thisborder in area objects ∑ The line color in line objects The square in the color

The square in the

color can be directly assigned to another object by clicking on the icon.

WinCC Manual

C79000-G8276-C107-01

2-37

Graphics Designer

08.97

2.9 Status Bar

Graphics Designer 08.97 2.9 Status Bar The status bar provides you with the following information: Displays

The status bar provides you with the following information:

The status bar provides you with the following information: Displays a brief help text for a

Displays a brief help text for a selected function.

Displays a brief help text for a selected function. Displays the language selected for the text
Displays a brief help text for a selected function. Displays the language selected for the text

Displays the language selected for the text input.

Displays the name of the selected object. If multiple objects are selected, they are all displayed.

Displays the X-Y position of the object. If there is no object selected, this displays the position of the cursor.

Displays the X-Y expansion of the object. If there is no object selected, this display does not appear.object selected, this displays the position of the cursor. Displays the keystroke status (for example, the

Displays the keystroke status (for example, the Num Lock key is engaged in this case).there is no object selected, this display does not appear. Note: The status bar can be

Note: The status bar can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

2.10 Layer Bar

entry from the “View” menu. 2.10 Layer Bar In the layer bar, you can select which

In the layer bar, you can select which of the 16 layers (Layer 0 to Layer 15) are visible. Objects are created in the first visible layer of the graphic workspace. Layer 0 is the default setting for this in Graphics Designer.

Notes:

The system does not allow you to switch off all the layers.

You can place the layer bar anywhere in the workspace or anchor it to a border.

The layer bar can be turned on or off via the “Toolbars…Toolbars…>procedure” entry from the “View” menu.

2-38

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.11 Object Properties

The "Object Properties" window displays all of the properties of a selected object, an object group, or the defaults for an object type. These properties can be changed or copied. Furthermore, objects can be made dynamic here by setting the appropriate attributes, and they can be linked with actions.

Structure

The "Object Properties" window consists of the following items:

Pin to fix the window

Pipettes to copy and assign properties

Object List

"Properties" Tab

"Event" Tab

You can place the object properties window anywhere in the workspace.

2.11.1 Display Object Properties

How to Display Object Properties:

Double click on the desired object.

or

1.

Select the object whose properties you want to view.

2.

In the "View" menu, click on "Properties."

or

Click on the

Click on the icon on the standard toolbar.

icon on the standard toolbar.

or

Open the pop-up menu with the right mouse button and click on "Properties."

2.11.2 Pin

The pin gives you the opportunity to affix the "Object Properties" window to a specific location on the screen. The window can be moved to a desired position and remains open even when other objects are being processed. Its contents conform to each object selected.

WinCC Manual

C79000-G8276-C107-01

How to Affix the Window:

WinCC Manual C79000-G8276-C107-01 How to Affix the Window: . 1. Click on the pin 2. Click
.
.

1. Click on the pin

2. Click on the title bar of the window and, holding down the left mouse button, move the bar to the desired position.

. The view of the pin changes to

3. By clicking on the pin

to the desired position. . The view of the pin changes to 3. By clicking on

again, you can detach the window.

2-39

Graphics Designer

08.97

2.11.3 Pipettes for Transferring Object Properties

How to Transfer Object Properties:

1. Double click on the object whose properties you want to transfer. This opens the "Object Properties" window.

2. Click on the pin to affix the window.

.
.

3. Click on the left pipette icon

4. In the object list or in the workspace, select the object to which you want to transfer the copied properties.

5. Click on the right pipette icon

.
.

Note: Only object properties of matching object characteristics (for example, colors, border weights, etc.) are transferred.

2.11.4 Object List

In the object list, you can select additional objects in order to process them without closing the "Object Properties" window.

How to Select an Object from the Object List:

1. Click on the arrow in the object selection list to open the list.

on the arrow in the object selection list to open the list. 2. Click on the

2. Click on the desired object. The name of the active object is displayed to the left of the selection list.

Note: Objects that contains at least one dynamic attribute or one configured event are highlighted in a "bold" font in the object list.

2.11.5 "Properties" Tab

Define the properties of the selected object in the "Properties" tab.

Subject Tree

The object properties are arranged in groups in a subject tree in the left half of the "Properties" tab. When you select a group from the subject tree, the corresponding attributes are displayed in the right half of the window.

2-40

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

The following are examples of subjects which are possible depending on the object:

Geometry

Colors

Styles

Flashing

Filling

Font

Limits

Axis

Miscellaneous

Output/Input

Note: Subjects that contains at least one dynamic attribute are highlighted in

a "bold" font in the subject tree in the "Properties" tab.

Attributes

You can change the attributes using either value inputs, palettes, or pop-up menus, depending on the type of attribute.

You can make the attributes dynamic by using either a tag or the return value

of an action.

Attribute Settings

The attributes are dependent on the object type and subject you select in the subject tree. Four settings are assigned to each attribute:

Static (S

Dynamic (D

to set the update of the attribute

) for the static properties of the attribute

) to make the attribute dynamic

)

Update (U

in case the tag which makes the attribute dynamic is

Indirect (I

)

addressed indirectly

A green light bulb in the "Dynamic" column shows that the attribute is

dynamically linked with a "Tag."

If

the attribute was made dynamic using a "Dynamic Dialog," the light bulb

is

replaced by a red lightning bolt.

If

the attribute was made dynamic using a "C Action," the light bulb is

replaced by a green lightning bolt.

An attribute which is to be made dynamic using a "C Action" that has not been compiled yet, is marked by a yellow lightning bolt.

You can learn how to make an attribute dynamic by looking under "Making an Attribute Dynamic."

WinCC Manual

C79000-G8276-C107-01

2-41

Graphics Designer

08.97

Static Attribute

You can set certain properties for each attribute. These properties are set in the defaults and can be changed statically as well as dynamically for each attribute.

Note: With multiple selection, all of the attributes of the selected objects are listed in the "Properties" tab. However, only attribute values that are identical in all of the objects are displayed. If you change an attribute, the new attribute value is displayed regardless of whether the attribute was changed in one, multiple, or all objects. Various procedures are described in more detail in the following:

How to Change an Attribute with Switchover:

 

1. Select the desired subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the property set in the "Static" column (for example, Object: Static Text; Subject: Font; Attribute: Text Orientation). The attribute changes, for example, Vertical / Horizontal.

 

or

Click the right mouse button on the property which is set in the "Static" column. This opens the pop-up menu. Confirm the "Edit" menu item to change the property of the attribute.

How to Change an Attribute by Selecting One of Multiple Options:

1. Select the desired subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the property set in the "Static" column (for example, Object: Circle; Subject: Flashing; Attribute: Background Flash Frequency). Click on one of the options offered.

 

Example:

  Example:

or

Click the right mouse button on the property which is set in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item and then select the desired property for the attribute.

How to Change the Value of an Attribute:

 

1. Select the desired subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the value displayed in the "Static" column (for example, Object: Rectangle; Subject:

 

Geometry; Attribute: Position X). This opens the input dialog box.

2-42

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

08.97 Graphics Designer Example: or Click the right mouse button on the value displayed in the

Example:

or

Click the right mouse button on the value displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which then opens the input dialog box.

3. Enter the new value for the attribute.

How to Change the Text of an Attribute:

1. Select the desired subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the value displayed in the "Static" column (for example, Object: Static Text; Subject: Font; Attribute: Text). This opens the input dialog box.

Font; Attribute: Text). This opens the input dialog box. Example: or Click the right mouse button

Example:

or

Click the right mouse button on the text displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which then opens the input dialog box.

3. Enter the new text for the attribute.

Note: If the text input contains control characters, they are also displayed in the object properties (for example, \r\n corresponds to CR/LF).

How to Change the Color of an Attribute:

1. Select the "Colors" subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the color displayed in the "Static" column (for example, Object: Ellipse; Subject:

Colors; Attribute: Background Color). This opens the color palette.

WinCC Manual

C79000-G8276-C107-01

2-43

Graphics Designer

08.97

Graphics Designer 08.97 Example: or Click the right mouse button on the color displayed in the

Example:

or

Click the right mouse button on the color displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which then opens the color palette.

3 Select the new color for the attribute.

or

Select another color using the "Other

" button.

How to Change the Pattern of an Attribute:

1.

Select the "Styles" subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2.

Double click on the name of the corresponding attribute or on the pattern displayed in the "Static" column (for example, Object: Bar; Subject:

Styles; Attribute: Fill Pattern). This opens the pattern palette.

Example:

Example:

or

Click the right mouse button on the pattern displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which then opens the pattern palette.

3

Select the new pattern for the attribute.

2-44

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

How to Change the Line Style/Border Style of an Attribute:

1.

Select the "Styles" subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2.

Double click on the name of the corresponding attribute or on the line displayed in the "Static" column (for example, Object: Line; Subject:

Styles; Attribute: Line Style; or Object: Rounded Rectangle; Subject:

Styles; Attribute: Border Style). In both cases, this opens the selection dialog box for line style.

Example:

Example:

or

Click the right mouse button on the line style displayed in the "Sta tic" column. This opens the pop-up menu. Select the "Edit" menu item which then opens the selection dialog box for lines.

3

Select the new line style/border style for the attribute.

Note: If you select the line styles/border styles "dash," "dot," "dash dot," or "dash dot dot," a weight of 1 pixel is displayed independent of the selected line weight/border weight.

How to Change the Line Weight/Border Weight of an Attribute:

1. Select the "Styles" subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the line displayed in the "Static" column (for example, Object: Line; Subject:

Styles; Attribute: Line Weight; or Object: Rectangle; Subject: Styles; Attribute: Border Weight). In both cases, this opens the selection dialog box for line weights.

WinCC Manual

C79000-G8276-C107-01

Example:

In both cases, this opens the selection dialog box for line weights. WinCC Manual C79000-G8276-C107-01 Example:

2-45

Graphics Designer

08.97

or

Click the right mouse button on the line displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which opens the line weight selection dialog box.

3. Select the new line weight/border weight for the attribute using the larger/smaller buttons.

or

Input the new value directly.

Note: If you select the line styles/border styles "dash," "dot," "dash dot," or "dash dot dot," a weight of 1 pixel is displayed independent of the selected line weight/border weight.

How to Change the Line End Style of an Attribute:

1. Select the "Styles" subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the line displayed in the "Static" column (for example, Object: Line; Subject:

Styles; Attribute: Line End Styles). This opens the selection dialog box for line end styles.

This opens the selection dialog box for line end styles. Example: or Click the right mouse

Example:

or

Click the right mouse button on the line displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which opens the line end style selection dialog box.

3. Select the new line end styles (left and right) for the attribute.

How to Change the Font of an Attribute:

1. Select the "Text" subject in the subject tree. The attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the font displayed in the "Static" column (for example, Object: I/O field; Subject:

Text; Attribute: Font). This opens the selection dialog box for fonts.

2-46

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

08.97 Graphics Designer Example: or Click the right mouse button on the font displayed in the

Example:

or

Click the right mouse button on the font displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which opens the font selection dialog box.

3. Select the new font for the attribute.

How to Change an Attribute through Picture Selection:

1. Depending on the object, select the "Picture," "Pictures" or "Status" subject in the subject tree. The corresponding attributes are displayed in the right half of the window.

2. Double click on the name of the corresponding attribute or on the property set in the "Static" column (for example, Object: Round button; Subject:

Pictures; Attributes: Picture Status Off; or Object: Status display; Subject:

Status; Attribute: Flash picture).

or

Click the right mouse button on the graphic that is displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item to open the dialog window for picture selection.

3. In both cases, the selection dialog for picture selection opens.

WinCC Manual

C79000-G8276-C107-01

Example:

3. In both cases, the selection dialog for picture selection opens. WinCC Manual C79000-G8276-C107-01 Example: 2-47

2-47

Graphics Designer

08.97

4. Select the desired graphic for the attribute.

or

Click on the "Browse…" button to use the Windows default dialog to find the graphic in another folder.

Note: To delete an assigned picture, use the "Cancel Selection" button.

How to Delete a Language Entry:

1. Select the "Miscellaneous" subject in the subject tree. The attributes are displayed in the right half of the window.

2. Double click on the "Configured Languages" attribute or on the language displayed in the "Static" column (for example, Object: Static Text; Subject: Miscellaneous; Attribute: Configured Languages). This opens the selection dialog box for languages.

This opens the selection dialog box for languages. Example: or Click the right mouse button on

Example:

or

Click the right mouse button on the language displayed in the "Static" column. This opens the pop-up menu. Select the "Edit" menu item which opens the language selection dialog box.

3. Delete the language entry assigned to the object by selecting a new language.

2-48

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

Making an Attribute Dynamic

You can make an attribute dynamic by linking it with a tag or an action.

How to Link an Object with an Existing Tag:

1. Click on the object.

2. Open the pop-up menu using the r ight mouse button. Select the "Properties" menu item.

3. Select the subject and the corresponding attribute from the "Properties" tab, for example "Flashing" - "Background Flash Color On."

4. Click on the light bulb with the right mouse button and select the "Tag" menu item from the pop-up menu.

5. In the tag dialog box, select the tags needed.

The light bulb turns green.

How to Link an Object with a New Tag:

1. Click on the object.

2. Open the pop-up menu by using the right mouse button. Select the "Properties" menu item.

3. Select the subject and the corresponding attribute from the "Properties" tab, for example "Flashing" - "Background Flash Color Off."

4. Click on the light bulb with the right mouse button and select the "Tag menu item from the pop-up menu.

5. In the dialog, click on the

item from the pop-up menu. 5. In the dialog, click on the button and assign parameters

button and assign parameters to properties

of the new tag in the dialog window.

"

6. After setting the parameters, select the tag needed from the tag dialog box.

The light bulb turns green.

How to Link an Object with a New Action:

1. Click on the object.

2. Open the pop-up menu by using the right mouse button. Select the "Properties" menu item.

3. Select the subject and the corresponding attribute from the "Properties" tab, for example "Flashing" - "Background Flash Frequency."

4. Click on the light bulb with the right mouse button and select the "Dynamic Dialog" or "C Action" menu item from the pop-up menu.

5. Edit the "Dynamic Value Ranges" box or configure a "C Action"

A red lightning bolt (dynamic dialog) or a green lightning bolt (C action) replaces the light bulb.

WinCC Manual

C79000-G8276-C107-01

2-49

Graphics Designer

08.97

Setting the Update Cycle

The update cycle determines how up-to-date the object attributes are, and thus determines how current the dynamic object is.

You can select one of the standard cycles for the dynamic TAB sequence, or you can set your own cycle time.

Indirect addressing is not possible with actions.

How to Set the Update Cycle:

Double click on the box in the "Update" column and select the TAB sequence from the list box.

or

Click the right mouse button on the box in the "Update" column and select the desired TAB sequence.

Indirect Addressing of A string tag for making the attribute dynamic must be provided with indirect

an Attribute

addressing. This string tag contains the name of another tag whose contents trigger the attribute change. By changing the name in the string tag, you can access different tags dynamically.

Indirect addressing is marked with a check mark.

How to Set Indirect Addressing of an Attribute:

Double click on the box in the "Indirect" Column.

or

Click the right mouse button on the box in the "Indirect" column. This opens the pop-up menu. Select the way in which the attribute is to be made dynamic.

2.11.6 "Event" Tab

In the "Event" tab, you define actions to be carried out by the selected object.

Subject Tree

Object events are divided into groups in the subject tree in the left half of the "Event" tab. If you select a group from the subject tree, the corresponding events are displayed in the right half of the window. You can link each event with a hot key that also triggers the action.

You can select the following subjects depending on the object:

Mouse

Keyboard

Miscellaneous

Property Subjects with the Attributes of the Object

Note: Subjects that contain at least one configured event are highlighted in a "bold" font in the "Properties" tab subject tree.

2-50

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

Events

Object Event

08.97 Graphics Designer Events Object Event If an event is linked to an action, the functions

If an event is linked to an action, the

functions are available for the actions. You can select the standard functions

with a dialog box. You can also program your own actions in C programming language.

lightning bolt is green. Standard

When you configure actions, the attributes must be accessed using their OLE automation names.

If a direct connection has been configured for an event, a blue

bolt is displayed. A direct connection is easy to configure and performs very

fast during runtime.

is easy to configure and performs very fast during runtime. lightning Each object in a picture

lightning

Each object in a picture can be linked with actions.

You can trigger an action with the following events:

Mouse event, when the pointer is on an object:

Press or release the left or right mouse button.

Keystroke event:

Press or release a key.

Miscellaneous object events:

Changing the object

Events which are linked to an attribute of the object:

- Changing an object attribute

- Changing the status of a tag which affects an object attribute

Triggering Events

WinCC Manual

C79000-G8276-C107-01

Notes on Runtime Behavior:

Event Mouse - Mouse Click: The event is triggered by releasing the mouse key, but only if the mouse pointer is over the object when the key is pressed and released.

Event Mouse - Press Left/Right: The event is triggered directly by pressing the mouse key over the object.

Event Mouse - Release Left/Right: Releasing the mouse key triggers the event for the object over which the mouse pointer was located when the mouse key was pressed. Triggering events is dependent on the object you select from the subject tree. The following setting is assigned to every triggering event:

Action (A

) to display an assigned action or direct connection

2-51

Graphics Designer

08.97

Selecting the Action

The following two entirely different possibilities are available for further processing events:

C Action

A "C Action" occurs by linking an event with a function which is

formulated in ANSI-C programming language and is triggered cyclically

or by the event.

You can find information about linking an event with a function to an action under Connecting an Event with a Function .

The lightning bolt in the object properties window turns green, if the event

is linked to a function.

Direct Connection To establish a direct connection, select a source element (constant, dynamic object, or tag) and a target element (current dialog, object, or tag) from the “Direct Connection” dialog.

How to configure a direct connection, is described in "Making a Direct Connection Dynamic ". The lightning bolt in the object properties window will turn blue, if a direct connection has been configured for an event.

How to Link an Event with a Function:

1. Click on the object.

2. Call up the pop-up menu with the right mouse button and select the "Properties" menu item.

3. In the "Event" tab, select the subject and the corresponding attribute, for example, "Mouse" - "Mouse Operation."

4. Call up the pop-up menu for the action dialog by clicking the right mouse button on the lightning bolt.

5. Select the "C Action" menu item.

6. Configure the "C-Function".

The lightning bolt in the object properties window will turn green.

2.11.7 Setting Dynamics with a Direct Connection

Configuring a direct connection for an event causes the value of the source element (source) to be transferred to the target element (target) during runtime, if this event occurs. Sources can be constants, tags, or attributes of picture objects. Targets can be tags or dynamic attributes (of objects, dialogs, or tags).

Advantages of a direct connection are its easy configuration and increased performance during runtime.

The appearance of the dialog for configuring a direct connection is dependent on the objects contained in the picture and on the source/target.

2-52

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

Basic Elements

Operating Element

Description

Selects a configured picture that is to be displayed during a picture change.

Selects a configured picture that is to be displayed during a picture change.

Opens the “Tag Selection” dialog.

Opens the “Tag Selection” dialog.

Object List

Lists all objects contained in a picture. A

selection can only be made, if an object is used as

a

source or target

Property List

Lists all dynamic attributes of a selected object.

A

selection can only be made, if an object is used

as

a source or target

Direct/Indirect Tag

Set the tag addressing via these option buttons.

In direct addressing, the read/write access is

carried out to the indicated tag. In indirect addressing, the indicated tag must be a text tag. The read/write access is carried out to the tag, which has been entered in the text tag. The option buttons can only be accessed, if a tag

is used as a source or target.

Tag, Operating Message

An operating message will be displayed if the event occurs. The check box can only be selected,

if a tag is used as the source of the direct

connection.

Note:

If an entry is incomplete, a message will be displayed.

WinCC can not check, if your input is logically correct or makes sense. Assignment errors made can only be noticed in the runtime mode .

WinCC Manual

C79000-G8276-C107-01

How to Configure a Direct Connection:

1. Select an object.

2. Call up the pop-up menu with the right mouse button and select the "Properties" menu item.

3. In the "Event" tab, select the subject and the corresponding attribute, for example, "Mouse" - "Mouse Operation."

4. Call up the pop-up menu for the action dialog by clicking the right mouse button on the lightning bolt.

5. Select the "Direct Connection

" menu item.

2-53

Graphics Designer

08.97

6.

In the “Direct Connection” dialog, select the “Source” type:

 

Constant, to enter a string sequence into the text field

(digits

will be converted by WinCC) or to select a picture via the button and the “Select Picture” dialog

will be converted by WinCC) or to select a picture via the button and the “Select

Property, to select an object and a dynamic property

Tag, to select a tag via the

button and the selection dialog

button and the selection dialog

These actions define the source element.

 

7.

In the “Direct Connection” dialog, select the “Target” type:

Current Window, to select a dynamic property of the current dialog (the "Target" - "Object" field will be blank)

Object in Picture, to select an object and a dynamic property

Tag, to select a tag via the

Tag , to select a tag via the button and the selection dialog

button and the selection dialog

These actions define the source element.

The lightning bolt in the object properties window will be blue.

Note:

You will be informed, if the input is incomplete.

WinCC can not check, if your input is logically correct or makes sense. Assignment errors made can only be noticed in the runtime mode

The object list contains the entry “this object”. This entry should be used, if you want to use the properties of the currently selected object as the source or the target of a direct connection. If an object is copies, its dynamics will be copied as well. The direct connection of the object that has been created by the copy procedure will therefore point to “this object”. The newly created object will therefore be used as the source or target of the direct connection.

2-54

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.11.7.1 Constants as Source of a Direct Connection

Designer 2.11.7.1 Constants as Source of a Direct Connection If a constant is selected as the

If a constant is selected as the source of a direct connection, a string chain can be entered into the text field. The following table explains the effects of the text input on various target elements:

Source

Target

Explanation

"picture1.pdl"

Current Dialog / Picture Name

If the event occurs, a picture change will be carried out. In the dialog, the picture named “picture1.pdl” will be displayed.

"picture1"

Button1 / Text

If the event occurs, the object “Button1” will be labeled

 

“Picture1”.

50

Rectangle1 / Width

If the event occurs, the object “Rectangle1“ will be displayed 50 pixels wide.

50

Tag, with direct Operating Message

If the event occurs, the tag will be assigned a value of 50. Simultaneously, an operating message will be displayed.

To configure a picture change, you can also use the

To configure a picture change, you can also use the

button. This will

open a dialog containing all the previously configured pictures.

WinCC Manual

C79000-G8276-C107-01

2-55

Graphics Designer

08.97

2.11.7.2 Object Properties as Source of Direct Connections

2.11.7.2 Object Properties as Source of Direct Connections The following table explains the effects of various

The following table explains the effects of various direct connections, if an object property is used as a source:

Source

Target

Explanation

Circle1 / Width

Current Dialog / Width

If the event occurs, the dialog width will adapt to the width of the object “Circle1”.

Circle1 / Fill Pattern

Rectangle1 / Fill Pattern

If the event occurs, the fill pattern of the object “Rectangle1” will adapt to the fill pattern of the object “Circle1”.

Bar1 / Height

Direct Tag

If the event occurs, the height of the object “Bar1” will be assigned to the tag.

Note:

The object list contains the entry “this object”. This entry should be used, if you want to use the properties of the currently selected object as the source or the target of a direct connection. If an object is copies, its dynamics will be copied as well. The direct connection of the object that has been created by the copy procedure will therefore point to “this object”. The newly created object will therefore be used as the source or target of the direct connection.

2-56

WinCC Manual

C79000-G8276-C107-01

08.97

Graphics Designer

2.11.7.3 Tags as Source of Direct Connections

Designer 2.11.7.3 Tags as Source of Direct Connections The following table explains the effects of various

The following table explains the effects of various direct connections, if a tag is used as a source:

Source

Target

Explanation

Tag1, direct

Circle1 / Radius

If the event occurs, the radius of the object “Circle1” will be changed according to the tag value.

Tag1, direct

Tag2, indirect with operating message

If the event occurs, the tag, which has been entered in tag 2, will be assigned the value of tag 1. Additionally, an operating message will be displayed.

WinCC Manual