Was sind UI-Aktionen?

Das UI-Aktionselement ermöglicht es der App, den UI-Status in Abhängigkeit von der Geschäftslogik zu ändern.

Beispiele für UI-Aktionen sind:

• Der Senden-Button sollte nur aktiviert sein, wenn das Eingabefeld korrekt ausgefüllt ist
• Formulare sollten nur bearbeitbar sein, wenn der Benutzer eine bestimmte Business-Rolle hat
• UI-Widgets (Steuerelemente) sollten unsichtbar sein, wenn ein bestimmter Abfrageparameter an die App-URL angehängt ist

Verwendung von UI-Aktionen am Beispiel

Das klassische Beispiel für eine UI-Aktion ist der Anmeldevorgang.

Wenn die Benutzeranmeldung gültig ist, sollte der nächste Bildschirm angezeigt werden und der Benutzer im Header des Bildschirms benannt werden. Andernfalls, wenn die Anmeldeinformationen falsch sind, sollte das Anmelde-Widget in einen Fehlerzustand versetzt werden, was bedeutet, dass das Widget dem Benutzer Feedback gibt, indem es eine Fehlermeldung anzeigt und das komplette Anmeldeformular rot markiert.

Schritt 1

Zuerst wird der Event Button Press auf der Login Mask der Login Activity zugewiesen.

Schritt 2

Wenn die Anmeldung nicht erfolgreich war, sollte es eine Änderung der Anmeldemaske zu Fehler über UI Action geben.

Über den Mapping Button kann die Konfiguration eines Widgets (UI-Element) geändert werden.

Schritt 4

Wenn die Anmeldung erfolgreich war, sollte der Benutzername in der rechten oberen Ecke des Hauptbildschirms angezeigt werden

Über den Mapping Button wird das Autofeld mit dem eingeloggten Benutzernamen dem Username Widget in der Titelleiste des Main Screens zugewiesen.

Sie können das visuelle Element einfach per Drag & Drop aus dem WYSIWYG-Editor in den Mapping-Dialog ziehen und als Ziel festlegen.