Mit Design-Vorlagen gestalten Sie Ihre Anwendungen einheitlich und sparen Zeit bei der Entwicklung. Design-Vorlagen fassen gängige UI-Muster zusammen und enthalten Bereiche, in denen Sie UI-Elemente wie Icons und Steuerelemente hinzufügen können.
Beispielsweise bietet eine Vorlage Card with image oben auf der Benutzeroberfläche Platz für ein großes Bild und unten Platz für Felder und Steuerelemente.
-
Klicken Sie im Navigationspanel von App Studio auf Case types und dann auf den Case-Typ, den Sie öffnen möchten.
-
Klicken Sie im Arbeitsbereich auf Save and run, um einen Case zu öffnen.
-
Bewegen Sie im geöffneten Case den Mauszeiger über die zu bearbeitende Ansicht und klicken Sie auf Configure this view.
-
Klicken Sie rechts im Konfigurationspanel auf das Icon Change template.
-
Klicken Sie im Fenster Select a template die Vorlage an, die Sie für die Ansicht übernehmen möchten.
-
Fügen Sie rechts im Konfigurationspanel Felder, Abschnitte und Steuerelemente zur Vorlage hinzu:
-
Klicken Sie im Header des Bereichs, dem Sie eine UI-Komponente hinzufügen möchten auf das Icon Add.
-
Gehen Sie mit der Maus in der Liste Add über die hinzuzufügende Komponente (z. B. ein Textfeld) und klicken Sie dann auf das Icon Add.
-
- Optional:
Um eine Komponente aus der Vorlage zu entfernen, gehen Sie mit der Maus über den Komponentennamen und klicken auf
. -
Speichern Sie die Konfiguration, indem Sie das Konfigurationspanel schließen.
- Steuerelemente
Mit Regeln für Steuerelemente können Sie definieren, wie eine bestimmte Eigenschaft (z. B. eine Schaltfläche oder ein Drop-down-Feld) in einem Formular dargestellt wird.