# Konfigurieren eines Bildschirms mit mehreren Bereichen

Sie können einen Bildschirm ähnlich einer Anwendung für eine Benutzeroberfläche mit mehreren anpassbaren Fenstern einrichten.

Nach dem Umschalten zwischen Anzeige und Ausblenden von Layoutobjekten mit Sichtbarkeitsanimation werden die Größe und die Position des Inhaltsanzeigeobjekts und des Schaltobjekts automatisch vom Dock-Bildschirm angepasst, und die Anzeige des Fensters ändert sich.

Informationen über die Funktion zur Konfiguration eines Bildschirms, der aus mehreren Fenstern besteht, finden Sie unter:

Dock-Bildschirm

Was ist Animation?

Operation, wenn Sichtbarkeitsanimation eingerichtet ist

## Beispieloperation

Berühren Sie den Schalter auf dem Dock-Bildschirm, um das Layout-Objekt (linkes Fenster) einzuklappen; das danach ausgerichtete Inhaltsanzeige-Objekt (Hauptfenster) wird erweitert, um diesen Platz auszufüllen. Berühren Sie den Schalter erneut, um das Layout-Objekt anzuzeigen.

## Arbeitsschritte Einstellungen

1. Variablen hinzufügen
2. Hinzufügen eines Bildschirms
3. Inhalte hinzufügen
4. Layout-Objekte/Teile einrichten

## Variablen hinzufügen

Hinzufügen einer Variable, die die Eigenschaft [Sichtbarkeit] des Layout-Objekts speichert.

### Projekt-Explorer: [Variablen] → [Alle Variablen]

Fügen Sie folgende Variable(n) hinzu.

#### Variableneigenschaften

[Name] | [Datentyp]
Var1 | [INT]

## Hinzufügen eines Bildschirms

### Projekt-Explorer: [Bildschirmgestaltung] → [Bildschirme]

Folgende Variable(n) hinzufügen.

#### Bildschirmeigenschaften

[Bildschirm-ID] | [Bildschirmtyp]
2 | [Dock-Bildschirm]

### Projekt-Explorer: [Bildschirmgestaltung] → [Bildschirme] → [Screen2]

Klicken Sie zum Festlegen von Bildschirmeinstellungen, wie z. B. Farbe, in der Dokumentenansicht auf den Zeichenbereich, und nehmen Sie die Einstellungen im Eigenschaftsfenster vor.

#### Dock-Bildschirm-Eigenschaften

Tab | Eigenschaft | Wert
[Basis] | [Füllung] | [Farbe] | [Wert] | ID: 14

### Projekt-Explorer: [Systemarchitektur] → [Target01]

Legen Sie die folgenden Eigenschaften fest.

#### Eigenschaften Target01

Tab | Sub | Eigenschaft | Wert
[Funktion] | [Basis] | [Grundeinstellungen] | [Startbildschirm-ID] | 2

Hinweis: Mit dieser Eigenschaft wird festgelegt, welcher Bildschirm (in diesem Beispiel Bildschirm-ID: 2) nach dem Start der Laufzeit zuerst angezeigt wird.

## Inhalte hinzufügen

### Projekt-Explorer: [Bildschirmgestaltung] → [Inhalte]

Folgende Inhalte hinzufügen.

#### Inhaltseigenschaften

[Inhalts-ID] | [Bildschirmtyp]
1 | [Scroll-Leinwand]

### Projekt-Explorer: [Bildschirmgestaltung]→[Inhalte] → [Content1]

Klicken Sie zum Festlegen von Inhaltseinstellungen, wie z. B. Farbe, in der Dokumentenansicht auf den Zeichenbereich und nehmen Sie die Einstellungen im Fenster „Eigenschaften“ vor.

Hinweis: Bei der ID-Benennung von Farben variieren die angezeigten Farben je nach [Farbsatz] im [Werkzeugkasten].
Farbsatz

#### Eigenschaften der Scroll-Leinwand

Tab | Eigenschaft | Wert
[Basis] | [Füllung] | [Farbe] | [Wert] | ID: 25

## Layout-Objekte/Teile einrichten

### Projekt-Explorer: [Bildschirmgestaltung] → [Bildschirme]→ [Screen2]

Bewegen Sie folgende Objekte per Drag&Drop vom [Werkzeugkasten] auf den Bildschirm.

Hinweis: Die Reihenfolge der Objektausrichtung kann mit der [Objektliste] geändert werden.

1. Layout-Objekt - Leinwand (Name: Canvas1)
2. Layout-Objekt - Stapelbildschirm (Name: StackPanel1)
3. Schalterobjekt (Name: Switch1)

4. Inhaltsanzeige (Name: ContentDisplay1)

Hinweis: Wenn Sie Objekte ausrichten, ziehen Sie sie an die Außenseite des Layoutobjekts oder außerhalb des Bildschirmbereichs, damit sie sich nicht überlappen. Wenn keines der Objekte auf dem Bildschirm ausgewählt ist, können Sie sie auch ohne Überlappung ausrichten, indem Sie auf das entsprechende Objekt im [Werkzeugkasten] doppelklicken.

#### Eigenschaften Layout-Objekt - Leinwand (Name: Canvas1)

Tab | Eigenschaft | Wert
[Basis] | [Position] | [Docken] | [Oben]
[Höhe] | 80
[Füllung] | [Farbe] | [Wert] | ID: 14

#### Eigenschaften Layout-Objekt - Stapelbildschirm (Name: StackPanel1)

Tab | Eigenschaft | Wert
[Basis] | [Ausrichtung] | [Vertikal]
[Position] | [Docken] | [Links]
[Breite] | 250
[Füllung] | [Farbe] | [Wert] | ID: 11
[Sichtbarkeit] | [Variablen] [Name]: Var1

Hinweis: Installieren Sie das Akkordeon-Menü im Stapelbildschirm. Informationen zum Akkordeonmenü erhalten Sie unter:
Konfigurieren eines Akkordeonmenüs

#### Eigenschaften Schalterobjekt (Name: Switch1):

Mit diesem Schalter können Sie die Anzeige des Fensters ändern. Wenn der Schalter berührt wird, wird die Eigenschaft [Sichtbarkeit] des Layout-Objekts - Stapelbildschirm (Name: StackPanel1) auf 0 (Anzeigen) oder 2 (Eingeklappt) geändert.

Tab | Unterg. Registerkarte | Eigenschaft | Wert | Tab
[Funktion] | [Berührung] | [Operation] | [Typ] | [Wort]
[Operation] | [XOR]
[Quelle] | 2
[Ziel] | [Variablen] [Name]: Var1
[Form] | [Größe/Position] | [Position] | [Docken] | [Links]
[Breite] | 25
[Höhe] | 50

#### Eigenschaften Inhaltsanzeige (Name: ContentDisplay1)

Tab | Unterg. Registerkarte | Eigenschaft | Wert
[Funktion] | [Basis] | [Inhalts-ID] | 1