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.

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.

Layout-Objekt - Leinwand (Name: Canvas1)
Layout-Objekt - Stapelbildschirm (Name: StackPanel1)
Schalterobjekt (Name: Switch1)
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