Objekttyp: Seiten-Container

Der Objekttyp Seiten-Container stellt einen Container für andere Seiten (vom Type "Standard ) zur Verfügung. Im Zusammenspiel mit den Steuerelement Menu-Button kann der Inhalt des Containers durch eine andere Seite ausgetauscht werden. Auf diese Weise können beliebige Menü-Strukturen erstellt werden.

Properties

Seitenname

Der Name der angezeigten Seite.

Containertyp

Der Typ des Containers (siehe unten).

Scrollverhalten

Richtung in die ein Scrollen der Seite möglich sein soll.

Folgende Werte werden unterstützt:

  • Vertikal - Scrollen ist in vertikale Richtung möglich (Default Einstellung)

  • Horizontal - Scrollen ist in horizontale Richtung möglich

  • Beide - Scrollen ist in beide Richtungen möglich

Animation

Diese Option ermöglicht es den Wechsel einer Seite animiert darzustellen.

Folgende Werte werden unterstützt:

  • Fade - Überblendung der Seiten

  • Scale - Skalierung des Überganges

  • Größe Vertikal - Wechsel durch Veränderung der vertikalen Größe

  • Größe Horizontal - Wechsel durch Veränderung der horizontalen Größe

  • Rotation - Wechsel durch Rotation

  • Keine Animation - Der Wechsel erfolgt ohne Animation

Dauer Animation

Spezifiziert die Dauer der Animation in Millisekunden.

Containertypen

Der Containertyp definiert den Verwendungszweck eines Containers. Pro sichtbaren Container darf jeder Typ nur einmal verwendet werden. Über diesen spricht man mit Hilfe von Menu-Buttons dann einen ganz bestimmten Container an und kann eine Seite in diesem Container laden. Die folgenden Typen stehen zur Verfügung:

Hauptseite

Wird primär als übergeordneter Hauptcontainer verwendet, um den gesamten Inhalt der View zu steuern.

Kopfseite

Primär zur Realisierung einer View Headers vorgesehen

Fußseite

Primär zur Realisierung einer View Footers vorgesehen

Menüseite

Menübereich einer View

Navigationsseite

Navigationsbereich einer View

Detailseite

Detailbereich einer View, hier wird der Inhalt basierend auf der Auswahl in Menü bzw. Navigationsbereich angezeigt

Detailmenüseite

Primär zur Realisierung eines Untermenüs vorgesehen

Inhaltsseite

Unterbereich für die Detailansicht

Infoseite

Primär zur Realisierung einer Infoseite vorgesehen

Popupseite

Ist dafür vorgesehen ein kleines Menü in einem Popup Fenster zu realisieren, zum Beispiel einblenden verschiedener Kamerabilder in einem Popup.

Reihenfolge beim Laden von Containern

Bei Verwendung von verschachtelten Containern (Auswahl von verschiedenen Stockwerken in einem Detailbereich) ist auf die Reihenfolge der Container zu achten.

  • Hauptseite

  • Kopfseite

  • Fußseite

  • Menüseite

  • Navigationsseite

  • Detailseite

  • Detailmenüseite

  • Inhaltsseite

  • Infoseite

  • Popupseite

Ein Hauptseite darf sich also nicht in einer Detailseite befinden, da es ansonsten beim Laden von verschachtelten Seiten zu fehlenden Inhalten kommen kann.

Inhaltsseite in einer Menüseite ist hingegen kein Problem.

Einfaches Anwendungsbeispiel (Step by Step)

Gegeben sind mehrere Räume mit Variablen zur Steuerung von Licht, Beschattung, Klima usw.

Sie möchten nun auf der linken Seite des Views einen Navigationsbereich erstellen, mit dem Sie die verschiedenen Räume darstellen können.

Dieses Beispiel zeigt die Visualisierung von 2 Räumen; bei mehreren Räumen gehen Sie analog vor.

  1. Platzieren Sie ein Steuerelement vom Typ "Seiten Container" auf Ihrer Hauptseite:

    Page-Container (1)

  2. Betätigen Sie den Button "Seite erstellen", ein Dialog zur Eingabe des gewünschten Namens erscheint:

    Page-Container (2)

  3. Die neue Standard Seite wird erstellt und Sie können Ihre gewünschten Steuerelemente auf der Seite platzieren. Nachdem Sie fertig sind, können Sie mit dem Button "Zurück" wieder auf Ihre Hauptseite navigieren.

    Page-Container (3)

  4. Fügen Sie nun auf der linken Seite einen Menu-Button für die Anzeige des Raumes "Wohnzimmer" ein und wählen Sie als Detailseite "Wohnzimmer".

    PageContainer (4)

  5. Auf die gleiche Weise erstellen Sie nun auch einen Menu-Button für den Raum "Küche" und betätigen Sie den Button "Seite erstellen" bei der Auswahl der Detailseite.

    PageContainer (5)

  6. Der Dialog zum Erstellen einer Seite wird angezeigt. Geben Sie hier wieder Ihren gewünschten Seitennamen ein und bestätigen die Eingabe mit Erstellen.

    PageContainer (6)

  7. Die neue Seite wird erstellt und Sie können wieder Ihre gewünschten Steuerelemente platzieren.

    PageContainer (7)

Der Anwender kann nun am Client mit den Buttons den jeweiligen Raum zur Anzeige bringen:

Seiten-Container und Menu-Buttons auf dem Client (1)

Seiten-Container und Menu-Buttons auf dem Client (2)