Was sind Widget-Gruppen?
Eine Widget-Gruppe ist eine Sammlung von Widgets (auch als UI5-Steuerelemente bezeichnet), um verwendbare Bildschirmlayouts als Vorlage bereitzustellen.
Wenn Sie Widget-Gruppen verwenden, genießen Sie die folgenden Vorteile
- Spart viel Designzeit im Vergleich zum Erstellen von Layouts nur mit einzelnen Widgets
- Read-to-Use Layout-Vorlagen, siehe Galerie
- Erstellen Sie Ihre eigene Widget-Gruppe aus vorhandenen Screendesigns
- Bearbeiten von Widget-Gruppen Unabhängig von Ihrer Anwendung
Erstellen einer Widget-Gruppe in UI Designer
Um eine neue Widget-Gruppe zu erstellen, müssen Sie
- Öffnen Sie eine vorhandene Anwendung, oder erstellen Sie eine neue Anwendung.
- Erstellen Sie Ihr endgültiges Layout in Ihrem App-Bildschirm
- Testen Sie Ihr Layout mit der Live-Vorschau oder in unserem App Designer auf mehreren Gerätefaktoren (Tablet, Smartphone, Desktop etc.)
- Speichern Sie Ihr endgültiges Layout in einer Widget-Gruppe
Widget-Gruppe bearbeiten
Um eine Widget-Gruppe zu bearbeiten, wählen Sie die Gruppe aus der Übersicht aus und klicken Sie auf das Bearbeiten-Symbol in der oberen rechten Ecke oder doppelklicken Sie einfach auf den Listeneintrag der Widget-Gruppe.
Sie können die Gruppe nun bearbeiten, indem Sie
- Passen Sie Ihre Widget-Eigenschaften an
- Fügen Sie ein neues Widget oder eine neue Widget-Gruppe zu Ihrem bestehenden Widget hinzu, indem Sie es einfach per Drag & Drop aus der linken Widget-Liste ziehen
- Löschen eines einzelnen Widgets aus dem Inhaltsbildschirm
Testen Sie das Layout Ihrer Widget-Gruppe, indem Sie es auf verschiedenen Gerätetypen simulieren
Sie müssen nicht auf die Schaltfläche Speichern klicken.
Wenn Sie Änderungen rückgängig machen möchten, können Sie die Symbolleiste “Rückgängig” / “Wiederholen” über dem UI-Editor verwenden.
Verlassen Sie den Bearbeitungsmodus, indem Sie auf die Schaltfläche “Beenden” in der rechten oberen Ecke klicken
Integration in den UI Designer Widget Workspace
Um eine optimale Nutzung zu gewährleisten, sollten Sie Ihre Widget-Kategorien mit eindeutigen Namen pflegen und jede Widget-Gruppe einer Kategorie zuordnen.
- Widget-Kategorien pflegen
- Widget-Gruppe Kategorien zuweisen
- Beschreiben Sie es klar und kurz in der Beschreibung
- Weisen Sie ein aussagekräftiges Symbol zu
Sie sollten auch einen Screenshot für die richtige Vorschau erstellen und ein Icon, um einen Vorschau-Screenshot zu erstellen, können Sie die Funktion “Screenshot aktualisieren” verwenden.
Wenn Sie die Metadaten der Widget-Gruppe korrekt verwalten, sollten sie in der Benutzeroberfläche und im Widget-Editor sichtbar sein.
Kategorie, Symbol, Vorschau-Screenshot und UI5-Version ändern
Um die zugewiesene Kategorie, das Symbol, den Screenshot und die UI5-Version zu ändern, können Sie die Schnellbearbeitungsfunktion auf der rechten Seite einer ausgewählten Widget-Gruppe verwenden
Widget-Gruppe löschen
Um eine Widget-Gruppe zu löschen, suchen Sie nach der Widget-Gruppe und klicken Sie sie in der Listenansicht an
Klicken Sie auf die rote Schaltfläche “Löschen” auf dem rechten oberen Bildschirm
Bestätigen Sie den Löschdialog mit dem Häkchen-Symbol
