Visual Live Bindings
Der LiveBindings-Designer
Den LiveBindings-Designer haben wir nun kurz kennengelernt. Jetzt wollen wir einen Blick darauf werfen, was er so alles kann.
Toolpalette
Am auffälligsten ist die Toolpalette, die sich am linken Rand des Designers befindet und aus folgenden Buttons besteht:
- „An Fenster anpassen„: Ein Klick darauf vergrößert oder verkleinert die Darstellung so, dass alle Elemente sichtbar sind. Die Position der Elemente untereinander wird dabei nicht verändert.
- „Vergrößern„: Vergrößert die Darstellung bei jedem Mausklick.
- „Verkleinern„: Verkleinert die Darstellung bei jedem Mausklick.
- „Tatsächliche Größe wiederherstellen„: Setzt den Zoom-Modus auf 100% zurück.
- „Neu anordnen„: Verändert die Position der Elemente, um Verbindungen möglichst gut darzustellen und Überlappungen zu vermeiden.
- „LiveBindings-Experte„: Öffnet den LiveBindings-Experte, ein Dialogfenster, über das man neue Verbindungen konfigurieren kann.
Ebenen
Wie ein Grafikprogramm kann auch der LiveBindings-Designer mit Ebenen umgehen. Rechts oberhalb des Designers findet sich eine ausklappbare Liste aller vorhandener Ebenen. Über das grüne Plus daneben lassen sich neue Ebenen anlegen.
Ein Eintrag in der Ebenenliste besteht aus drei Teilen:
- Ganz vorne befindet sich ein Auge als Icon. Ein Klick darauf macht die entsprechende Ebene sichtbar oder unsichtbar. Unsichtbare Ebenen sind nur noch ganz leicht zu erkennen.
- Es folgt der Name der Ebene, der frei vergeben werden kann. Ein Doppelklick auf den Text führt in den Editiermodus.
- Am rechten Rand schließlich kommt noch ein Papierkorb-Icon, über das die Ebene gelöscht werden kann.
Immer der erste Eintrag der Liste ist die „Standardebene“. Auf dieser befinden sich alle Elemente, so dass sie auch beim Löschen einer Ebene nicht verloren gehen. Sie selbst ist nicht löschbar. Ist keine eigene Ebene auf sichtbar geschaltet, ist die Standardebene aktiv.
Die Zuordnung von Elementen zu einer Ebene erfolgt über das Kontextmenü der Elemente. Ist eine benutzerdefinierte Ebene sichtbar, lässt sich per Doppelklick ein Element der Standardebene aktivieren und über das Kontextmenü „Ebenen“ – „Zu Ebene xy hinzufügen“ oder „Zu neuer Ebene hinzufügen“ einer Ebene zuordnen.
Kontextmenü
Im Zusammenhang mit dem Designer gibt es eine Reihe von Kontextmenüs:
Designer
Der Designer selbst (rechtsklick auf den Hintergrund) hat ein eigenes Kontextmenü:
- „Elemente ein/ausblenden…„: Zeigt eine Checkbox-Liste an, über die einzelne Elemente angezeigt oder ausgeblendet werden können. Diese sind dann überhaupt nicht mehr zu sehen. Hilfreich ist das, wenn man Komponenten auf dem Formular hat, die man gar nicht im Zusammenhang mit den LiveBindings verwenden möchte.
- „Designer aktualisieren„: Baut die Grafik neu auf. Hilfreich vor allem, wenn man ohne Verwendung des Designer weitere Bindings angelegt hat, z.B. direkt über die BindingsList-Komponente – dazu später mehr.
- „Skalierung„: Wie mit den Toolbar-Buttons am linken Rand wird hier das Zoomen ermöglicht.
- „Layout„: Entspricht dem Button „Neu anordnen“ in der Toolbar.
- „Beziehungen routen„: Zeichnet die Verbindungen zwischen den Elementen neu.
- „Als Bild speichern„: Speichert den Inhalt des Designers als Grafik-Datei. Als erstes kann man Zoom-Stufe sowie Länge und Breite der Grafik angeben. Über ein Vorschau kann man die Auswirkungen direkt betrachten. Das Speichern ist in verschiedenen Formaten möglich, u.a. GIF, JPEG, PNG und BMP.
Element/Control
- „Bindbare Member…„: Hier werden in einer Dialogbox alle Member-Variablen angezeigt. Sie lassen sich per Checkbox auswählen und damit in die Designer-Anzeige übernehmen.
- „Ebenen„: Zuordnung des Elements zu einer Ebene (s.o.).
- „Ebene(n) ausblenden„: Ausblenden der Ebene, auf der sich das Element befindet.
- „Skalierung„: Zoomen (s.o.)
Klickt man auf eine Member-Variable eines Elements, so stehen folgende Aktionen zur Verfügung:
- „Mit neuem Steuerelement verknüpfen…„: Hier lässt sich der Typ einer Komponente auswählen, die anschließend automatisch dem Formular hinzugefügt und automatisch mit der Property verbunden wird.
- „Member löschen„: Löscht ein Member aus der Anzeige.
- „Skalierung„: Zoomen (s.o.)
Verbindung
Wählt man einen Pfeil als Verbindung zwischen zwei Elementen aus und öffnet das Kontextmenü, werden folgende Aktionen angeboten:
- „Link entfernen„: Entfernt die Verbindung.
- „Skalierung„: Zoomen (s.o.)
Der aktuelle Zustand des LiveBindings-Designers wird in einer Datei mit der Endung vlb automatisch im Projektverzeichnis gespeichert.