Das Widget "Widget-Controller" ist ein Container, in dem Sie andere Widgets als Schaltflächen speichern und ihren Lebenszyklus und ihre Darstellung verwalten können. Sie können die Darstellungsrichtung der Widgets im Controller ändern (horizontal oder vertikal). Außerdem können Sie die Anzahl der geöffneten Widgets und die Darstellung der Widget-Schaltflächen steuern.
Beispiel
Verwenden Sie dieses Widget, um zum Beispiel die folgenden Anforderungen an das App-Design zu unterstützen:
- Sie möchten eine kartenbasierte Vollbild-App mit Widgets erstellen. Die Widgets sollen in einem werkzeugleistenähnlichen Controller organisiert sein, in dem Benutzer bei Bedarf ein oder mehrere Widgets öffnen können, um mit der Karte zu interagieren.
Verwendungshinweise
Klicken Sie zum Hinzufügen von Widgets zum Controller auf die Schaltfläche Widget hinzufügen, und wählen Sie ein Widget aus der Galerie aus, oder ziehen Sie es aus dem Fenster Widget einfügen in den Controller. Klicken Sie zur Konfiguration eines hinzugefügten Widgets im Controller auf das Widget, um das Einstellungsfenster zu öffnen. Ziehen Sie an der unteren Ecke des Widget-Fensters, um seine Anfangsgröße zu definieren.
Einstellungen
Das Widget "Widget-Controller" verfügt über folgende Einstellungen:
- Richtung: Stellen Sie die Widgets im Controller vertikal oder horizontal dar.
- Verhalten: Definieren Sie, wie viele Widgets über diesen Controller geöffnet werden können und welche Widgets beim Laden der Seite automatisch geöffnet werden.
- Einzeln: Es kann jeweils nur ein Widget geöffnet werden. Ein Widget wird geschlossen, sobald ein anderes geöffnet wird.
- Mehrere: Mehrere Widgets können gleichzeitig geöffnet und ausgeführt werden. In diesem Fall können Sie die geöffneten Widgets wahlweise gestapelt oder nebeneinander darstellen.
Tipp:
Wenn Sie mit diesen Optionen experimentieren möchten, dann klicken Sie auf Live-Ansicht auf der Builder-Werkzeugleiste.
- Wenn Sie möchten, dass ein oder mehrere Widgets beim Laden der Seite automatisch geöffnet werden sollen, wählen Sie die Widgets aus der Liste aus.
- Anordnung von Widget-Fenstern: Hier können Sie die Darstellung der Widget-Fenster ändern.
- Unverankert: Die Widget-Fenster werden unverankert neben dem Controller angeordnet, wobei sie mit dem Symbol des jeweiligen Widgets verankert sind.
- Fest: Die Widget-Fenster werden in einer der vier Ecken der Zeichenfläche an einer festen Position angezeigt. Sie können die Breite und Höhe in Pixeln (px) oder in Prozent der Zeichenfläche (%) angeben. Sie können auch einen Versatz für die X- und Y-Achse angeben und eine Animation für das Öffnen des Fensters festlegen.
Hinweis:
Die unter Anordnung von Widget-Fenstern festgelegte Einstellung wird nur bei Anzeige des Widgets auf großen und mittelgroßen Bildschirmen wirksam. Auf Geräten mit kleinen Bildschirmen werden die Widget-Fenster in unteren Bereich der App angezeigt. Weitere Informationen über die Layout-Optimierung für alle Geräte.
- Aussehen: Wählen Sie die Widgets im Widget-Controller aus, und passen Sie ihre Symbole, Beschriftungen oder Styles an.
- Symbol: Wählen Sie ein rundes oder rechteckiges Widget-Symbol aus.
- Beschriftung: Zeigt den Namen des Widgets unterhalb des Symbols an. Diese Beschriftung entspricht dem Standardnamen; ändern Sie den Widget-Namen im Konfigurationsfenster in einen für die Endbenutzer aussagekräftigen Namen.
- QuickInfo: Deaktivieren Sie den Hovertext für die Schaltflächen, wenn Sie stattdessen Beschriftungen verwenden möchten.
- Größe: Ändern Sie die Größe des Widget-Symbols.
- Abstand: Geben Sie den Abstand zwischen den Widget-Symbolen an.
- Erweitert: Geben Sie an, wie die Schaltflächen im Controller in diesen drei Zuständen dargestellt werden sollen: Standard, Ausgewählt und Daraufzeigen. Sie können die Hintergrundfarbe des Symbols ändern, und wenn Sie Beschriftungen aktivieren, können Sie die Schriftfarbe ändern und den Text fett, kursiv, durchgestrichen oder unterstrichen formatieren.
- Standardeinstellung: Der Standardzustand einer Schaltfläche ohne Benutzerinteraktion
- Ausgewählt: Der Zustand für eine Schaltfläche, die der Benutzer im Controller ausgewählt hat, oder für ein geöffnetes Widget.
- Daraufzeigen: Der Zustand einer Schaltfläche, auf die Benutzer im Controller zeigen
Hinweis:
Das ausgewählte Design wirkt sich auf die Farbauswahl in den Konfigurationsoptionen aus. Wenn Ihre gewünschte Farbe nicht im App-Design enthalten ist, können Sie durch einen Klick auf Mehr eine benutzerdefinierte Farbe auswählen.