Hinzufügen von Bildschirmgruppen

Eine Bildschirmgruppe ist ein Layout-Container mit mehreren Bildschirmen zum Organisieren von Inhalten und Widgets auf Bildlaufseiten. Jeder Bildschirm verfügt über eine Hauptanzeige und je nach Bildschirmgruppenvorlage ggf. über ein Fenster mit Bildlauf. Wird ein Bildlauf zu einer Bildschirmgruppe durchgeführt, belegt diese die gesamte Höhe des Bildschirms. Wenn eine Bildschirmgruppe über Fenster mit Bildlauf verfügt, bleibt die Hauptanzeige unverändert, bis das letzte Fenster aus dem Fokus verschoben wird, wenn Benutzer einen Bildlauf durch den Inhalt eines Fensters durchführen. Wenn eine Bildschirmgruppe keine Fenster enthält, bleibt die Hauptanzeige unverändert, bis ein Bildlauf um eine volle Bildschirmhöhe erfolgt.

Beispiele

Verwenden Sie eine Bildschirmgruppe, um beispielsweise die folgenden Anforderungen an das App-Design zu unterstützen:

• Es gibt mehrere Bilder, und für die Beschreibung jedes Bildes wird ein langer Absatz benötigt. Daher möchten Sie einen Bildlauf durch den Inhalt durchführen, während die Bildposition unverändert bleibt. Sie können einer Bildlaufseite eine Bildschirmgruppe mit Bildlauffenster hinzufügen und das Bild auf der Hauptanzeige des Bildschirms und die zugehörige Beschreibung im Bildlauffenster des Bildschirms platzieren.
• Sie möchten den Inhalt mit einem Umblättereffekt statt mit dem standardmäßigen Schiebeeffekt von Bildlaufseiten anzeigen. Sie können jeweils eine bestimmte Vorlage für unterschiedliche Übergangseffekte zwischen den einzelnen Bildschirmen der Bildschirmgruppe verwenden.

Verwendungshinweise

Um einer Bildlaufseite eine Bildschirmgruppe hinzuzufügen, klicken Sie in der Zeichenfläche auf die Schaltfläche Bildschirmgruppe einfügen, und wählen Sie eine Bildschirmgruppenvorlage aus. Wenn der Seite eine Bildschirmgruppe hinzugefügt wird, erscheint in der Zeichenfläche für die Bildschirmgruppe eine separate Bildlaufleiste.

Wenn die Bildschirmgruppe über Fenster mit Bildlauf verfügt, wird die Fensterhöhe automatisch an den Inhalt angepasst. Sie können Widgets in ein Fenster einfügen, indem Sie ein Widget in das Fenster ziehen oder auf die Schaltfläche "Hinzufügen" klicken.

Derzeit können Sie Bildschirmgruppen nur für große, nicht jedoch für mittelgroße und kleine Bildschirme hinzufügen. Sie können die gesamte Bildschirmgruppe in die ausstehende Liste verschieben, um die Layouts für unterschiedliche Bildschirme anzupassen.

Einstellungen

Für Bildschirmgruppen sind die folgenden Konfigurationseinstellungen verfügbar:

