Getting Started – WPF Expression Blend

Step 1

Load the default DemoTags Tag configuration if you have replaced your tag configuration with your own tags.

Start Expression Blend 4.0 and select New Project to create a new C#, or VB.

WPF Expression Blend 268

Step 2

Select WPF Application as the project type and Version 3.5 or 4.0

WPF Expression Blend 269

Step 3

From the Assets tab if OPCWPF components are not available, In the Projects Tab right click on References and select Add Reference to the following DLL.

For Version 3.5…

C:\Program Files\Open Automation Software\OAS\Blend3.5OPCWPF.dll

Or if you are using Version 4…

C:\Program Files\Open Automation Software\OAS\Blend4.0OPCWPFDashboard.dll

If it is available go to Step 4.

WPF Expression Blend 270

Step 4

From the Assets Tab add an OPCWPFLabel component onto the Window.

WPF Expression Blend 271

Choose the Selection Tool and then click on the label.

Select the Content_Tag property and use the browse button at the right to set the Open Automation Software Tag to Ramp.Value.

WPF Expression Blend 272

Note: If you wish to run this application on remote PCs make sure to include the Network Node or IP Address of the OAS Service source.

Note: All Tag names are case sensitive. Ramp.Value is valid, ramp.value is not.

Note: You can use the DirectOPC interface to connect directly to OPC Server Items is you just need to gain access to the server items without having to create Open Automation Software Tags.

Step 5

Add an OPCWPFButton to the Window.

WPF Expression Blend 273

Set the Content_Tag to Pump.Value.  If the Pump Tag does not exist create a Boolean Tag using Configure-Tags with the name Pump.

Set the Format fields as defined below…

WPF Expression Blend 274

Set the Background01_Tag to Pump.Value.

WPF Expression Blend 275

Set the SetValue_Tag to Pump.Value.

WPF Expression Blend 276

Step 6

Add an OPCWPFTextBox to the Window.

WPF Expression Blend 277

Set the Text_Tag property to Pump.Value. The Format properties for Boolean to Off and On.

WPF Expression Blend 278

Step 7

Add an OPCWPFDashboard360Gauge.

WPF Expression Blend 279

Set the Value_Tag to Ramp.Value.

WPF Expression Blend 280

Step 8

Select Build from the Project Menu to Build the application.

WPF Expression Blend 281

Step 9

Use Windows Explorer to browse for the application located in the binRelease directory and run the application.

WPF Expression Blend 282

Step 10

To deploy the application to remote nodes first make sure the Tags as described in steps 4, 5, and 6 are set to a Network Node or IP Address. Then simply copy the files in the binRelease directory to the target systems or follow the Smart Client deployment section in this help file to deploy your application using Click Once Deployment.

Note: You can also use the OPCWPFNetworkNodes component and assign a network node alias to change all “localhost” tags to the desired remote node. This is done with the AddNetworkNodeAlias method. Refer to the WinForm Example Code on the exact syntax of how to use this method. Notice how all OPC Controls data sources for a particular node can be reassigned to a remote node with one simple call.

Step 11

There are many different properties to each control. In WPF you can convert graphics to an Image Brush. The Image Brush can then be used as a background in most OPCWPF Controls.

The OPC WPF Data component can be used to access data via code with very simple methods.  Refer to the Forms FormReadValues and FormWriteValues in the WinForm Example Code.

Refer to the WPF Example application for demonstration example of all properties of all controls.