Entwicklungsumgebung

Ein Framework Control Projekt wird innerhalb einer Projektmappe im Visual Studio erstellt. In einer Projektmappe können mehrere Framework Control Projekte sowie dazugehörige HMI-Projekte platziert werden. Ein Framework Control Projekt kann über die Standard Visual Studio Funktionen konfiguriert werden (z. B. Projektmappe erstellen).

Ein Framework Control Projekt beinhaltet bei der Erstellung folgende Elemente:

Entwicklungsumgebung 1:
  1. References: Dieser Projektknoten wird nicht benötigt und wird automatisch durch den Projekttyp im Visual Studio bereitgestellt.
  2. Icons: Dieser Ordner beinhaltet alle Icons, die zu dem Control gehören.
  3. Icon: Die .png-Elemente sind Control-Icons in verschiedenen Größen.
  4. Schema: Dieser Ordner beinhaltet JSON-Schema-Dateien, die für das Control benötigt werden. In diesen Ordner können weitere JSON-Schema-Dateien für projektspezifische Datentypen hinzugefügt werden.
  5. ControlDescription.Schema.json: Standard-Schema, welches die Description.json beschreibt.
  6. Themes: Dieser Ordner beinhaltet alle Themes, die zu dem Control gehören. In diesen Ordner können neuen Themes hinzugefügt werden.
  7. Base: Dieser Ordner beinhaltet das Basis-Theme des Controls. In diesen Ordner können weitere Theme-basierte Dateien hinzugefügt werden.
  8. Image: Dieser Ordner dient als Container für Bilder, die dem Basis-Theme zugeordnet werden.
  9. Style.css: Diese Stylesheet-Datei beinhaltet die Eigenschaften für das Basis-Theme.
  10. Description.json: Diese Datei beinhaltet alle Schnittstellen zu dem Engineering des TwinCAT HMIs
  11. Mainfest.json: Diese Datei beschreibt Control-Daten, die für die Erstellung eines TwinCAT HMI Packages benötigt werden.
  12. Source.js: Diese Datei enthält die JavaScript-Logik die für das Control benötigt wird.
  13. Style.css: Diese Datei beinhaltet alle Style-Eigenschaften, die unabhängig von dem jeweiligen Theme für das Control gelten sollen.
  14. Template.html: Diese Datei beinhaltet das statische HTML-Gerüst des Controls und wird bei der späteren Instanziierung auf dem HMI als HTML-Code für das Control in das HMI eingebunden.
Entwicklungsumgebung 2:

Zu beachten ab Version 1.8

Für die Programmierung von Framework Controls ist eine Vollversion des Visual Studios erforderlich, um den HTML-, CSS- und JavaScript-Code zu editieren. Die Visual Studio Shell reicht nicht aus.