General
You can select graphic features, for example color, line width and style and text font, before you start to draw. You can also do this after drawing by editing the elements. Begin drawing by selecting an element from the drawing toolbox. Select either basic elements (for example line, rectangle, circle) or compound elements. A graphic ele- ment is drawn by pointing out a location with the mouse, pressing the mouse button and holding it down while dragging the pointer to a second point.
Drawing Tools
The drawing toolbox includes buttons for basic drawing and editing tools. The up- permost button, the black arrow, is for selecting elements. SeeFigure 26. The second button is for filling elements. The next six buttons are for drawing the elements shown on the buttons. The button with the letter “A” is for typing text.
SYS 500
3 BackgroundPicture Editing
Configuration Manual
1MRS751255-MEN ABB Automation 32Figure 26. The drawing toolbox
To open the additional part of the drawing toolbox, which includes the compound elements, choose Extended Toolbox from the Options menu. The extended toolbox is described in more details on page 35.
Straight Line
There are two ways to draw a line. To draw a straight line:
1 Click the button with the line symbol or choose Line from the Draw menu. 2 Place the pointer at the starting point of the line in the drawing area, hold the
mouse button down and drag the pointer to the end point. Release the button and a line is drawn.
Polyline
A polyline consists of several straight lines connected at sharp angles. If you choose the fill option for polyline, the polyline changes to polygon that is filled with the se- lected color. To draw a polyline:
1 Click the button with the polyline symbol or choose Polyline from the Draw menu.
2 Place the pointer at the starting point of the line in the drawing area, hold the mouse button down and drag the pointer to the angle point.
3 Release the mouse button and press it again to start drawing the next part of the line.
4 Release the button again at the next angle point. Repeat the procedure until the end point is reached.
5 Double-click at the end point of the polyline and the element is complete.
Circles
To draw a circle:
1 Click the button with the circle symbol or choose Circle from the Draw menu. 2 Place the pointer in the center of the circle.
3 Hold the mouse button down and drag until the circle reaches the size you want.
Ellipses
To draw an ellipse:
1 Click the button with the ellipse symbol or choose Ellipse from the Draw menu. 2 Place the pointer in the center of the ellipse.
3 Hold the mouse button down and drag the pointer both sideways and lengthwise until the ellipse is the size and shape you want to.
Arcs
Arcs are drawn as parts of a circle. Therefore drawing an arc begins by drawing a cir- cle. Then the part of the circle forming the arc is limited.
To draw an arc:
1 Choose Arc Modes from the Format menu. The alternative modes, Pieslice and Chord, are shown after you have chosen Arc Mode. You can select one of them. The Pieslice mode is chosen by default. If you change the mode in one picture, the mode will also be applied to the other pictures made in the editor before closing it, unless you change it again.
2 Click the button with the arc symbol or choose Arc from the Draw menu. 3 Place the pointer in the center of the circle in the drawing area.
4 Hold the mouse button down and drag the pointer until the circle reaches the size you want.
SYS 500
3 BackgroundPicture Editing
Configuration Manual
1MRS751255-MEN ABB Automation 34Figure 27. From the Format menu you can choose one of the Arc Modes. The avail- able choices are Pieslice and Chord.
5 Place the pointer on the circle, on the point where the arc starts or ends. Press the mouse button down.
6 Move the pointer counterclockwise along the circle to draw the arc, or move it clockwise to remove parts of the circle. Hold the mouse button down during this procedure.
Figure 28. The arc modes. The upper filled arc is pieslice and the other is chord.
Rectangle
To draw a rectangle:
1 Click the button with the rectangular symbol or choose Rectangle from the Draw menu.
2 Place the pointer in one corner of the rectangle in the drawing area. Hold the mouse button down and drag the pointer to the opposite corner.
Compound Standard Elements
The buttons for compound graphic elements are raised fields, window frames and separators, in standardized colors and shadings. To draw compound elements:
1 Choose Extended Toolbox from the Options menu and the buttons for compound elements are shown on screen.
2 Click the button with the correct figure.
3 Place the pointer in one corner of the rectangle in the drawing area. Hold the mouse button down and drag the pointer to the opposite corner.
4 Release the mouse button.
With the help of buttons for compound graphical elements you can easily draw com- plex elements. You can draw for example window frames or raised fields. The com- pound graphical elements are made of boxes so that they can be drawn in the same way as boxes. They can also be edited individually.
Figure 29. The Extended Toolbox, which can be chosen from the Options menu
Text
A font has to be chosen before typing any text. This procedure is described under title Choosing a Font in page 28. To insert text in a picture:
1 Click the button with the letter “A” in the drawing toolbox or choose Text from the Draw menu. If a font has not been chosen, an error message
“No font defined.”
appears. Click OK and define the font as described.
2 The dialog box shown in the Figure 30 appears. Type the text in the text box and then click OK.
SYS 500
3 BackgroundPicture Editing
Configuration Manual
1MRS751255-MEN ABB Automation 36In the resizable dialog box, shown in the Figure 30, it is possible to select between One line (text) and Multiple lines (text vector) type. The default type is One line, but when adding a new text without exiting the Picture Editor in between, the previously used type is used as the default. If Multiple lines is selected, the text field has the ver- tical scroll bar enabled and the OK button is not the confirm item of the dialog box, as it is for the One line type. If One line type is selected for a text with multiple lines, the first line is preserved.
3 The input text attaches to the cursor by its font dependent attachment point. Posi- tion the text to the place where you want to add the text and click the mouse but- ton.
Figure 30. In this dialog box type the text, which you want to add
When new text is placed into a picture, the alignment is Default by default, which in most cases means Left alignment. Other alignment possibilities are Left, Center and Right. To change the alignment of, for example a Left aligned text:
1 Select the text or texts to which the new alignment is to be applied.
2 Select either of the other two alignments, Center or Right from the Text Align- ment submenu of the Format menu. The text changes alignment according to the new selection. Note that the alignment of an existing text can not be changed to Default.
Image
To insert an image as background of a picture:
1 Click the Image button in the toolbox or choose Image on the Draw menu. The Insert Image dialog box, shown in the Figure 31, appears.
2 Enter the name of a .VSO file or click Browse to select a with the file chooser. 3 Click Fetch Images.
4 Click the arrow in the drop-down combo box to see a list of available images in the file. The tag size to use depends on the size of the monitor. The tag sizes corre- spond to monitors 840*640, 960*720, 1280*960 and 1600*1200.
5 To customize height and width uncheck the predefined options and enter values for height and width in pixel units.
Figure 31. The Insert Image dialog box
To edit a background image: 1 Select the image.
2 Click the Image button in the toolbox or choose Image on the Draw menu. The Edit Image dialog box, shown in the Figure 32, appears.
3 Edit the width or/and the height by unchecking the predefined options and entering values for height and width in pixel units. Also the tag names can be altered. 4 Click Apply to make the changes take place or click OK to make the changes take
place and to close the dialog box.
Figure 32. The Edit Image dialog box
The VSO file name fields in the Figure 31 and the Figure 32 accept MicroSCADA relative paths, logical paths and operating system paths.