ABB DCS 培训课程 T315-17 Graphic Displays - RevA.doc

System 800xA trainingChapter 17 Graphic DisplaysTABLE OF CONTENTSChapter 17 Graphic Displays117.1 General Information217.1.1 Objectives217.1.2 Legend217.2 Graphic Displays317.2.1 Overview317.2.2 Graphic Aspects317.2.3 How to Create a Graphic Display Aspect517.2.4 Edit a Graphic Display Aspect617.3 Graphics Builder717.3.1 Save and Deploy817.3.2 How to Define the Display Size917.3.3 How to Change the Grid Size1117.3.4 Set the Graphic Builder Options1217.4 Graphics Builder Libraries1317.4.1 How to Add Libraries1417.5 Configuration of Static Parts1517.5.1 How to Use Toolbox Components1517.5.2 How to use Properties1617.5.3 Example: Text Box Handling1617.6 Configuration of Dynamic Parts1917.6.1 How to Add Graphic Elements (Element Browser)1917.6.2 How to Add Graphic Elements (Drag & Drop)2017.6.3 Graphic Builder Sub elements2117.7 Symbol Factory Controls2317.7.1 How to Add an ActiveX Control2317.7.2 Animation2517.8 Display Navigation2717.8.1 Aspect Link2717.8.2 AspectViewCt2827 / 2817.1 General Information 17.1.1 ObjectivesOn completion of this chapter you will be able to: Build and handle graphic displays Identify available static and dynamic graphic elements Use predefined graphic elements Define navigation links17.1.2 LegendIndicates a key name.|Indicates when you go from one menu to a sub-menu.BoldIndicates a menu name or an option in a menu, or file structures“ “Indicates dialog box buttons, tabs, instructions etc.FIndicates start/explanation of student activity17.2 Graphic Displays17.2.1 OverviewProcess Graphics consists of a graphic run-time viewer included in the 800xA System. It also includes the software option Graphics Builder which is based on Microsoft Visual Basic. Visual Basic skills are by no means required to use Graphics Builder, but it could very well extend its possibilities.When we model our plant we normally build up the Functional structure from the process functional point of view. Since the operator works with the plant in a functional way it is natural to create the operator displays in this structure. The next natural step is to create graphic displays and use as many graphic elements as possible of existing process objects ( e.g. Bargraph of a measuring object ). These graphic elements are already connected to their dedicated Control Connection aspect and OPC properties. 17.2.2 Graphic AspectsFor each graphic aspect, an ActiveX control is implemented using Visual Basic. Graphic Aspects can be added virtually anywhere in the Aspect directory Structure hierarchy. There are three main aspects types that are used and are covered on this course, these are: The Graphic Element AspectGraphic Elements are building blocks that are used when configuring graphic displays, or other graphic elements such as faceplates. Graphic Elements are typically created in an object type with the intent that the element is reused many times.Proper use of Graphical element aspects can greatly reduce engineering costs and time to build. The Graphic Display AspectGraphic Displays are intended to be handled and invoked directly by the process operator. Effectively the HMI is built up with many Graphic Display aspects, and then during operations the user navigates from one display to another. The Faceplate Element AspectThis category is used exclusively for building display graphics inside Faceplates. Within the central region of a Faceplate, a faceplate element may be presented to the operator. 17.2.3 How to Create a Graphic Display Aspect1. Select the object where you want to place the aspect.Graphic Display aspects are generally placed in the Functional Structure as we shall see in the first exercise.2. Create a Graphic Display Aspect buy opening the context menu, selecting the Graphic Display aspect and defining a unique name. 17.2.4 Edit a Graphic Display Aspect The first time the graphic display is previewed it will give you the possibility to edit the display. When the display has been edited the first time and deployed it will show the display layout and the edit functionality can then be reached in the context menu.Deployed means compiled and registered in the system as an ActiveX component in an OCX-file. There is no need to know about ActiveX or COM to create process graphics. 17.3 Graphics BuilderGraphics Builder is a tool, which enables configuration of graphic aspects, for example graphic displays, graphic elements and faceplate elements. The Graphics Builder application opens with many of its features enabled. Some of the features are part of Visual Basic and some of them are unique to Graphics Builder. ElementBrowserExpressionBuilderGraphics Builder is based on Visual Basic 6.0 but provides features to enable display design easy and fast. The toolboxes are extended with a large number of components suitable for process automation. While Visual Basic is a full-fledged programming application, the person responsible for configuring graphic displays or graphic elements is not required to be a programmer or have a Visual Basic background. The following features are specific for Graphics Builder: An Expression Builder that allows you to assign expressions, that is to specify the relationship between the process data and the data that is to be displayed.e.g. If LT1.Value 100 then Color=Red else Color=Blue Graphic Libraries that allows you to add Primitives and Sub-elements to your toolbox. An Element Browser in which you can select appropriate graphic elements. A Deploy function that stores the graphic aspects and enables viewing of process displays by process operators. Before a graphic element is deployed, it can only be seen in the Graphics Builder. Use of Logical Colorse.g. BackgroundColor1, AlarmColor2 etc.The menus are also different from standard VB to make the usage easy and adapted for the aspect object model.17.3.1 Save and DeployDeploy means the graphic aspects are saved, distributed and made viewable in the workplace. They are now launched for real operation. NOTE! If a graphic aspect is not deployed, it is only visible in the Graphics Builder.Deploy the graphic display by selecting File | Deploy or clicking on the “Deploy” button.Save the graphic display by selecting File | Save or clicking on the “Save” button.SaveDeployNote: Deploy includes SaveNOTE! When you deploy, the graphic is automatically saved.17.3.2 How to Define the Display SizeBefore you start drawing the static part of your first display, the size of the graphic display must be defined in order to avoid The height and width in “twips” will be the same for all displays that use the same workplace layout.To calculate the optimal size of the display area:1. Insert Label1 and Label2 in your display.2. Deploy the graphic. 3. Select “View Code”.4. Go to UserControl | Resize and add some Visual Basic Code: Label1.Caption = UserControl.Height & “ Height in twip”Label2.Caption = UserControl.Width & “ Width in twip”5. Deploy the graphic again.6. Open this test graphic display in the Operator Workplace.NOTE! To have the exact results you need first to design your workplace and open it in “Full Screen” mode.7. All graphic displays should use the figures as tested above for the properties Height and Width.17.3.3 How to Change the Grid SizeChange grid size to suitable size, suggested size is 60 twips.1. Select Tools | Options.2. Select the tab “General” and set the grid width and height. Select also the option “Align Controls to Grid”.3. Press “OK”. 17.3.4 Set the Graphic Builder OptionsYou can access the Graphics Builder Options by: The Live Data option enables you to display dynamic data in graphic elements when you are using graphic aspects in design mode. NOTE! Live Data results in a higher CPU usage, which in turn leads to slower operation of Graphics Builder.The Advanced Usermode option gives you access to more menus and functions in Visual Basic. If you have not selected Advanced Usermode, some menus or menu items are dimmed, which means they are unavailable. 17.4 Graphics Builder LibrariesGraphics Builder has its own set of Subelements and Primitives which are grouped together in different Graphic Libraries (Toolbox).This is Visual Basics own built in controls.They are always included in the toolbox. Symbol Factory Controls is a 3rd party ActiveX program licensed exclusively for ABB.It provides access to both static and dynamic symbols common to the process control industry. These are additional primitive elements provided by ABB. This section contains five additional graphic elements that are detailed in Appendix A of the reference documentation.This section contains additional primitive elements that are detailed in Appendix A of the reference documentation. Standard Symbols is a toolbox set of many typical and universal symbols. This section contains a 3D library of basic shapes that can be used to create more complex forms. This section contains additional subelements and property elements that are detailed in Appendix A of the reference documentation.17.4.1 How to Add LibrariesTo add libraries to the toolbox:1. Open Tools | Graphic Libraries.2. Select by checking one or more of the listed Libraries.Click on the “Apply” or “OK” button. The selected libraries are presented under their respective button in the toolbox. 17.5 Configuration of Static Parts17.5.1 How to Use Toolbox ComponentsIn principle the usage of VB is the same for all libraries. If you need to use a component in the toolbox you select the component and draw the area in the display where it should be located.Select the object and draw it in the display.The component can then be resized or moved. ResizeReshape17.5.2 How to use PropertiesAll components placed in the display exposes properties. These properties can be modified in the property window and in this way it is possible to change the look of a control. Properties can also be connected to dynamic values to indicate status of a process object. If you create a simple process graphic display this is the only knowledge needed to create the static parts.17.5.3 Example: Text Box HandlingSelect the object and draw it in the display.1. Click on the text icon (AdvantText) and draw a rectangle of the required size.2. In the Properties window click on the “Text” field.3. Format the text by selecting the text box. Open the “Font” dialog in the Properties Window.4. Change the background color by opening the “FillColor” dialog (palette).17.6 Configuration of Dynamic PartsThe dynamic information should be added to the display by reusing graphic elements from the Control structure objects. There is no need of further configuration. The process connection will work as soon you have deployed the display. Only in special cases there is a need for other tools.17.6.1 How to Add Graphic Elements (Element Browser)1. Select Tools | Element Browser to open the Element Browser tool.2. Select the object either in the Control Structure or Functional Structure.3. When an object has been selected. The Element Browser will list all reusable graphic elements in a list.4. Select and add the graphic in the display. 17.6.2 How to Add Graphic Elements (Drag & Drop)1. Select the object either in the Control Structure or Functional Structure.2. Drag and drop the aspect (graphic element) into the drawing area.17.6.3 Graphic Builder Sub elementsIf you intend to show something dynamic in the display that is not available on the process objects this can be done in a different way. Process objects in the Control Structure have either an aspect “Control Module” or “Function Block” that exposes properties (often referred as OPC-properties). In the toolbox Subelements you can find a number of components that are easy to use for the purpose of showing dynamic process values. All these components have a property category ObjectPropertyRef. These properties have a built in property browsing dialog where you easily can find the property you want to connect. By selecting the correct property and deploy the display you can get a dynamic value in the display.17.7 Symbol Factory ControlsThe toolbox Symbol Factory Controls contains a large set of ActiveX Controls which can be used in graphics. The SFStandard control allows the user to select between many different symbols from several categories.17.7.1 How to Add an ActiveX Control1. Click on the SFStandard (pump) icon.2. Create a new SFStandard symbol on the User Control area. 3. To open the property pages please open the Context Menu for the SFStandard graphic and select Properties.4. Select a category and then one of the available graphic symbols.5. Select some basic features and colors of the ActiveX symbol that was chosen from the “Style” tab. Users should select the Help button at the lower right corner of the Property Pages for documentation of these ActiveX features.17.7.2 AnimationFrom the “Animation” tab, the user may select no animation, or animation based upon analog or discrete interaction. In the example below, you may select up to five bands of animation based upon five discrete values. Only one band is displayed at a given time. If more than one discrete value evaluates to True, the lowes