English | Français | Deutsch

PARTITIONSDESIGN

Vom Containerdesign wurde das Partitionsdesign abgeleitet, um eine visuelle und graphische Partitionierung während des Entwurfs zu ermöglichen. Man verfgolgt überwiegend das Ziel, festdefinierte graphische Anordnungen verbunden mit Komponenten zu implementieren. Das Partitionsdesign ähnelt dem bekannten Frame-Konzept des Webdesigns. Aber das Partitionsdesign kann noch viel mehr.

» Neues Projekt und neue Zielseite öffnen
Setzen Sie die erste Seite des Projektes mit der Überschrift „Demo_Partition“ als aktiv. Nach der erfolgreichen Aktivierung dieser Seite, wird das Projekt „Demo_Partition“ auch aktiviert.

» Desktop organisieren (optional)
Um die Darstellungsfläche zu vergrößern, können folgende Schritte unternommen werden:

1. Menüfunktion Ansicht►Desktop►Design links deaktivieren, um den linke Designbereich auszublenden
2. Menüfunktion Ansicht►Designmaster deaktivieren, um den Designmaster auszublenden
3. Menüfunktion Ansicht►Lineal►Ein- und ausblenden wählen, damit das Lineal ausgeblendet wird
4. Menüfunktion Ansicht►Gruppenleiste deaktivieren, um die Gruppenleiste auszublenden
5. Minimieren des unteren Designbereiches durch Anklicken eines nichtbesetzten Bereiches  der Themenleiste Inspektor, Editor, Browser, Zwischenablage usw.

» Anlegen von [TPartitionContainer, Container & Frame]
Legen Sie die Komponente [TPartitionContainer, Container & Frame] an (siehe folgende Abbildung)

Eine Komponente mit graphischen Partitionen

• Graphische Partitionierung
Die obige Abbildung zeigt, dass die angelegte Komponente in vier graphischen Bereichen aufgeteilt ist. Diese Bereiche sind Partitionen.  Man hat folgende Partitionstype:

1. Obere Partition /Wird öfter mit dem Wort Top identifiziert und ihre Höhe kann geändert werden
2. Untere Partition /Wird öfter mit dem Wort Bottom identifiziert und ihre Höhe kann ebenfalls geändet werden
3. Linke Partition /Wird öfter mit dem Wort Left identifiziert und ihre Breite kann geändert werden
4. Rechte Partition /Wird öfter mit dem Wort Right identifiziert und ihre Breite kann ebenfalls geändert werden
5. Klient-Partition /Wird öfter mit dem Wort Client identifiziert. Ändert man die Breite bzw. die Höhe einer andere Partition, ändert sich automatisch auch die Breite bzw. die Höhe der Klient-Partion

• Ein- und Ausblenden von Partitionen
Anstatt alle Partitionstype anzuzeigen, kann man auch nur bestimmte Partitionen anzeigen lassen. Durch ein einfaches und flexibles Verfahren ist das Ein- und Ausblenden von Partitionen keine komplexe Sache. Durch wenige Arbeitschritte können bestimmte Partitionen unsichtbar gemacht werden.

• Verknüpfung mit Komponenten
Die eigentliche Stärke der Partitionierung ist die Verknüpfung der einzelnen Partitionen mit Komponenten und somit kann auf jedem Bereich einer Partition eine Komponente angezeigt werden. Die Anzeige von Komponenten in Partitionen bringt eine vielzahl von Anwendungsmöglichkeiten. Beispielsweise lässt sich ein komplettes Computerprogramm anhand von Partitionen steuern und abspielen.

• Programmierbare Anzeige von Komponenten
Mit Hilfe eines Indexverfahrens kann die Anzeige von Komponenten in Partitionen programmiert werden und somit ein dynamisches Anzeigeverfahren ermöglichen.

• Gewährleistung der Portabilität
Es sind zahlreiche Einstellungsmöglichkeiten vorhanden, die die Portabilität der Ausgabe von Geräten zu Geräten gewährleisten. Z.B., die automatische Berechnung von Breiten und Höhen, die Verankerung von Komponenten, die Zentrierung usw.

» Anwendungen von [TPartitionContainer, Container & Frame]

1. Legen Sie die Komponente [TButtonLabList, Standard] an und zwar auf der oberen Partition
2. Legen Sie die Komponente [TLabelControl, Standard] an und zwar auf der unteren Partition
3. Legen Sie die Komponente [TTextField, Standard] an und zwar auf der linken Partition
4. Legen Sie die Komponente [TMatchList, Standard] an und zwar auf der rechten Partition
5. Legen Sie die Komponente [TContainerScrolling, Container & Frame] an und zwar auf der Klient-Partition

(siehe folgende Abbildung)


Verknüpfung von Komponenten mit Partitionen

