|
01.11.2009
Objekt-Eigenschaften allgemein
Eigenschaft
|
Erklärung
|
Name
|
Jede GUI-Komponente besitzt einen eindeutigen Objektnamen, den Sie jederzeit abändern können. Die GUI-Komponente werden von XDEV 2 intern mit einer eindeutigen ID verwaltet. Damit Sie jedoch nicht mit abstrakten IDs arbeiten müssen, werden die GUI-Komponenten im Projektmanagement mit dem Komponentennamen zusammen mit einer laufenden Nummer verwaltet, z.B. Container2. Über die Eigenschaften können Sie jede GUI-Komponente jederzeit umbenennen, um diese über das Projektmanagement einfacher auffinden und über die Funktionsbibliothek einfacher ansprechen zu können.
Um eine GUI-Komponenten umzubenennen, müssen Sie diese auf der Benutzeroberfläche anklicken und dann im Register Eigenschaften bei Name den aktuellen Objektnamen ersetzen.
Komponenten: Alle
|
Layout
|
Mit der Eigenschaft Layout weisen Sie der aktuell selektierten Komponente einen Java Swing Standard Layout-Manager zu. Mit Hilfe eines Layout-Managers lassen sich beliebige GUI-Komponenten so in eine Grund-Komponente, z.B. in ein Fenster integrieren, dass diese beim Vergrößern und Verkleinern des Fensters automatisch mit skaliert werden. Nicht gelayoutete Komponenten behalten dagegen ihre Größe stets bei. In XDEV 2 steht Ihnen das Rand- (Border-Layout), sowie das Gridbag-Layout als Layout-Manager zur Verfügung. Über das Symbol  können Sie der aktuell selektierten Grund-Komponente einen Layout-Manager zuzuweisen.
Nach der Zuweisung des Layout Managers können Sie beliebige Komponenten in die Grund-Komponente einfügen und müssen diese anschließend mit der Eigenschaft Position im Layout entsprechend layouten.
Layout
|
Erklärung
|
Rand-
Layout
|
Mit Hilfe des Rand-Layouts können Sie beliebige GUI-Komponenten innerhalb einer Grund-Komponente, z.B. einem Fenster, wahlweise am linken oder rechten Rand, oben oder unten andocken, oder über die gesamte Fläche der Grund-Komponente strecken lassen. Beim Skalieren der Grund-Komponente werden die Komponenten des Rand-Layouts automatisch mit skaliert. Das Rand-Layout eignet sich vor allem für das Positionieren von Toolbars, Tab-Panes, Splitpanes, Templates und Tables in einem Fenster.
|
Gridbag-
Layout
|
Das Gridbag-Layout ist ein Tabellen-basierender und enorm mächtiger Layout-Manager, mit dem sich grundsätzlich alle Wünsche umsetzen lassen. Durch diese Vielseitigkeit ist der Umgang mit dem Gridbag-Layout aber entsprechend kompliziert. Das Gridbag-Layout eignet sich besonders zum Layouten von Dialogen und Formularen.
Tipp: Wegen der Komplexität des Gridbag-Layouts bietet Ihnen XDEV 2 mit der GUI-Komponente  Layout-Manager einen speziellen Layout-Manager, der auf dem Gridbag-Layout basiert, jedoch das Tabellenraster sichtbar und spielend einfach editierbar macht. Alle Zeilen und Spalten des Rasters lassen sich wie bei einer Tabellenkalkulation bequem mit der Maus anpassen, Zellen lassen sich miteinander verbinden und sogar weitere Layout-Manager in beliebige Zelle einfügen. Zudem können Sie einstellen, wie sich alle Zeilen und Spalten während dem Skalieren zueinander verhalten sollen.
|
|
|
|
|
Formular ohne Layout-Manager. Beim Skalieren des Fensters behalten alle Komponenten ihre Größe und Position bei.
|
Gelayoutete Komponenten werden beim Skalieren der Grund-Komponente automatisch mit gestreckt.
|
|
Komponenten: Container, RolloverButon, Toolbar, DB-Container, Formular, Template, Internal-Frame, Scrollpane, Tab (Teilkomponente des TabPane), Diagramm, Animator, Webcam, Bilder, DataGrid, DataControl
|
Position im
Layout
|
Diese Einstellung ist nur relevant, wenn sich die aktuell selektierte Komponente innerhalb einer GUI-Komponente befindet, der Sie zuvor über die Eigenschaft Layout einen Standard Layout Manager zugewiesen haben. Hier legen Sie fest, wie die selektierte Komponente im Layout der Grundkomponente ausgerichtet werden soll.
Komponenten: Alle außer Internal-Frame, OLE-Container, Fenster
|
Zusatzdaten
|
Jeder GUI-Komponente können Sie versteckte, d.h. für den Anwender unsichtbare Zusatzdaten zuweisen, die sich jederzeit bei Bedarf abfragen lassen.
Komponenten: Alle
|
Style
|
Über diese Eigenschaft weisen Sie der aktuell selektierten Komponente einen Hintergrund-Style zu. Grundsätzlich können Sie jeder GUI-Komponente einen Style zuweisen, dessen Hintergrund-Design sich individuell festlegen lässt. Alle Styles werden im Werkzeug-Register Styles verwaltet, das Sie über das Menü Ansicht, Werkzeugregister aufrufen.
Komponenten: Container, Text-Container, RolloverButton, DB-Container, Formular, Template, Scrollpane, Diagramm, Dia-Animator, Webcam, Bilder, DataGrid, WindowContainer
|
Beim Start
ausgeblendet
|
Die aktuell markierte GUI-Komponente wird beim Programmstart, bzw. beim Anzeigen des aktuellen Fensters nicht dargestellt, bzw. gezeichnet.
Komponenten: Alle außer OLE-Container
|
Icon
|
Jedem Button und Toolbar-Button, sowie jedem Menüpunkt eines Menüs könne Sie ein eigenes Icon zuweisen. Klicken Sie dazu auf das Symbol und wählen Sie dann im Bilderkatalog eine Grafik aus.
Als Icon können Sie ein GIF-, JPG-, oder PNG-Bild verwenden. Der Menüpunkt eines Menüs passt sich immer automatisch an die Größe des Icons an. Optimal ist eine Größe von 16 x 16 Pixel.
Komponenten: Label, Button, Menubar, bzw. deren Einträge, Toolbar, DataControl
|
Shortcut
|
Einem Button oder einem im Menü-Assistenten selektierten Menüpunkt kann eine Tastenkombination, ein sog. Shortcut zugewiesen werden, der automatisch das selbe Ereignis auslöst, wie ein Mausklick auf die jeweilige Komponente. Klicken Sie dazu das Symbol und führen Sie im folgenden Dialog die gewünschte Tastenkombination aus.
Komponenten: Button, Menubar, Toolbar
|
Ressourcen-
Schlüssel
|
GUI-Komponenten global beschriften
Mit Hilfe eines Resourcen-Schlüssel können Sie GUI-Komponenten mit der selben Beschriftung, z.B. alle Buttons in einem einzigen Arbeitschritt blitzschnell global umbenennen. Das funktioniert auch mit Fließtexten von Text-Container. Anstatt Komponenten direkt zu beschriften, tragen Sie den Text in eine Resourcen-Liste ein und weisen dann dem Text einen eindeutigen Schlüssel zu. Der Schlüssel kann dabei eine beliebige Zeichenkette sein.
Über die Eigenschaften können Sie nun jeder GUI-Komponente diesen Schlüssel zuweisen, die beschriftet werden, oder die Text darstellen kann. Die Resourcen-Liste rufen Sie über das Menü Daten, Resourcen auf.
Dazu können Sie alle Texte in mehreren Sprachen angeben. Mit Hilfe eines einzigen Funktionsaufrufs lässt sich für die Ressourcen-Liste eine andere Sprache aktivieren, wodurch Sie die Sprache einer komplette Benutzeroberfläche umschalten können. Die Funktion setzeResourcenSprache finden Sie in der XDEV-Funktionsbibliothek bei Sonstiges. Als Parameter müssen Sie der Funktion das entsprechende Länderkürzel (ISO 639) übergeben, z.B. de für deutsch oder en für englisch.
Tipp: Mit Hilfe von Resourcen-Schlüssel können Sie mehrsprachige Benutzeroberflächen realisieren.
|
Tipp: Auch für Bilder lässt sich ein Resourcen-Schlüssel festlegen. Wählen Sie dazu das Register Bilder im Resourcen-Assistent. Beim Hinzufügen eines neuen Bildes wird zunächst der Dateiname des Bildes als Schlüssel verwendet, den Sie jedoch individuell ändern können. Mit Hilfe des Funktionsaufrufs holeBildResource, den Sie in der Funktionsbibliothek bei Sonstiges finden, lässt sich über den Resourcen-Schlüssel ein Bild-Objekt erzeugen.
|
Komponenten: Label, Text-Container, Button, Ebenen des RolloverButton, Toolbar Buttons, Zellen des DB-Container und LayoutManager, RadioButton, Checkbox, DataControl
|
Button-Gruppe
Wechselnde
Selektierung
|
RolloverButtons können, Radiobuttons müssen sich gegenseitig steuern, sodass die Selektierung bei Mausklick zwischen den Buttons hin und her wechselt. Die jeweiligen Buttons müssen dafür zu einer gemeinsamen Button-Gruppe gehören. Dazu muss lediglich bei jedem Button in den Eigenschaften bei Button-Gruppe der selbe Begriff stehen.
| 1. | Erstellen Sie 4 RolloverButtons, jeweils mit einer Ebene für Mausberührung und Mausklick, oder erstellen Sie 4 Radiobuttons. |
| 2. | Halten Sie die Shift-Taste gedrückt und klicken Sie nacheinander alle Buttons an (Mehrfachauswahl), um allen Buttons gleichzeitig einen Gruppen-Namen zuweisen zu können. |
| 3. | Tragen Sie in den Eigenschaften bei Button-Gruppe einen Namen für die Button-Gruppe ein. Erlaubt ist jede Zeichenfolge, auch Umlaute, Sonder- und Leerzeichen. |
Hinweis – Radiobuttons auslesen und Datenbank speichern: Wenn Sie die Stellung eines Radiobuttons, bzw. dessen Rückgabewert in eine Virtuelle oder Datenbank-Tabelle schreiben möchten und Sie dafür die Methode fügeZeileHinzu verwenden, muss der Button-Gruppenname mit dem Namen der entsprechende Spalte übereinstimmen.
|
Komponenten: RolloverButton, Radiobutton
|
Tooltip
|
Definition eines sog. Tooltips, sprich Hilfetext, der bei Mausberührung automatisch angezeigt wird.
Komponenten: Label, Button, Toolbar Button
|
Horizontale
und Vertikale
Scrollbar
|
Hier können Sie festlegen, ob die jeweilige GUI-Komponente generell mit oder ohne Scroller dargestellt werden soll, oder ob Scroller automatisch angezeigt werden sollen, wenn durch das dynamische Füllen der Komponente mit Daten der Platz für weitere Daten nicht mehr ausreicht.
Komponenten: Table, DB-Container, Tree, DataControl, WindowContainer
|
Außenabstand,
Innenabstand
|
Sie können einer Zelle einen Außenabstand zur nächsten Zelle, sowie einen Innenabstand zum Inhalt der Zelle zuweisen. Sinnvoll ist das vor allem wenn die Zelle mit dynamischen Text gefüllt werden soll.
Komponenten: DB-Container, Layout-Manager
|
Editierbar
|
Bei den entsprechenden Formular-Komponenten kann die Eingabe von Text erlaubt oder gesperrt werden.
Komponenten: Textfield, Textarea, Combobox, DataGrid
|
Ausrichtung
|
Die Komponente kann wahlweise horizontal oder vertikal angezeigt werden.
Komponenten: Slider, Progressbar, Splitpane
|
Aktueller Wert
|
Startposition des Reglers oder Fortschrittbalkens.
Komponenten: Slider, Progressbar
|
Auswahl-
Modus
|
Die Zeilen einer Table, eines Listen-Objekts, sowie die Einträge eines Trees (Tree-Node) können selektiert werden, um eine Auswahl zu treffen. Hier legen Sie fest, ob jeweils nur eine einzelne Zeile / Tree-Node, mehrere zusammenhängende Zeilen / Tree-Nodes, oder beliebige Zeilen / Tree-Nodes selektierbar sein können.
Komponenten: Table, Tree, Listen-Objekt, DataGrid
|
Datenfeld
|
XDEV 2 bietet Ihnen eine Funktion, mit der sich ein ganzes Formular auslesen lässt. Die Formular-Daten werden dabei in eine Virtuelle Tabelle oder direkt in die Datenbank geschrieben (siehe Code-Ansicht, Bibliothek, Register Virtuelle Tabellen). Damit die Formular-Daten auch in die dafür vorgesehenen Datenfelder übertragen werden können, muss der Name des Datenfeldes in den Eigenschaften bei Datenfeld hinterlegt werden.
Tipp: Im Projektmanagement bei Virtuelle Tabellen können Sie die Feldnamen nicht nur schnell auffinden, sondern dies auch per Drag&Drop auf die dazugehörige Formular-Komponente ziehen. Der Feldname wird dann automatisch bei Datenfeld eingetragen.
|
Komponenten: Textfield, Textarea, Listbox, Combobox, Checkbox, Progressbar, Slider, Spinner
|
Spalten-Auto-
Anpassung
|
Während der Laufzeit der XDEV-Anwendung lassen sich die Spalten einer Table oder eines DataGrids vergrößern und verkleinern. Mit dieser Option können Sie festlegen, wie sich das auf die anderen Spalten der Tabelle auswirken soll.
Option
|
Auswirkung
|
Aus
|
Das Ändern der Spaltenbreite hat keine Auswirkung auf die anderen Spalten der Tabelle.
|
Nächste Spalte
|
Das Vergrößern und Verkleinern einer Spalte verändert nur die Größe der nächsten, rechts folgende Spalte.
|
Nachfolgende Spalten
|
Das Vergrößern und Verkleinern einer Spalte verändert alle rechts folgenden Spalten gleichermaßen.
|
Letzte Spalte
|
Das Vergrößern und Verkleinern einer Spalte verändert nur die letzte Spalte.
|
Alle Spalten
|
Das Vergrößern und Verkleinern einer Spalte verändert alle Spalten der Tabelle gleichermaßen.
|
Komponenten: Table, DataGrid
|
Text /
Beschriftung
|
Der hier hinterlegte Text wird von der Komponente bei der Darstellung angezeigt.
Komponenten: Label, Textfield, Textarea, Button
|
|
