:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: SELFPHP Forum ::

Fragen rund um die Themen PHP?
In über 130.000 Beiträgen finden Sie sicher die passende Antwort!

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Grundlagen von Expression Blend

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