Beispiel für die Verknüpfung von Industriegrafiken mit InTouch-Variablen

Dieses Beispiel zeigt, wie Sie ein Tanksymbol, für das Sie im Industriegrafik-Editor eine vertikale Füllanimation definiert haben, an eine InTouch-Variable anbinden.

Dies geschieht in drei Schritten:

• Sie erstellen ein einfaches Tanksymbol als Industriegrafik.

• Erstellen Sie ein InTouch-Projekt.

• Fügen Sie das Tanksymbol ein und zeigen Sie es in WindowViewer an.

Sie erstellen ein einfaches Tanksymbol als Industriegrafik.

1. Erstellen Sie in der IDE ein neues Symbol namens „Tank“ und öffnen Sie es im Industriegrafik-Editor.

2. Zeichnen Sie ein Rechteck. Ändern Sie sein Aussehen nach Bedarf.

3. Erstellen Sie ein farbiges Polygon als „Sichtfenster“ für den Tankfüllstand.

   

4. Wählen Sie die Zeichenfläche aus.

5. Wählen Sie im Menü Eigenschaften in der Gruppe Grafik die Option Bearbeiten.

   Doppelklicken Sie alternativ dazu auf das Grafikelement.

   Das Dialogfeld Benutzerdefinierte Eigenschaften bearbeiten wird angezeigt.

6. Fügen Sie eine Eigenschaft namens Level hinzu.

7. Konfigurieren Sie die Eigenschaft. Gehen Sie folgendermaßen vor:

   • Wählen Sie in der Liste Data Type die Option Float.

   • Geben Sie im Feld Default Value den Wert 0 ein.

     

8. Wählen Sie OK aus.

9. Doppelklicken Sie auf das Polygon, das den Tankfüllstand darstellt.

   Das Dialogfeld Animationen bearbeiten wird angezeigt.

10. Fügen Sie eine Animation des Typs % Vertical Fill hinzu.

11. Geben Sie im Feld Analog im rechten Fensterbereich den Namen der benutzerdefinierten Eigenschaft ein In diesem Beispiel ist es „Level“.

    

12. Wählen Sie OK aus, um das Dialogfeld Edit Animations zu schließen.

13. Wählen Sie Close and Save, um den Industriegrafik-Editor zu schließen.

InTouch-Projekt erstellen

14. Erstellen Sie in der System Platform-IDE ein neues zentral verwaltetes InTouch-Projekt. Weitere Informationen finden Sie unter Zentral verwaltetes InTouch-Projekt erstellen.

15. Öffnen Sie das zentral verwaltete Projekt in WindowMaker.

16. Erstellen Sie ein neues Fenster namens „TankDisplay“.

17. Öffnen Sie die Variablenliste und erstellen Sie eine InTouch-Real-Variable mit dem Namen „TankLevel“.

18. Wählen Sie das Symbol „Industriegrafik einbetten“.

    Das Dialogfeld Galaxy Browser wird angezeigt.

19. Wählen Sie das neue Tanksymbol aus, und bestätigen Sie mit OK.

20. Wählen Sie die Stelle im Fenster aus, an der Sie das Symbol einbetten möchten.

    Das Tanksymbol wird in das Fenster eingebettet.

    

21. Klicken Sie mit der rechten Maustaste auf die Industriegrafik. Zeigen Sie auf Industriegrafik „Tank“, und wählen Sie Symboleigenschaften bearbeiten.

    Das Dialogfeld Symboleigenschaften bearbeiten wird angezeigt.

22. Wählen Sie die Eigenschaft „Level“ aus.

23. Geben Sie im Feld Default Value den Variablennamen TankLevel in. Sie können auch die Durchsuchen-Schaltfläche auswählen und dann die Variable über das Dialogfeld Variable wählen.

24. Wählen Sie OK aus.

25. Fügen Sie einen Schieberegler-Assistenten in das Fenster ein und verknüpfen Sie ihn mit der Variablen TankFuellstand.

26. Speichern Sie die Änderungen und schließen Sie WindowMaker.

    Das zentral verwaltete InTouch-Projekt wird automatisch eingecheckt.

Das Tanksymbol testen

27. Leiten Sie in der System Platform-IDE eine Instanz des zentral verwalteten InTouch-Projekts ab und stellen Sie es zusammen mit einer WinPlatform- und ViewEngine-Instanz bereit.

28. Öffnen Sie den InTouch Projekt-Manager und starten Sie das Projekt in WindowViewer.

    Der Tank und der Schieberegler werden in WindowViewer angezeigt.

29. Wenn Sie nun den Schieberegler verschieben, ändert sich der Tankfüllstand entsprechend.