Ein Design ist ein Vorlagen-Framework, das das Erscheinungsbild einer App darstellt. Zu den Inhalten eines Designs gehören eine Sammlung von Fenstern, Styles und Layouts sowie eine Reihe vorkonfigurierter Widgets. Eine App kann mehrere Designs enthalten. Während der Ausführung kann davon jedoch nur eines verwendet werden.
Web AppBuilder for ArcGIS enthält vorgefertigte Designs. Die Registerkarte Design unterstützt die folgenden Funktionen:
Design auswählen: Wählen Sie eines der folgenden Designs aus:
Billboard¹: Für Apps mit einfacher Funktionalität. Es verfügt über die größte Auswahl an Layouts, zeigt jedoch weder das Logo, noch Links oder den Widget-Controller an. Alle in diesem Design enthaltenen Widgets sind Bildschirm-Widgets.
Box: Hier stehen die Widgets im Widget-Controller im Vordergrund. Alle Bildschirm-Widgets sind standardmäßig deaktiviert. Es werden keine Platzhalter für Widgets und kein Logo bzw. keine Links angezeigt. Es ist für Apps vorgesehen, die einen unverstellten Blick auf die Karte erfordern.
Dart: Die im Widget-Controller enthaltenen Widgets werden als Platzhalter-Widgets angezeigt. Es können mehrere Widgets geöffnet sein, die Sie hin und her verschieben können. Alle Bildschirm-Widgets sind standardmäßig deaktiviert. Wie beim Box-Design werden keine Platzhalter für Widgets und kein Logo bzw. keine Links angezeigt.
Dashboard²: Alle Widgets in dem Bereich werden beim Starten der App gleichzeitig geöffnet. Es ist zum direkten Visualisieren von Widgets in ihrer Kommunikation konzipiert. Sie können das vordefinierte Layout ändern, indem Sie Gitternetze hinzufügen oder entfernen bzw. die Größe der Gitternetze in dem Bereich ändern. Die meisten Bildschirm-Widgets sind deaktiviert, ausgenommen die Widgets "Standardausdehnung", "Zoom-Schieberegler" und "Vollbild". Sie können auch das Widget "Header" aktivieren, um das Logo, den App-Namen und Links anzuzeigen.
Foldable¹: Das erste von Web AppBuilder erstellte Design; es unterstützt sämtliche Widget-Typen und kann für Apps mit komplexer Funktionalität verwendet werden.
Jewelry Box¹: Aus dem Foldable-Design entstanden, mit Schwerpunkt-Widget im linken Bereich der App. Es ist für Apps mit einem Workflow-Task vorgesehen.
Launchpad: Für Benutzer, die das Apple Mac-Design bevorzugen. Damit können Sie mehrere Widgets öffnen und verschieben, deren Größe ändern und sie minimieren.
Plateau¹: Kann verwendet werden, um eine moderne und grundlegende App mit flachen Werkzeugleisten und Widget-Containern zu erstellen.
Pocket: Für Apps, die in Websites, Story-Maps oder andere Medien mit umgebendem Kontext eingebettet werden.
Nur ein Widget wird in einem Fenster unterstützt, das sich links oder rechts befinden kann.
Tab: Unterstützt wie das Foldable-Design sämtliche Widget-Typen und kann für Apps mit komplizierten Tasks verwendet werden.
Vorsicht:
Die Designs "Plateau" und "Pocket" sind beim Erstellen von 3D-Apps nicht verfügbar.
Style auswählen: Die verfügbaren Styles hängen vom ausgewählten Design ab. Bei den meisten Designs (bis auf die Designs "Launchpad" und "Dashboard") stehen sieben vordefinierte Farben zur Auswahl. Wenn Ihre Organisation das freigegebene Design mit einer Header-Farbe definiert hat, ist dies die Standardfarbe, wenn eine App erstellt wird.Sie können auch eine eigene Farbe auswählen, indem Sie auf die letzte Farbe in der Farbauswahl klicken.
Layout auswählen: Ein Layout bietet eine vordefinierte Platzierung von Elementen der Benutzeroberfläche.
Eigene Layouts lassen sich nur mit dem Design "Dashboard" ändern und erstellen.
Wenn Sie 2D-Apps erstellen, variieren die verfügbaren Layouts je nach ausgewählten Design. Zudem gibt es zwei Layout-Styles. Einer ist für Desktop- und der andere ist für mobile Geräte vorgesehen. Wenn die Höhe oder Breite einer Bildschirmanzeige weniger als 600 Pixel beträgt, wird das mobile Layout angewendet.
Wenn Sie 3D-Apps erstellen, verfügt jedes Design über zwei Layouts nur für Desktops.
Vorsicht:
Derzeit unterstützen Layouts des Designs "Dashboard" keine von rechts nach links verlaufende Sprachen.
¹: Diese Designs unterstützen barrierefreie Webinhalte für erforderliche Benutzer.
¹: Dieses Design unterstützt barrierefreie Webinhalte für erforderliche Benutzer. Barrierefreiheit wird nicht unterstützt, wenn zwischen den Registerkarten gewechselt wird.