• Bildschirm: Fügen Sie mehrere Bildschirme gleichzeitig hinzu, oder duplizieren Sie vorhandene Bildschirme, die denselben Hintergrund oder dasselbe Layout erhalten sollen.
• Für die Verwaltung der Bildschirme in der Gruppe stehen folgende Optionen zur Verfügung: Umbenennen, Duplizieren und Löschen. Durch Ziehen der Bildschirme können Sie die Bildlaufreihenfolge in der Bildschirmgruppe ändern. Klicken Sie auf einen Bildschirm, und ändern Sie die Einstellungen für die Hauptanzeige und das Bildlauffenster (sofern vorhanden).
  • Hauptanzeige: Ändern Sie den Hintergrund der Hauptanzeige, indem Sie eine Füllfarbe oder ein Bild auswählen.
  • Bildlauffenster
    • Modus: Wählen Sie einen der Modi Verankert oder Unverankert aus, um das Layout zu ändern.
    • Größe: Definieren Sie die Breite des Fensters. Sie können auch die Kante des Fensters in der Zeichenfläche ziehen, um dessen Größe anzupassen.
    • Position: Richten Sie verankerte Fenster links oder rechts und unverankerte Fenster links, rechts oder zentriert aus. Legen Sie für unverankerte Fenster den horizontalen Versatz in Pixeln fest, um die Fensterposition basierend auf der Ausrichtung anzupassen.
    • Abstand: Geben Sie den Abstand zwischen geschachtelten Widgets (in Pixel) an.
    • Innenabstand: Fügen Sie einen Abstand rund um die innere Kante des Fensters hinzu.
    • Hintergrund: Ändern Sie den Hintergrund des Bildlauffensters, indem Sie eine Füllfarbe oder ein Bild auswählen.

    Tipp:

    Beim Bearbeiten der Inhalte in einer Bildschirmgruppe wird in unverankerten Fenstern die Schaltfläche In der Design-Ansicht ausblenden angezeigt. Sie können auf diese Schaltfläche klicken, um das Fenster vorübergehend zu minimieren, sodass die dahinter liegende Hauptanzeige sichtbar wird. Klicken Sie auf die Schaltfläche In der Design-Ansicht anzeigen unten rechts in der Hauptansicht, um das Fenster wieder anzuzeigen. Das Ausblenden des Fensters hat keinen Einfluss auf das Aussehen der Bildschirmgruppe in der Live-Ansicht oder der Vorschau.

Vorlagen

Neben dem Widget-Layout gibt es für Bildschirmgruppenvorlagen weitere Voreinstellungen, beispielsweise den Übergangseffekt, den Abstand zwischen Fenstern und die Auslösung des Wechsels zum nächsten Bildschirm. Zeigen Sie bei der Auswahl einer Bildschirmgruppenvorlage in der Galerie mit der Maus auf die Vorlagenkachel, um eine animierte Vorschau anzuzeigen.

Für konfigurierbare Bildschirmgruppen stehen folgende vordefinierte Vorlagen zur Verfügung:

• Cascade ist eine Vorlage mit mehreren Bildschirmen mit unverankerten Fenstern. Die Fenster werden geschoben, und die Hauptanzeige wird jeweils durch die nächste überblendet. Der Bildschirmwechsel erfolgt jeweils unmittelbar, wenn das nächste Fenster von unten erscheint.
• Index ist eine Vorlage mit verankerten Fenstern und dem gleichen Übergangseffekt wie Cascade. Wenn beim Bildlauf im nächsten Fenster eine Position weiter unten erreicht wird, erfolgt der Wechsel zum nächsten Fenster.
• Flyer ist eine Vorlage mit einem Bildschirm speziell für eine Karte und Lesezeichen. Beim Bildlauf durch das Fenster navigiert die Karte auf der Hauptanzeige automatisch zur Lesezeichenposition (bei Verwendung der Einstellung Beim Laden aktiv für das Widget "Lesezeichen").
• Stream ist eine Vorlage mit mehreren Bildschirmen mit unverankerten Fenstern. Zwischen dem Fenster des ausgewählten und des nicht ausgewählten Bildschirms wird ein Parallaxeneffekt angewendet. Wenn beim Bildlauf im nächsten Fenster eine Position weiter oben erreicht wird, erfolgt eine Überblendung zum nächsten Bildschirm.
• Guide ist eine Vorlage mit Parallaxeneffekt. Hierbei erfolgt der Wechsel zum nächsten Bildschirm, wenn beim Bildlauf im nächsten Fenster eine Position weiter unten erreicht wird.
• Showcase ist eine Vorlage mit mehreren Bildschirmen mit mittig angeordneten unverankerten Fenstern. Wenn der Bildlauf im aktuellen Fenster abgeschlossen ist, erfolgt der Wechsel zur nächsten Hauptanzeige mit einem Titelübergang.
• Slideshow ist eine Vorlage mit mehreren Bildschirmen mit verankerten Fenstern. Wenn der Bildlauf im aktuellen Fenster abgeschlossen ist, erfolgt der Wechsel zur nächsten Hauptanzeige mit einem Schiebeübergang.
• Portfolio ist eine Vorlage mit mehreren Bildschirmen, die nur die Hauptanzeige mit einem Titelübergang enthält.