|
01.11.2009
DesignLayout-Table
XDEV 2 bietet Ihnen mit der Design-Layout-Table einen komfortablen Assistenten, mit dem Sie Oberflächen und Formulare erstellen können die keine statische Größe besitzen, sondern sich immer automatisch an die aktuelle Fenstergröße anpassen, welche je nach Bildschirmauflösung variieren kann.
Die Design-Layout-Table basiert auf dem Gridbag Layout-Manager von Java Swing, der sich für das Layouten von Formularen und Dialogen am besten eignet. Während die Gridbag-Layout Programmierung in Java als sehr kompliziert gilt, ist der Umgang mit der Design-Layout-Table vergleichsweise simpel.
Um die Design-Layout-Table zu benutzen, ziehen Sie diese einfach per Drag&Drop in die Arbeitsfläche. Im Entwurf wird die Design-Layout-Table mit Hilfe von Hilfslinien als Tabellenraster dargestellt, bei dem sich alle Zeilen und Spalten wie bei einer Tabellenkalkulation beliebig mit der Maus vergrößern und verkleinern lassen. In das Raster können Sie Text eingeben sowie beliebige Komponenten per Drag&Drop einfügen. Dabei passen sich die Zellen automatisch an die Standardgröße der jeweiligen Komponenten an. Durch das Verändern des Rasters mit der Maus lassen sich Komponenten im Raster bequem vergrößern und verkleinern.
Mit Hilfe zahlreicher Zusatzwerkzeuge im Layoutmanager-Assistenten können Sie Zeilen und Spalten hinzufügen, löschen, klonen, verschieben sowie Zellen miteinander verbinden und vor allem bestimmen welche Zeilen und Spalten sich später während der Ausführung der Anwendung strecken sollen.
| 1. | Klicken Sie die leere Arbeitsfläche an und vergeben Sie dieser ein Randlayout. Klicken Sie dazu in den Eigenschaften bei Layout auf das Symbol  , wählen Sie im folgenden Dialog das Register Randlayout und klicken Sie anschließend auf OK. |
| 2. | Fügen Sie die Komponente DesktopPane in die Arbeitsfläche ein und anschließend ein InternalFrame in den DesktopPane ein. |
| 3. | Fügen Sie nun die Komponente Layout-Manager per Drag&Drop in das Internal-Frame ein. |
| 4. | Legen Sie im folgenden Dialog fest, wie viele Zeilen und Spalten das Layout-Raster besitzen soll, und wählen Sie bei Zellen-Streckung, Letzte Zeile/Spalte aus, sodass sich beim Skalieren des Internal Frames nur die rechte Spalte, sowie die unterste Zeile des Layouts streckt. |
Einstellung
|
Erklärung
|
Zeilen
|
Anzahl der Zeilen des Layout-Rasters.
|
Spalten
|
Anzahl der Spalten des Layout-Rasters.
|
Zellen-
Streckung
|
Hier legen Sie fest, ob sich beim Skalieren nur die letzte Spalte und die letzte Zeile strecken soll, oder ob sich alle Zellen gleichmäßig gestreckt werden.
Tipp: In der Praxis wird die Streckung der letzten Zeile und Spalte bevorzugt.
|
|
Grund-Layout
|
Hier aktivieren oder deaktivieren Sie den Layout-Manager, welcher auf dem Rand-Layout von Java Swing basiert.
|
Position
|
Option
|
Auswirkung
|
Mitte
|
Grundeinstellung. Der Layout-Manager legt sich deckungsgleich über die gesamte zur Verfügung stehenden Fläche der Grundkomponente. Die Zellen strecken sich horizontal und vertikal. Das Strecken einzelner Zeilen und Spalten kann jedoch auch unterbunden werden.
In der Praxis werden Sie mit dieser Variante so gut wie alle Anforderungen an ein dynamisches Layout realisieren.
|
Oben / Unten
|
Der Layout-Manager wird an den oberen, bzw. unteren Rand der Grundkomponente angedockt. Die Zellen des Layout-Managers strecken sich nur horizontal.
|
Links / Rechts
|
Der Layout-Manager wird an den linken, bzw. rechten Rand der Grundkomponente angedockt. Die Zellen können sich nur in der Höhe, sprich vertikal strecken.
|
|
| 5. | Passen Sie nun das Layout-Raster Ihren Vorstellungen an und fügen Sie alle Komponenten per Drag&Drop ein, die Sie benötigen. Alle Zeilen und Spalten lassen sich mit der Maus verschieben. Bei gleichzeitig gedrückter Strg Taste bleibt die Größe des Internal Frames unverändert. |
| 6. | Über das Register Layoutmanager rufen Sie den Layoutmanager-Assistenten auf, mit dem Sie Ihr Layout blitzschnell und komfortabel bearbeiten. |
Symbol
|
Erklärung
|
|
Fügt eine Zeile/Spalte vor/nach der aktuell selektierten Zeile/Spalte ein.
Wenn Sie bei Zellen-Streckung, Gleichmäßig eingestellt haben, muss der Layout-Manager, die aktuelle Zeile/Spalte teilen, um die neue Zeile/Spalte unterzubringen.
|
|
Entfernt die selektierte Zeile/Spalte. Dadurch vergrößert sich automatisch die letzte Zeile/Spalte.
|
|
Klont die selektierte Zeile/Spalte. Die anderen Zeilen/Spalten verhalten sich dabei wie beim Einfügen einer neuen Zeile/Spalte.
|
   
