Für die Erstellung von Pfaden stehen in Expression Blend zwei
Werkzeuge zur Verfügung: der Stift und der Zeichenstift. Mit Letzterem
können Sie intuitiv auf der Zeichenfläche malen: Sobald Sie auf
der Zeichenfläche die linke Maustaste gedrückt halten und ziehen,
wird der Pfad gezeichnet.
Das Zeichnen von Pfaden mit dem Werkzeug Zeichenstift eignet sich
mangels Präzision nahezu ausschließlich für die Eingabe über ein
Grafik-Tablett.
Mit dem Werkzeug Stift markieren Sie durch einmaligen Klick
Koordinaten auf der Zeichenfläche. Sie werden automatisch miteinander
verbunden. Erreichen Sie den Ursprungspunkt, wird der
Pfad geschlossen. Mit dem weißen Pfeil (Direktauswahl) aus der
Werkzeugpalette können Sie einzelne Punkte selektieren und bearbeiten.
Klicken Sie mit der Direktauswahl und gedrückt gehaltener
[ALT] -Taste auf einen Punkt, können Sie den Winkel des ein- und
ausgehenden Pfades einstellen (siehe Abbildung 3.14).
Wenn Sie auf eine Linie klicken, wird das Verbindungsstück zwischen
zwei Koordinaten markiert und Sie können es löschen.
Abbildung 3.14: Die
komfortable Einstellung
des Winkels mit gedrückter
[ALT] -Taste
Es ist davon abzuraten, mit frei gezeichneten Pfaden zu arbeiten.
Durch geschickte Komposition von Formen wie Ellipsen und Rechtecken
ist in den meisten Fällen eine strukturiertere und wesentlich
präzisere Zeichnung realisierbar.
Formen und das Border
Die in Expression Blend zur Verfügung stehenden Formen für WPF
und Silverlight sind das Rechteck und die Ellipse. Zwar wird über
die Werkzeugpalette in Expression Blend noch eine Linie als Form
angeboten, sie zeichnet aber lediglich einen Pfad. Im Unterschied zu
Pfaden besteht eine Form nicht aus einzelnen Koordinaten, sondern
aus verschiedenen Eigenschaften, die die Form konstruieren (siehe
Abbildung 3.15).
In der Praxis ist aber ein weiteres Element zu nennen, welches zwar
laut Definition keine »Form« ist, aber dem Rechteck sehr ähnlich ist.
Es ist erheblich mächtiger als das Rechteck und somit in fast jeder
Situation dem Rechteck vorzuziehen: das Border-Element. Da es
auch ein weiteres Element aufnehmen kann, handelt es sich um ein
wirkliches Steuerelement und ist nicht in der Werkzeugpalette unter
den Formen zu finden, sondern unter den Layoutpanels.
Abbildung 3.15: Eine
Ellipse und ein Rechteck
mit zugehörigem XAMLQuelltext
Die Vorteile des Borders im Vergleich zum Rechteck:
Der Radius kann für jede Ecke einzeln konfiguriert werden.
Die Rahmenstärke kann für jede Seite einzeln konfiguriert werden.
Es kann ein weiteres Element aufnehmen.
Ab Kapitel 6 dieses Buches wird Schritt für Schritt ein vollständiges
User Interface gestaltet, in welchem auch Border zum Einsatz kommen.
Abbildung 3.16 zeigt einen Zwischenstand der Anwendung.
Abbildung 3.16: In dem ab
Kapitel 6 praktisch gestalteten
User Interface kommen
einige Border zum Einsatz:
Die Form hinter der Tastatur
ist aus drei Bordern zusammengesetzt
SELFPHP
SELFPHP OHG, info@selfphp.de, Impressum, Kontakt