Videos – WPF Visual Studio

WPF HMI .NET

How to use build a Visual Studio WPF .NET application using the OAS WPF HMI .NET product to visualize tag data.

  • 00:00 – Introduction
  • 00:14 – OAS Download
  • 00:40 – Build a visual studio app
  • 01:11 – Install OAS
  • 01:54 – View Box
  • 02:48 – Properties Window
  • 03:07 – Demo Tag Configuration
  • 03:28 – Tag Refencing Examples
  • 03:39 – Value Property
  • 03:53 – Add a Button to the window
  • 04:05 – Set content tag in the properties window
  • 04:34 – Change the color of the button
  • 05:06 – Radio gauge
  • 05:46 – Control Visualization
  • 06:15 – More Information

Expression Blend for WPF

How to use Expression Blend, and review the advantages for creating graphic applications compatible with Visual Studio.

WPF HMI Graphics

How to create graphic operator interface applications with OPCWPFHMI.NET and Expression Blend.

  • 00:00 – WPF HMI Introduction
  • 00:16 – Microsoft Expressions Blend
  • 00:22 – Advantages to using Blend
  • 02:56 – Adding Images
  • 07:11 – Adding Linear Gauges
  • 12:45 – More Information

WPF HMI Symbols

How to use symbol library in WPF HMI application.

  • 00:00 – HMI Symbols
  • 00:11 – Symbols Library
  • 01:22 – Build a Sample Application
  • 01:41 – Add References
  • 02:05 – Add Folders for Graphics
  • 02:33 – Add Graphics to Folders
  • 02:54 – Change Window Resolution
  • 03:10 – Change LayoutRoot
  • 03:45 – Add a Grid to LayoutRoot
  • 04:09 – Add Image Item
  • 08:46 – Adding Images using Button
  • 11:08 – Add Images to Buttons
  • 14:14 – Change template to Avoid Flashing
  • 15:52 – Set Images for the Animation
  • 16:39 – Set the Source Tag
  • 18:02 – Application Review
  • 18:32 – Add a level to the Tanks
  • 20:07 – Animate the Tanks
  • 21:34 – WPF Border Control
  • 24:26 – Background using Blender 3D
  • 25:19 – Set Layout Appearance
  • 26:25 – More Information

WPF Animation

How to add animation to a WPF HMI application.

  • 00:00 – Storyboard Control for WPF 4.0
  • 01:14 – Create a Storyboard Animation
  • 01:49 – Properties Windows
  • 02:02 – Add Easing to the Storyboard
  • 02:51 – Triggers Tab
  • 02:57 – Objects and Timelines
  • 03:09 – Assests Library
  • 03:32 – Common Properties
  • 04:07 – Run the Application
  • 04:41 – Edit Storyboard
  • 05:40 – More Information

Live Data Dashboard Overview

How to create a WPF Dashboard application using the Live Data Dashboard template.  User controlled windows that persist on server for remote recall.

  • 00:00 – Introduction
  • 00:06 – Dashboard HMI Template
  • 01:23 – Install a Template
  • 01:39 – Create a Project
  • 01:58 – Solution Explorer
  • 02:37 – Application Demo
  • 02:53 – User Login
  • 03:05 – Menu System
  • 03:16 – Add Windows
  • 03:26 – Network Node Control
  • 03:41 – User Settings
  • 03:58 – Weather and Clock Gadgets
  • 04:03 – Adding Screens and Windows
  • 05:58 – More Information

Live Data Dashboard Adding Window

How to add a Window to the Live Data Dashboard.

  • 00:00 – Introduction
  • 00:16 – Add additional Screens to existing Dashboard Application
  • 02:03 – Run the Application
  • 02:11 – Add Window
  • 03:29 – More Information

Live Data Dashboard Reports and Documents

How to add report and document interface options to Live Data Dashboard.

  • 00:00 – Introduction
  • 00:25 – Visual Studio / Power Window
  • 00:40 – Reports and Documents
  • 01:10 – Power Window
  • 02:16 – XPS File
  • 02:34 – Run the Application
  • 03:19 – Create reports and documents
  • 03:27 – More Information

Live Data Dashboard Gadgets

How to add gadgets to the Live Data Dashboard.

  • 00:00 – Intro (OPC Systems HMI Dashboard Template)
  • 00:31 – Weather Gadget
  • 01:05 – Gadgets Controls
  • 01:12 – References / Gadget Library
  • 01:37 – Gadget Weather Control Visualization
  • 02:42 – Weather Icons
  • 02:53 – More Information

WPF Page Navigation

How to add page navigation to a WPF application with easy to use OPC WPF HMI Page Navigation controls.

Radial Gauge Demo

Demonstration of WPF Radial Gauge controls in action.

WPF Radial Gauge

How to integrate the radial gauge control into a WPF dashboard application.

WPF Linear Gauge

How to integrate the linear gauge control into a WPF dashboard application.

  • 00:00 – OPC WPF Linear Gauge Control
  • 00:11 – Linear Gauge Control Use to Create Applications
  • 00:26 – Linear Gauge 3 different styles
  • 00:43 – Visual Studio/Create a New WPF Project
  • 01:48 – Value Format
  • 02:07 – More Information

WPF Bar Graph

How to integrate a bar graph into a WPF dashboard application.

WPF Pie Chart

How to integrate live pie chart into a WPF dashboard application.

WPF Circular Data

How to integrate circular data control into a WPF dashboard application.

  • 00:00 – Introduction
  • 00:08 – WPF Circular Data Control for WPF 4.0
  • 00:35 – Properties that can be controlled by Live Data
  • 00:47 – Build an Application with OPC WPF Circular Data Control
  • 01:09 – Set Up Background
  • 01:20 – Set the Content
  • 01:37 – Run the Application
  • 01:50 – Other Properties of OPC WPF Circular Data Control
  • 03:47 – Run the Application
  • 03:56 – More Information

WPF Quick Chart

How to add a quick chart into a WPF dashboard application.

  • 00:00 – Introduction
  • 00:08 – OPC WPF Quick Chart for WPF 4.0
  • 01:12 – Create a WPF Application using OPC WPF Quick Chart
  • 01:39 – Common Properties
  • 02:12 – Appearance OPC Systems
  • 02:22 – Brushes OPC Systems
  • 02:46 – Content OPC Systems
  • 03:01 – Transform OPC Systems
  • 03:29 – Text
  • 03:40 – Run the Application
  • 04:19 – Change the Point Count
  • 04:35 – More Information

WPF Lamps and Switches

How to integrate lamps and switches into a WPF dashboard application.

  • 00:00 – Introduction
  • 00:06 – OPC WPF Lamps and Switch Controls
  • 01:07 – Switches
  • 01:33 – OPC Properties of the OPC Button
  • 02:49 – Content OPC Systems
  • 03:10 – Layout Properties
  • 03:32 – Set Value OPC Systems Properties
  • 04:49 – Lamp Controls
  • 05:00 – Background and Border Brush and Foreground
  • 05:36 – Content
  • 06:01 – Brushes
  • 07:05 – Button Control
  • 08:41 – Run the Application
  • 10:41 – More Information