|
Verschiebt die selektierte Zeile/Spalte nach oben/unten, bzw. nach links/rechts.
|
|
Selektiert alle Zellen der aktuellen Zeile (Mehrfachauswahl).
|
|
Selektiert alle Zellen der aktuellen Spalte (Mehrfachauswahl).
|
|
Verbindet 2 benachbarte Zellen zu einer Zelle. Mit gedrückter Shift-Taste können Sie beide Zellen selektieren.
|
|
Teilt zuvor verbundene Zellen.
|
Einstellung
|
Erklärung
|
Horizontale Streckung (Verhältnis)
|
Die Spalte, in der sich die selektierte Zelle befindet, wird in dem hier eingestellten Verhältnis zu den anderen Spalten nach rechts gestreckt. Umso größer der hier eingestellte Wert im Vergleich zu den anderen Spalten ist, desto stärker erfolgt die Streckung der Spalte im Verhältnis zu den anderen Spalten.
|
Vertikale Streckung (Verhältnis)
|
Die Zeile, in der sich die selektierte Zelle befindet, wird in dem hier eingestellten Verhältnis zu den anderen Zeilen nach unten gestreckt. Umso größer der hier eingestellte Wert im Vergleich zu den anderen Zeilen ist, desto stärker erfolgt die Streckung der Zeile im Verhältnis zu den anderen Zeilen.
Hinweis: Mit der Option Fest wird die Streckung einer Spalte / Zeile verhindert und behält ihre Breite / Höhe aus dem Entwurf bei. Wenn alle Spalten / Zeilen auf Fest eingestellt sind, wird die Wirkung dieser Option aufgehoben und alle Spalten / Zeilen strecken sich gleichmäßig. In der Grundeinstellung sind alle Spalten / Zeilen zunächst auf Fest eingestellt.
|
Tipp: Es genügt die Horizontale / Vertikale Streckung einer einzigen Zelle zu verändern. Die jeweilige Einstellung wird dann automatisch für die ganze Spalte / Zeile übernommen.
|
|
Ausrichtung
des Inhalts
|
Komponenten, die Sie in die aktuell selektierte Zelle einfügen, werden je nach Einstellung am Zellenrand angedockt oder in der Zelle zentriert.
|
Streckung
des Inhalts
|
Komponenten, die Sie in die aktuell selektierte Zelle einfügen, können automatisch an die Breite und Höhe der Zelle angepasst werden oder behalten durch die Option Keine ihre feste Größe bei.
|
Zellen-Streckung
|
Hier legen Sie fest, ob sich alle Zellen gleichmäßig horizontal und vertikal strecken sollen, oder ob sich jeweils nur die letzte Zeile, bzw. nur die letzte Spalte strecken soll.
Tipp: In der Praxis wird häufig die Streckung der letzten Zeile und Spalte bevorzugt.
|
|
Tipp: Wenn Sie der Grund-Komponente in der sich der Layout-Manager befindet, z.B. dem Fenster oder Internal Frame, einen leeren Rahmen vergeben, erhalten Sie nicht nur einen optisch schöneren Abstand zwischen dem äußeren Rand und der zu layoutenden Komponenten, Sie kommen gleichzeitig leichter an die Grund-Komponente heran, da Sie diese dann direkt mit der Maus anklicken können.
Um der Grund-Komponente einen leeren Rahmen zuzuweisen, selektieren Sie die Grundkomponente und klicken dann in den Eigenschaften bei Rahmen auf  . Klicken Sie dann im folgenden Dialog auf Leerer Rahmen und stellen Sie dann die Rahmenstärke (in Pixel) ein.
|
|
