English | Français | Deutsch
English | Français | Deutsch
EINFÜHRUNG IN ZEMPROSYS |
|||
| Inhaltsverzeichnis » | Containerdesign | ||
CONTAINERDESIGN
Das Containerdesign geht die Frage nach, wie Komponenten auf anderen plaziert werden können. Es wurde bisher nur demonstriert, wie die Komponenten gruppenweise angelegt werden, wobei in jeder Gruppe nur eine Komponente eingefügt wird. Wenn man versucht, eine der bisher angelegten Komponenten auf einer anderen zu plazieren, gelingt es nicht. Man erreicht nur, dass die Komponenten ihre Gruppen vertauschen.
» Neues Projekt und neue Zielseite öffnen
Wie eine Zielseite, also eine Seite als aktiv gesetzt wird, wurde am Anfang des Abschnittes Komponentenverwendung ausführlich demonstrieren. Setzen Sie die erste Seite des Projektes mit der Überschrift „Demo_Container“ als aktiv. Nach der erfolgreichen Aktivierung dieser Seite, wird das Projekt „Demo_Container“ auch aktiviert.» Beispielkomponenten anlegen
- Legen Sie die Komponente [TBevelingControl, Standard] an. Der Abschnitt Komponentenverwendung beschreibt, wie Komponenten angelegt werden. Wiederholen Sie diesen Schritt, bis 6 Komponenten vom Typ [TBevelingControl] auf der Zeichnenfläche der aktiven Seite plaziert werden.
- Führen Sie einen Doppelklick auf jede angelegte Komponente durch, um die Überschrift zu bearbeiten. Für jede Komponente gibt man den Text „Zemprosys and VPPT“ gefolgt mit einer eindeutigen Nummer
» Verschiebung von Komponenten (Teil 1)
Markieren Sie die Komponente mit Nummer 2 und bewegen Sie die Maus entlang des Markierungsrechteckes, aber nicht im Bereich der kleinsten blauen Rechtecke. Nachdem sich die Mausform geändert hat, drücken Sie mit der linken Maustaste. Das Markierungsrechteck ändert seine Ansicht und wird jetzt in Hellblau dargestellt. Um die Komponente an eine andere Stelle zu verschieben, bewegen Sie die Maus und lassen Sie die gedrückte Maustaste erst dann los, wenn die gewünschte Position (Verschiebungsort) erreicht ist.Versuchen Sie die Komponente mit Nummer 2 auf Komponente mit Nummer 1 zu plazieren. Die beiden Komponenten vertauschen sich nur ihrer Reihenfolge.
Hinweise über Verschiebung
Wärend der Verschiedung kann man auf der Gruppenleiste sehen, wie sich der Hintergrund der einzelnen Gruppenbereiche ändert. Der gelbe Hintergrund gibt dem Anwender Hinweis darauf, dass die gezogene Komponente die andere (Komponente im Bereich des gelben Hintergrundes) nach unten verschoben wird. Der rote Hintergrund bedeutet, dass die gezogene Komponente ihren Besitzer wechselt wird (Die Erläuterung von „Besitzer“ wird gleich folgen)
» Container anlegen
- Legen Sie die Komponente [TContainer, Container & Frame] an und platzieren sie am bestens plazieren auf der ersten Komponente, damit der Container die Gruppenzuweisungsnummer 1 bekommt.
- Legen Sie die Komponente [TBorderField, Standard] an und zwar auf dem Bereich des gerade angelegten Containers. Führen Sie diesen Schritt noch fünf Mal durch. Jetzt hat man geschafft, dass eine Komponente auf einer anderen plaziert wird (siehe nächste Abbildung)
» Was ist ein Container?
Ein Container in der Terminologie von Zemprosys repräsentiert eine Komponente, die in der Lage ist, andere Komponenten aufzunehmen. Hat eine Komponente C1 eine Komponente C2 aufgenommen, dann ist C1 automatisch der direkte Besitzer von C2 und C2 wird als Kind von C1 betrachtet. Ist C2 auch ein Container, der eine dritte Komponente C3 aufgenommen hat, dann ist C1 der indirekte Besitzer von C3. Es handelt sich hier, um eine Beziehung in der Form Großmutter, Mutter und Tochter.» Verschiebung von Komponenten (Teil 2)
Innerhalb eines Containerbereiches können Komponenten uneingeschränkt auf anderen platziert werden. Verschieben Sie beispielsweise eine Komponente innerhalb des Containerbereiches.» Verschiebung von Komponenten (Teil 3)
Durch Verschiebung eines Containers werden alle Containerkinder zugleich verschoben. Markieren Sie den Container und platzieren ihn an einer anderen Stelle (Durch Klick auf ein der kleinsten grünen Rechtecke kann auch der Container markiert werden)
Komponenten auf anderen plazieren» Verschiebung von Komponenten (Teil 4)
Durch Verschiebung kann der Besitzer einer Komponente gewechselt werden.
- Markieren Sie ein Kind des aktuellen Containers und ziehen es außerhalb des Containerbereiches. Nach der erfolgreichen Ziehung steht dieses Kind nicht mehr im Besitz des Containers.
- Markieren Sie eine Komponente außerhalb des Containerbereiches (z.B., die Komponente mit der Überschrift „Zemprosys and VPPT“) und plazieren Sie diese Komponente innerhalb des Containerbereiches. Nach der erfolgreichen Ziehung befindet sich jetzt die Komponente im Besitz des Containers.
» Neue Zielseite öffnen
Setzen Sie die zweite Seite des Projektes mit der Überschrift „Demo_Container“ als aktiv» Anwendungen von [TContainer, Container & Frame]
- Legen Sie die Komponente [TContainer, Container & Frame] an
- Legen Sie die Komponente [TMyPicture, Bilder] an und zwar auf dem Bereich des gerade angelegten Containers
- Bearbeiten Sie die Eigenschaften von [TMyPicture] mit folgender Hilfstabelle (wie Eigenschaten bearbeitet werden, wird im Abschnitt Komponenteneigenschaften angezeigt)
Eigenschaftsname
Beschreibung
Einstellungswert
<Centerix>
Automatische Anpassung der Komponentenbreite an der Breite der Ausgabenflächen
False
<HeightAdapter>
Automatische Anpassung der Komponentenhöhe an der Höhe der Ausgabenflächen
False
<Shadow>
Komponenteschatten
False
<ColorexValue>
Rahmenbreite
12
<Image>
Bild zum Anzeigen
Selbstbestimmen
Hinweise
Um das Bild festzulegen, öffnen Sie die Registerkarte „Benutzer“ des Bildeditors und führen Sie die Funktion Bild laden aus
- Menüfunktion Bearbeiten►Kopieren►Objekt ausführen, um die markierte [TMyPicture] zu kopieren
- Container markieren (Durch Klick auf ein der kleinsten grünen Rechtecke kann auch der Container markiert werden)
- Eigenschaft <Columns> des Containers auf 3 setzen
- Menüfunktion Bearbeiten►Einfügen►Objekt ausführen, um die kopierte [TMyPicture] in Container einzufügen. Man muss darauf achten, dass der Container markiert bleibt, andernfalls wird [TMyPicture] nicht in Container eingefügt. Diesen Schritt 9 Mal vornehmen
- Ist <Columns> gleich 0, haben die Kinder des Containers keine feste Anordnung. Man kann die innerhalb des Containerbereiches beliebig verschieben. Ist <Columns> größer als 0, werden die Kinder in einer Matrixform darsgestellt
- Bei einer Matrixdarstellung, bestimmt <SpaceHorz> den horizontalen Abstand zwischen zwei Kindern und <SpaceVert> den vertikalen Abstand
» Anwendungen von [TContainerScrolling, Container & Frame]
Hier wird Ihnen einen Container mit Bildlaufleisten vorgestellt
- Setzen Sie die dritte Seite des Projektes mit der Überschrift „Demo_Container“ als aktiv.
- Legen Sie die Komponente [TContainerScrolling, Container & Frame] an
- Belegen Sie die Eigenschaft <Width & Height> mit <400, 500>
- Belegen Sie die Eigenschaft <Columns> mit 2
- Menüfunktion Bearbeiten►Einfügen►Objekt ausführen, um die kopierete [TMyPicture] von vorher in Container einzufügen. Diesen Schritt neuenmal vornehmen. Um die Wirkung von Bildlaufleisten zu testen, müssen Sie allerdings für jede eingefügte Bildkomponente ein eindeutiges Bild festgelegen. Die Scrollers können auch eingesetzt werden, um die unsichtbaren Bildkomponenten zu sehen, insbesondere, wenn eine gerade eingefügte Bildkomponente nicht oder teilweise sichtbar ist
- Aktivieren Sie den Testmodus und testen Sie durch Scrollen
- Aktivieren Sie den Entwurfsmodus wieder
» Welche Containertype existieren noch?
Zahlreiche Containertype sind schon in der Softwaretechnologie eingebaut. Die können leider hier nicht weiter präsentiert werden. Einige davon werden noch im Lauf der Technologiepräsentation eingesetzt.
SCHRITTE DES TUTORIALS
