WinCC V8 Tip 11: How to Edit SVG Objects in WinCC V8 & Unified 😎 Learn SCADA Programming #winccguru
1.9 هزار بار بازدید -
9 ماه پیش
-
Here we will show you
Here we will show you how to view the source code of WinCC's industry graphic library 2.0 objects and add your own properties. WinCC SVG files are very efficient and scalable. You'll need these if you are going to use WebUX. *This video applies to WinCC Unified Dynamic SVGs*. We will first locate the SVGHMI File we want to edit, then open it in Notepad++. We will review the file structure, and add our own property. We will link the property to a drawn object and make the color dynamic from the WinCC properties Interface. This is the best place to learn how to edit WinCC svg hmi files! Be sure to watch until the end where I will give you a sneak peek at the next video in this series, "How to Create SVGs for WinCC".
00:00 Introduction
00:35 How to animate SVG Objects in WinCC
00:55 The DividedBarDisplay SVG Object
01:34 SVG Compatibility with WebUX
01:44 The 90's called; they want their HMI library back
02:13 How to look at SVG Code File
02:34 Why not all SVGs show in File Explorer
02:48 How to find a specific SVG Object File
03:04 The SVGHMI Code File Structure
03:51 The SVG-HMI Property interface
04:27 The LocalDefs area
04:38 How the DividedBarDisplay object works
05:02 How Parameters interact with drawn objects
06:05 Viewing the RegenerativeBlower Object
06:36 Getting the Blowers code file
07:07 Edit blower code file with notepad++
07:18 Change Objects Name in code file
07:32 Add the ElectricBoxColor property
07:52 Find the ElectricBox object in code
08:03 The hmi-bind directive
09:05 bind electric Box fill color to ElectricBoxColor param
09:49 Import the new SVGHMI Graphic into WinCC
10:07 Create New Library Folder
10:19 Import SVG Graphic into folder
10:49 Test new ElectricBoxColor property
11:00 sneak peek at the next video in series
#wincc #siemens #svg
00:00 Introduction
00:35 How to animate SVG Objects in WinCC
00:55 The DividedBarDisplay SVG Object
01:34 SVG Compatibility with WebUX
01:44 The 90's called; they want their HMI library back
02:13 How to look at SVG Code File
02:34 Why not all SVGs show in File Explorer
02:48 How to find a specific SVG Object File
03:04 The SVGHMI Code File Structure
03:51 The SVG-HMI Property interface
04:27 The LocalDefs area
04:38 How the DividedBarDisplay object works
05:02 How Parameters interact with drawn objects
06:05 Viewing the RegenerativeBlower Object
06:36 Getting the Blowers code file
07:07 Edit blower code file with notepad++
07:18 Change Objects Name in code file
07:32 Add the ElectricBoxColor property
07:52 Find the ElectricBox object in code
08:03 The hmi-bind directive
09:05 bind electric Box fill color to ElectricBoxColor param
09:49 Import the new SVGHMI Graphic into WinCC
10:07 Create New Library Folder
10:19 Import SVG Graphic into folder
10:49 Test new ElectricBoxColor property
11:00 sneak peek at the next video in series
#wincc #siemens #svg
9 ماه پیش
در تاریخ 1402/08/29 منتشر شده
است.
1,941
بـار بازدید شده