» Mutterkomponente einstellen

1. Markieren Sie die Mutterkomponente [TPartitionContainer] durch Klick auf ein der kleinsten grünen Rechtecke
2. Stellen Sie Eigenschaften von [TPartitionContainer] mit Hilfe der folgenden Tabelle ein

 

Eigenschaftsname	Beschreibung	Einstellung-Wert
<TopAutoSize>	Bestimmt, ob die Höhe der oberen Partition automatisch berechnet wird oder nicht	True
<BottomAutoSize>	Bestimmt, ob die Höhe der untere Partition automatisch berechnet wird oder nicht	True
<SpaceHorz>	Horizontaler Abstand zwischen 2 Partitionen	0
<SpaceVert>	Vertiktaler Abstand zwischen 2 Partitionen	0
<LeftOrigin>	Ausgabeposition einer Verknüpfungskomponente relativ zur linken Partition (Ursprung)	(0, 0)
<TopOrigin>	Ausgabeposition einer Verknüpfungskomponente relativ zur oberen Partition	(0, 0)
<RightOrigin>	Ausgabeposition einer Verknüpfungskomponente relativ zur rechten Partition	(0, 0)
<BottomOrigin>	Ausgabeposition einer Verknüpfungskomponente relativ zur unteren Partition	(0, 0)
<ClientOrigin>	Ausgabeposition einer Verknüpfungskomponente relativ zur Klient-Partition	(0, 0)
<MinSizeLeft>	Der Anwender darf die Breite der linken Partition mit der Maus verkleinern oder vergrößern, aber diese Breite kann nur bis auf 180 minimiert werden	180
<MinSizeRight>	Mindest-Minimalbreite für rechte Partition	120
<X-Draw & Y-Draw>	Ausgabeposition von [TPartitionContainer]	(20, 20)

ACHTUNG

[TPartitionContainer] ist so konfiguriert, dass sowohl waagerecht als auch senkrecht, die Komponente ihre Größe (Breite bzw. Höhe) automatisch berechnet. Verschiebt man beispielsweise die Komponente nach innen verkleinert sich die Breite dementsprechend. Und bei einer Verschiebung nach draußen vergrößert sich die Breite. Daselbe gilt für die Höhe der Komponente. Momentan empehlen wir, diese Funktion nicht zu deaktivieren, statt dessen müssen Sie darauf achten, dass die Eigenschaft < X-Draw & Y-Draw> immer auf (20, 20) gesetzt wird. Wenn Sie unbedingt diese Funktion deaktivieren möchten, also dass [TPartitionContainer] eine feste Breite bzw. Höhe erhält, gehen Sie folgendermaßen vor:

1. Eigenschaft <Centerix> auf Deactivate setzen, damit die Breite von [TPartitionContainer] nicht mehr automatisch an der Breite der Ausgabefläche angepasst wird.
2. Eigenschaft <Partitions> bearbeiten, indem der Eintrag partScreenAdapter deaktiviert wird

» Komponente der unteren Partition einstellen

1. Führen Sie einen Doppelkick auf die untere Partition durch, um die Verknüpfungskomponente zu markieren. Geben Sie anschlißend „Die graphische Partitionierung ist für Zemprosys sehr relevant“ ein
2. Setzen Sie die Eigenschaft <TextAlign> der markierten Komponente auf txt_Left
3. Eigenschaft <Tab> auf (8, 0, 0, 0) setzen
4. Eigenschaft <Font> mit mit fogenden Werten bearbeiten: [Schriftname: Times New Roman; Schriftgröße: 18; Stil: Fett; Farbe: Farbenpalette „Studio“, 6 Spalten für die Farbentabelle, Zeile 5, Spalte 5]

» Komponente der linken Partition einstellen

1. Kopieren Sie einen Text Ihrer Wahl in die Zwischenablage von Windows
2. Klicken Sie auf die linke Partition, um die Verknüpfungskomponente dieses Bereichses zu markieren
3. Fügen Sie den kopierten Text in die markierte Komponente ein. Dafür die Menüfunktion Bearbeiten►Einfügen►Text ausführen
4. Eigenschaft <PosterWidth> auf 8 setzen
5. Eigenschaft <PosterHeight> auf 8 setzen
6. Eigenschaft <Font> mit mit fogender Farbe bearbeiten: [Farbenpalette „Studio“, 6 Spalten für die Farbentabelle, Zeile 9, Spalte 6]

» Komponente der oberen Partition einstellen

