|
01.11.2009
Design
Eigenschaft
|
Erklärung
|
Hintergrund
|
Hier können Sie festlegen, welchen Hintergrund die GUI- Komponente besitzen soll. Durch die Option System wird die Standardfarbe des Betriebssystems verwendet.
Komponenten: Container, Text-Container, Ebenen des RolloverButton, DB-Container, Zellen des DB-Container, Formular, RadioButton, Checkbox, Template, Scrollpane, Diagramm, Dia-Animator, Webcam, WindowContainer
|
Hintergrund-
farbe
|
Mit Hilfe des Farbdialogs können Sie der selektierten Komponente eine Hintergrundfarbe zuweisen. Klicken Sie dazu das rechteckige Farbauswahlfeld an. Im folgenden Farbdialog können Sie dann eine neue Hintergrundfarbe auswählen, welche jedoch erst mit dem Schließen des Farbdialogs übernommen und auf das Objekt übertragen wird.
|
|
Farbauswahl über die Eigenschaften
|
Farbdialog
|
Der Farbdialog wird an vielen Stellen des XDEV GUI-Builders verwendet und bietet Ihnen mit dem RGB-Farbspektrum, der Palette und den RGB-Reglern insgesamt 3 komfortable Werkzeuge zur Farbauswahl. Unterstützt werden ausschließlich RGB-Farben. Unter Palette wird immer die Farbpalette angezeigt, die aktuell im Werkzeugregister Farbpalette eingestellt ist.
Bei der Hintergrund-Einstellung System nimmt das markierte Objekt automatisch die vom jeweiligen Betriebssystem vorgegebene Hintergrundfarbe (Look&Feel) an, während bei der Option Keiner die Komponente durchsichtig wird.
Tipp - Arbeiten mit der Pipette: Mit der Pipette können Sie jeden beliebigen Farbwert von einer beliebigen GUI-Komponente aufnehmen, die sich auf der Benutzeroberfläche befindet und diesen als neuen Farbwert festlegen. Dazu müssen Sie nur das Symbol  und anschließend auf ein Objekt auf der Benutzeroberfläche klicken.
|
Tipp - Harmonische Farben: Wenn Sie im Fabdialog auf das Register Regler umschalten, werden unter den HSB-Reglern 8 sog. Harmonische Farben als Vorschlag angezeigt. Harmonische Farben sind Farben, die besonders gut zum ausgewählten Farbton passen.
|
|
Farbverlauf 1,
Farbverlauf 2
|
Es wird ein Farbverlauf zwischen den beiden Farbwerten gezeichnet. Der Verlauf kann sowohl in eine bestimmte Richtung, als auch rechteckig oder radial verlaufen. Legen Sie bei Farbverlauf 1 und Farbverlauf 2 jeweils zwei unterschiedliche Farben über das rechteckige Farbauswahlfeld aus. Anschließend müssen Sie nur noch bei Ausrichtung die Richtung, bzw. Art des Farbverlaufs festlegen.
Tipp: Durch Rechtsklick direkt auf Farbverlauf 1 oder Farbverlauf 2 wird der Farbverlauf umgekehrt.
|
|
Ausrichtung
|
Der Farbverlauf verläuft in die hier einstellbaren Richtungen.
|
Textur
|
Hier weisen Sie der selektierten GUI-Komponente eine Grafik, sprich eine sog. Textur, als Hintergrundbild zu. Klicken Sie dazu das Symbol  , bestätigen Sie den folgenden Hinweis und wählen Sie aus dem automatisch erscheinenden Bilderkatalog eine Grafik aus, die Sie als Textur hinterlegen möchten. Mit der Auswahl wird die Grafikdatei automatisch in Ihre Projektdatei integriert und der Dateiname als Referenz angezeigt. Änderungen der Originaldatei haben somit keinen Einfluss auf Ihr Projekt.
Um die Textur wieder zu entfernen, klicken Sie in den Eigenschaften bei Textur das Symbol  oder wählen Sie einfach eine neue Textur aus.
Hinweis: Große, bzw. zahlreiche, mit einer Textur hinterlegte Flächen können sich negativ auf die Performance Ihrer Anwendung auswirken, da diese bei jeder Veränderung auf der Oberfläche neu gezeichnet werden müssen. Daher sollten Sie Texturen nur gezielt einsetzen und möglichst auf großflächige Bilder verzichten. In jedem Fall sollten Sie die Performance Ihrer Anwendung regelmäßig über die Vorschau überprüfen.
|
|
Ausrichtung
|
Die Textur kann in der Komponente zentriert, über die gesamte Komponente gestreckt oder gekachelt, d.h. endlos hintereinander gesetzt werden.
|
Rahmen
|
Neben dem Hintergrund-Design können Sie GUI-Komponenten auch einen Rahmen vergeben. XDEV 2 bietet Ihnen zahlreiche Standard-Rahmen zur Auswahl. Klicken Sie dazu das Symbol und wählen Sie im folgendem Dialog einen Rahmen aus.
Rahmen
|
Funktion
|
Keiner /
Standard
|
Stellt GUI-Komponenten ohne Rahmen dar. Bestimmte GUI-Komponenten die jedoch generell einen Rahmen besitzen, z.B. Textfield oder Combobox werden mit dem Standard-Rahmen dargestellt, der vom jeweiligen Betriebssystem vorgegeben wird.
|
Leerer
|
Dieser Rahmentyp ist ausschließlich von Bedeutung, wenn Sie einen Layout-Manager in die GUI-Komponente einfügen. Mit einem Leeren Rahmen schaffen Sie einen Abstand, sodass der gelayoutete Bereich nicht bis an den Rand der GUI-Komponente reicht.
|
Farbiger
|
Zeichnet einen einfarbigen Rahmen. Die Rahmenfarbe, sowie die Rahmenstärke lässt sich individuell in Pixel festlegen.
|
Gehobener
|
Zeichnet einen Standard-3D Rahmen gehoben.
|
Versenkter
|
Zeichnet einen Standard-3D Rahmen versenkt.
|
3D
|
Zeichnet einen Standard-3D Rahmen überschnitten.
|
Mit Titel
|
Zeichnet einen Rahmen mit einer Beschriftung. Dieser Rahmen wird gerne zum Gruppieren zusammengehörender Formular-Felder verwendet.
|
Komponenten: Container, Label, Text-Container, Ebenen des RolloverButton, Toolbar, Toolbar-Button, DataControl, DataGrid, Table, DB-Copntainer, Tree, Formular, Textfield, Textarea, Listbox, Combobox, Radiobutton, Checkbox, Spinner, Slider, DesktopPane, Internal-Frame, TabPane, Splitpane, Progressbar, Scrollpane, Diagramm, Animator, Webcam, WindowContainer
|
Cursor
|
Hier können Sie einen Mauszeiger auswählen, der erscheint, wenn die jeweilige Komponente mit der berührt wird.
Komponenten: Alle außer Table, Internal-Frame, TabPane, Splitter, OLE-Container
|
Schrift
|
Die Komponente verwendet die hier eingestellte Schriftart und Formatierung.
Es ist jedoch empfehlenswert, für Benutzeroberflächen die jeweils vom System vorgegebene Standardschrift zu verwenden.
Komponenten: Textfield, Textarea, Listbox, Combobox
|
|
