Erweiterte Programmierung

collapse

#
- 1.) Application.config in detail
- 2.) Grundkonzepte
  - 1.) Komposition
    - 1.) Lebenszyklus
    - 2.) Programmierung
  - 2.) Eigenschaften
    - 1.) Lokal
    - 2.) Netzwerk
    - 3.) Persistierung
    - 4.) Konfiguraton
    - 5.) Protokollierung
  - 3.) Synchrone Methoden
    - 1.) Virtuelle Methoden
  - 4.) Referenzen
    - 1.) 1 Objekt
    - 2.) N Objekte lokal
    - 3.) N Objekte Netzwerk
  - 5.) Ereignisse
  - 6.) Asynchrone Methoden
  - 7.) Konfiguration
    - 1.) Konfigurationsspeicher
    - 2.) Überschreiben
  - 8.) Meldungen und Alarme
    - 1.) Alarme
  - 9.) Datenbank
    - 1.) Verwendung
    - 2.) Erweitern
      - 1.) EF 4.0
      - 2.) EF 7.0
    - 3.) Speicherbare Abfragen
  - 10.) Designs
    - 1.) GUI Design
      - 1.) Eigenschaften setzen & konvertieren
      - 2.) Styles und Setter
      - 3.) Eigenschaftstrigger
      - 4.) Datentrigger
      - 5.) Ereignisse & Trigger
      - 6.) Animationen
      - 7.) Ressourcen
    - 2.) Berichte
      - 1.) Programmierung
  - 11.) Diagnose und Debugging
  - 12.) Aktualisierung
- 3.) Steuerelemente
  - 1.) UI-Bibliotheken einbinden
  - 2.) iPlus-Steuerelemente
  - 3.) Eigene Steuerelemente
- 4.) Anwendungsprogrammierung
  - 1.) Multithreading
  - 2.) Geschäftsobjekte
    - 1.) Navigationslos
    - 2.) Navigierbar
    - 3.) Kontextabhängige Dialoge
    - 4.) Aufgaben im Hintergrund
  - 3.) Managerklassen
  - 4.) Prozessanwendungen
  - 5.) Workflowklassen
  - 6.) Externe Systeme
    - 1.) Mobile Endgeräte
    - 2.) [OPC UA Communication]
      - 1.) Server
    - 3.) Simatic S7
  - 7.) Bitmasken
- 5.) []

;

Vorwort

Um Animationen in WPF zu verstehen, lesen Sie bitte zuerst die Microsoft-Dokumentation durch. Sie sollten folgende Konzepte verstehen:

Der iPlus-Designer bietet kein Werkzeug, um Animationen zu erstellen. Entweder programmieren Sie direkt im XAML-Code oder Sie verwenden Blend for Visual Studio. Danach kopieren Sie die mit Blend erstellte Storyboard (XAML-Code) per Zwischenablage in dem iPlus-XAML-Editor.

Hier noch ein paar Links mit Tutorials wie man Animationen mit Blend erstellt:

https://channel9.msdn.com/Blogs/MEA-DX-Interns/Creating-Animations-using-Blend

https://www.youtube.com/watch?v=goOsxYOXKZ4

Animationen per DataTrigger

Datatrigger haben Sie aus dem vorigen Kapitel bereits kennengelernt. Datentrigger benötigen Sie, um Storyboards zu starten, wenn sich eine oder mehrere Eigenschaften im Modell (gebundene ACComponent) geändert haben. Beispielweise möchten Sie eine Animation starten, wenn z.B. eine Türe an einer Maschine geöffnet wird. In diesem Fall würde sich z.B. eine Eigenschaft "UnlockDoor" ändern und der Datatrigger soll das Storyboard starten.

Drücken Sie die Taste "Data" um einen Datentrigger dem Style hinzuzufügen (1).
Drücken Sie die Taste "One data item" wenn das Storyboard in Abhängigkeit von einer Eigenschaft gestartet werden soll (2).
Ziehen Sie per "Drag & Drop" die entsprechende Eigenschaft auf das VBContent-Textfeld (3). In unserem Beispiel ist es die "UnlockDoor"-Eigenschaft der Maschine.

Schließen Sie das Triggerfenster und wechseln in den XAML-Editor. Es wurde ein DataTrigger in die Triggers-Liste eingefügt. Hier ein Beispiel:

Den Abschnitt mit <BeginStoryboard> müssen Sie dann selbst einfügen, indem Sie den XAML-Code für das Storyboard aus Blend per "Cut-And-Paste" herauskopieren.

Animationen per EventTrigger

EventTrigger benötigen Sie, um Storyboards zu starten, wenn ein Oberflächen-Ereignis eingetreten ist. Meist handelt es sich dabei um Maus, Tastatur oder Stiftereignisse.

Öffnen Sie dazu das Triggerfenster (Klick auf das Dreieck in der rechten oberen Ecke). Im Triggerfenster drücken Sie die Taste "Event" (1). Wählen Sie anschließend in der Registerkarte "Triggerdata" das Ereignis aus, bei dem das Storyboard gestartet werden soll (2):

Schließen Sie das Triggerfenster und wechseln in den XAML-Editor. Es wurde ein EventTrigger in die Triggers-Liste eingefügt. Hier ein Beispiel:

Den Abschnitt mit <BeginStoryboard> müssen Sie dann selbst einfügen, indem Sie den XAML-Code für das Storyboard aus Blend per "Cut-And-Paste" herauskopieren.

Cookie-Einstellungen