Aktueller Release

Previous
Erstellen von benutzerdefinierten App-Assistenten
Next
Erstellen Sie benutzerdefinierte Widgets

Erstellen von Widget-Gruppen

29 views 0 Updated on January 29, 2025

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

  1. Öffnen Sie eine vorhandene Anwendung, oder erstellen Sie eine neue Anwendung.
  2. Erstellen Sie Ihr endgültiges Layout in Ihrem App-Bildschirm
  3. Testen Sie Ihr Layout mit der Live-Vorschau oder in unserem App Designer auf mehreren Gerätefaktoren (Tablet, Smartphone, Desktop etc.)
  4. 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 jetzt 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

Da wir die Zusammenarbeit in Echtzeit auch im Widget-Editor unterstützen, werden Ihre Änderungen sofort gespeichert. 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 Klarnamen 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 in der Listenansicht darauf

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

Wenn Sie eine Widget-Gruppe löschen, sind Ihre vorhandenen Bildschirme nicht betroffen, da die Gruppe nicht direkt Ihrem Bildschirminhalt zugewiesen ist und nur als einzelne Widgets gespeichert wird.
Related Articles