17.1 Übersicht

Die Group-Klasse (Gruppen) ist für das vollständige Layout eines MUI-Fensters verantwortlich. Eine Gruppe kann eine beliebige Anzahl von untergeordneten Objekten enthalten, möglicherweise Schaltflächen, Auswahl-Listenfeld-Gadgets oder sogar andere Gruppen.

Einige Attribute der Group-Klasse definieren, wie die untergeordneten Elemente einer Gruppe angeordnet werden. Sie können z.B. Ihrer Gruppe sagen, dass sie ihre untergeordneten Elemente horizontal (in einer Reihe) oder vertikal (in einer Spalte) platzieren soll. Da jedes MUI-Objekt seine minimalen und maximalen Dimensionen kennt, hat die Group-Klasse alles, was sie für diesen Job benötigt.

Ein ausgefeilteres Layout ist möglich, indem Objekten in einer Gruppe unterschiedliche Größenverhältnisse zugewiesen werden oder indem eine Gruppe zweidimensional gemacht wird.

Unterhalb der Layoutausgabe übergibt ein Gruppen-Objekt Attribute und Methoden an alle untergeordneten Elemente. So können Sie mit jedem untergeordneten Element einer Gruppe kommunizieren und überwachen.

Die folgenden unterschiedlichen Gruppentypen werden von MUI Royale unterstützt:

<hgroup>

Untergeordnete Gruppen/Elemente werden in einer Reihe (horizontal) angeordnet.

<vgroup>

Untergeordnete Gruppen/Elemente werden in einer Spalte (vertikal) angeordnet.

<colgroup>

Untergeordnete Gruppen/Elemente werden in einer Spalte angeordnet.

<virtgroup>

Eine virtuelle Gruppe wird normalerweise in einer Scroll-Gruppe verwendet. Siehe Virtgroup-Klasse für Details.

<scrollgroup>

Eine Gruppe mit Bildlaufleisten. Virtuelle Gruppen sind normalerweise in einer Scroll-Gruppe eingebettet. Siehe Scrollgroup-Klasse für Details.

Spaltengruppen (Colgroup) sind nützlich, wenn Sie für alle Ihre untergeordneten Elemente in einer Gruppe identische Gadget-Größen für eine angenehmere visuelle Darstellung benötigen. Stellen Sie sich beispielsweise ein Formular vor, das aus Zeichenketten-Gadgets und Text-Objekten besteht. Es wird empfohlen, hier die <colgroup> zu verwenden, da dies zu einem klaren und geordneten Aussehen führt. Hier ist ein Beispiel:

<colgroup columns="2"> <text>Name</text> <string/> <text>Street</text> <string/> <text>City</text> <string/> <text>Zip code</text> <string/> <text>Country</text> <string/> <text>Telephone</text> <string/> <text>Email</text> <string/> </colgroup>

Wenn wir eine <vgroup> mit einer <hgroup> pro Zeile verwenden, wäre die Darstellung ziemlich schlecht, da die Breite des Zeichenketten-Gadgets für jede Zeile unterschiedlich wäre, was ziemlich unprofessionell aussieht.