1. Klicken Sie auf die obere Partition, um die Verknüpfungskomponente dieses Bereichses zu markieren
2. Mit der rechten Maustaste auf die Komponente drücken, um das Lokalmenü anzuzeigen
3. Führen Sie  Überschrift erstellen des Lokalmenüs aus
4. Führen Sie  Schaltfläche erstellen des Lokalmenüs 5 Mal aus
5. Führen Sie  Linien ausblenden des Lokalmenüs aus
6. Eigenschaft <Options> bearbeiten und den Eintrag „Transparent“ aktivieren, um die Komponente transparent darzustellen
7. Eigenschaft <Tab> für Einzugswerte auf (0, 0, 0, 0) setzen
8. Eigenschaft <AlignVert> auf  Align_Top setzen
9. Eigenschaft <AlignHorz> auf  Align_Right setzen

» Überschrift der oberen Partition einstellen

1. Doppelklick auf die Überschrift, um sie zu bearbeiten. Der momentane Wert ist „LabelControl“. Geben Sie anschlißend den Text „Zemprosys“ ein
2. Eigenschaft <Font> mit mit fogenden Werten bearbeiten: [Schriftname: Arial Black; Schriftgröße: 24; Stil: Fett; Farbe: Farbenpalette „Studio“, 6 Spalten für die Farbentabelle, Zeile 3, Spalte 6]
3. Eigenschaft <FocusColor> mit mit fogender Farbe bearbeiten: [Farbenpalette „Studio“, Mindestens 4 Spalten für die Farbentabelle, Zeile 2, Spalte 4]

» Schaltflächen der oberen Partition einstellen
Die folgenden Schritte müssen für alle Schalter durchgeführt werden:

1. Doppelklick auf eine Schaltfläche, um sie zu bearbeiten. Geben Sie anschlißend die Überschrift „Technology“ ein. Für die anderen Schalter jeweils „Products“, „Development“, „Support“ und „Contact“
2. Eigenschaft <VcxDesign> auf Vcx_Desktop_Version2 setzen
3. Eigenschaft <Font> mit mit fogenden Werten bearbeiten: [Schriftgröße: 12; Stil: Fett; Farbe: Farbenpalette „Studio“, 6 Spalten für die Farbentabelle, Zeile 77, Spalte 4]

» Komponente der rechten Partition einstellen

1. Klicken Sie auf die rechte Partition, um die Verknüpfungskomponente dieses Bereichses zu markieren
2. Mit der rechten Maustaste auf die Komponente drücken, um das Lokalmenü anzuzeigen
3. Führen Sie Eintrag einfügen des Lokalmenüs solange aus, bis die Komponente 12 Einträge besitzt
4. Eigenschaft <OnDormantStyle> auf LismNone setzen
5. Eigenschaft <ViewStyle> auf LismBorderTwo setzen
6. Eigenschaft <Space> auf (1, 2) setzen
7. Eigenschaft <Transparent> auf True setzen
8. Eigenschaft <Image> auf Bildtyp 473 von „Studio“ des Bildeditors
9. Eigenschaft <Font> mit mit fogender Farbe bearbeiten: [Farbenpalette „Studio“, 6 Spalten für die Farbentabelle, Zeile 9, Spalte 6]
10. Überschriften für die einzelnen Elemente (Listenbeispiel: PAINT, STORE, LOAD, PRINT, MOUSE, KEYBOARD, MACHINE, SYSTEM, WEB, FRAMEWORK, EMBEDDED, XML, DELPHI). Wie bisher einen Doppelklick auf ein Element durchführen und eine Editormaske wird eingeblendet.

» Titel der Klient-Partition festlegen

1. Doppelklick auf den Titel durchführen und anschließend „The Power of Innovation“ eingeben
2. Eigenschaft <Font> mit mit fogenden Werten bearbeiten: [Schriftgröße: 12; Stil: Fett; Farbe: Farbenpalette „Studio“, 6 Spalten für die Farbentabelle, Zeile 23, Spalte 6]

» Hintergrund der Klient-Partition bearbeiten

1. Klicken Sie auf den inneren Bereich der Klient-Partition, damit die eigentliche Verknüpfungskomponente markiert wird
2. Eigenschaft <BgMode> auf dbgm_Image setzen
3. Eigenschaft <BgFileImage> bearbeiten

» Test durchführen
Schalten Sie den Testmodus  ein (am bestens Gesamtbild) und testen Sie die Partitionierung (Mausbewegung über Schaltflächen, Verkleinerung/Vergrößerung der linken bzw. rechten Partition)

» Kann [TPartitionContainer] noch mehr?
Die eigentliche und wahre Stärke von [TPartitionContainer] wird im Abschnitt Eventprogrammierung demonstriert. Da zeigen wir, wie von [TPartitionContainer] eine Computerapplikation entwickelt werden kann.

 

SCHRITTE DES TUTORIALS
01	02	03	04	05	06	07	08	09	10	11	12	13	14	15	16	17	18	19	20

 

 

 

© 2008 Zemprosys Group The power of innovation www.zemprosys.com