Was sind Widget-Gruppen?
Eine Widget-Gruppe ist eine Sammlung von Widgets (auch bekannt als UI5-Steuerelemente), um brauchbare Bildschirmlayouts als Vorlage bereitzustellen.
Wenn Sie Widget-Gruppen verwenden, profitieren Sie von folgenden Vorteilen
- Spart viel Designzeit im Vergleich zum Erstellen von Layouts nur mit einzelnen Widgets
- Read-to-Use Layout Templates siehe Galerie
- Erstellen Sie Ihre eigene Widget-Gruppe aus bestehenden Bildschirmdesigns
- Bearbeiten Sie Widget-Gruppen unabhängig von Ihrer Anwendung
Widget-Gruppe im UI Designer erstellen
Um eine neue Widget-Gruppe zu erstellen, müssen Sie
- Öffnen Sie eine bestehende Anwendung oder erstellen Sie eine neue
- Erstellen Sie Ihr endgültiges Layout in Ihrem App-Bildschirm
- Testen Sie Ihr Layout mit der Live-Vorschau oder in unserem App Designer auf verschiedenen Gerätefaktoren (Tablet, Smartphone, Desktop usw.)
- 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 Bearbeitungssymbol in der oberen rechten Ecke oder doppelklicken Sie einfach auf den Widget-Gruppenlisteneintrag.
Sie können die Gruppe jetzt bearbeiten, indem Sie
- Ihre Widget-Eigenschaften anpassen
- Fügen Sie Ihrer bestehenden ein neues Widget oder eine neue Widget-Gruppe hinzu, indem Sie es einfach per Drag & Drop aus der linken Widget-Liste ziehen
- Löschen Sie einzelne Widgets vom Inhaltsbildschirm
Testen Sie Ihr Widget-Gruppenlayout, indem Sie es auf verschiedenen Gerätetypen simulieren
Wenn Sie Änderungen rückgängig machen möchten, können Sie die Symbolleiste “Rückgängig/Wiederherstellen” über dem UI-Editor verwenden.
Verlassen Sie den Bearbeitungsmodus, indem Sie auf die Exit-Schaltfläche 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 zuordnen
- 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 und ein Symbol erstellen
Um einen Vorschauscreenshot zu erstellen, können Sie die Funktion “Screenshot aktualisieren” verwenden
Wenn Sie die Widget-Gruppen-Metadaten korrekt pflegen, sollten sie im UI- und Widget-Editor sichtbar sein.
Kategorie, Symbol, Vorschauscreenshot 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 in der Listenansicht darauf
Klicken Sie auf die rote Löschtaste im rechten oberen Bildschirmbereich
Bestätigen Sie den Löschdialog mit dem Häkchen-Symbol
