Darstellung (Übersicht)

Das Ändern der visuellen Darstellung von Objekten ist eine wesentliche Aufgabe in Microsoft Expression Blend. Mithilfe der Eigenschaften, die im Eigenschaftenpanel unter Darstellung und Pinsel verfügbar sind, können Sie die Strich- und Füllfarbe, die Deckkraft und die Sichtbarkeit von ausgewählten Objekten ändern. Je nach Typ des im Expression Blend-Projekt ausgewählten Objekts werden die Eigenschaften der Kategorien Darstellung und Pinsel dynamisch an den Inhalt des Objekts angepasst, um die entsprechenden optischen Attribute widerzuspiegeln.

Allgemeine Darstellungseigenschaften

Die gängigste visuelle Veränderung von Objekten ist das Anwenden von Pinseln auf bestimmte Eigenschaften. In der folgenden Tabelle werden diese Eigenschaften beschrieben.

Eigenschaft	Beschreibung
Füllung	Legt den Pinsel fest, der auf das Innere einer Form oder eines Pfads angewendet wird.
Stroke	Legt den Pinsel fest, der auf die Konturen (Rahmen) einer Form oder eines Pfads angewendet wird.
Background	Legt den Pinsel fest, der auf den Hintergrund eines Objekts angewendet wird. Diese Eigenschaft wird normalerweise auf den Hintergrund von Steuerelementen angewendet, die Text anzeigen, beispielsweise auf den Hintergrund von Button- oder TextBlock-Steuerelementen.
Foreground	Legt den Pinsel fest, der auf den Vordergrund eines Objekts angewendet wird. Diese Eigenschaft wird normalerweise auf den in Steuerelementen angezeigten Text angewendet, beispielsweise auf den Text in Button- oder TextBlock-Steuerelementen.
BorderBrush	Legt den Pinsel fest, der auf den Rahmen von bestimmten Steuerelementen angewendet wird.
Opacity	Legt die Deckkraft für das gesamte Objekt fest.
Sichtbarkeit	Bestimmt, ob ein Objekt zur Laufzeit sichtbar oder ausgeblendet ist. Untergeordnete Objekte können auch durch die Sichtbarkeitseinstellung des übergeordneten Elements beeinflusst werden.
OpacityMask	Legt einen Pinsel fest, dessen Farbe ignoriert und dessen Deckkraft auf das maskierte Objekt übertragen wird. Wenn die Deckkraftmaske deckend ist, wird das maskierte Objekt deckend; wenn die Deckkraftmaske transparent ist, wird das maskierte Objekt transparent.

Nach oben

Pinsel

Pinsel werden zum Festlegen der grafischen Darstellung eines Objekts auf der Zeichenfläche verwendet. Sie können z. B. einen Pinsel mit blauer Volltonfarbe für die Füllung eines Rechtecks verwenden (wie im ersten Bild unten). Pinsel sind in verschiedenen Formen verfügbar, angefangen bei einfachen Pinseln mit Volltonfarbe oder Farbverlaufspinseln bis hin zu komplexeren Kacheleffekten. In der folgenden Tabelle werden die in Expression Blend verfügbaren Pinsel beschrieben. Darüber hinaus können Sie über die Registerkarte Kein Pinsel alle Farben aus der ausgewählten Eigenschaft entfernen. Sie können beispielsweise die Fill-Eigenschaft (Füllung) des Rechtecks auf Kein Pinsel einstellen, und die Stroke-Eigenschaft (Strich) auf Pinsel mit Volltonfarbe, um einen Umriss für ein Rechteck zu erzeugen.

Pinsel	Darstellung			Beschreibung
Pinsel mit Volltonfarbe				Besteht aus einer einzigen Farbe.
Linearer Farbverlaufspinsel				Besteht aus einem linearen Farbverlauf.
Radialer Farbverlaufspinsel				Besteht aus einem radialen Farbverlauf.
Bildpinsel (nur WPF und Silverlight 2)				Wird basierend auf einem Bild erstellt. Von links nach rechts: der Bildpinsel im Ausgangszustand, der Bildpinsel mit Kacheleffekt und der gekippte Bildpinsel.
Zeichenpinsel (nur WPF und Silverlight 2)				Wird basierend auf einer Vektorzeichnung erstellt. Von links nach rechts: der Zeichenpinsel im Ausgangszustand, der Zeichenpinsel mit Kacheleffekt und der gekippte Zeichenpinsel.
Visueller Pinsel (nur WPF und Silverlight 2)				Wird basierend auf einem Steuerelement, z. B. einer Schaltfläche, erstellt. Von links nach rechts: die Ausgangsschaltfläche und der Pinsel mit der Einstellung Nebeneinander für Kachelmodus. Beachten Sie, dass visuelle Pinsel aufgrund der Komplexität der zu ihrer Erstellung verwendeten Steuerelemente die Leistung der ausgeführten Anwendung beeinträchtigen können.

Nach oben

Pinselressourcen

Nachdem Sie einen Pinsel für ein Objekt erstellt haben, können Sie den Pinsel in eine Ressource konvertieren, die dann auf andere Objekte angewendet werden kann.

Hinweis:
Ressourcen werden in Microsoft Silverlight 1.0 nicht unterstützt.

Pinselressourcen sind nicht auf einzelne Pinsel- oder Farbeigenschaften beschränkt. Sie können eine Pinselressource mit verschiedenen auf der Zeichenfläche verfügbaren Objekten erstellen. Sie können sogar einen Pinsel namens VisualBrush erstellen, der sein Aussehen während der Laufzeit an Änderungen der Objekte anpasst, mit denen er zur Laufzeit erstellt wurde.

Sie können Ressourcenverzeichnisse für die Pinsel erstellen, sodass sie im gesamten Projekt und sogar in anderen Projekten wiederverwendbar sind.

Weitere Informationen finden Sie unter Erstellen einer Pinsel- oder Farbressource und Erstellen oder Ändern von Zeichenpinselressourcen. Weitere Informationen zu Ressourcen finden Sie unter Ressourcen (Übersicht).

Nach oben

Farbe und Farbräume

In Expression Blend steht im Eigenschaftenpanel unter Pinsel ein Farb-Editor zur Verfügung. Der Farb-Editor wird auch angezeigt, wenn Sie eine Pinselressource im Ressourcenpanel bearbeiten. Er verfügt über die folgenden vier Farbräume sowie einen Hexadezimalmodus (#AARRGGBB):

• RGB   Rot (0-255), Grün (0-255), Blau (0-255)

• HLS    Farbton (360°-Farbrad), Leuchtkraft (0 bis 100 %), Sättigung (0 bis 100 %)

• HSB   Farbton (360°-Farbrad), Sättigung (0 bis 100 %), Helligkeit (0 bis 100 %)

• CMYK   Cyan (0 bis 100 %), Magenta (0 bis 100 %), Gelb (0 bis 100 %, Schwarz (0 bis 100 %)

Wenn Sie den Farbraum wechseln möchten, können Sie auf einen der unterstrichenen Buchstaben im aktuellen Farbraum klicken, um ein Popupmenü der alternativen Farbräume anzuzeigen.

Nach oben

Formatpipette und Füllwerkzeuge

In Expression Blend stehen zwei Werkzeuge zur Verfügung, die speziell für das Kopieren und Anwenden von Attributen auf Objekte konzipiert sind. Wird die Formatpipette oder das Füllwerkzeug verwendet, werden die folgenden Eigenschaften kopiert oder angewendet:

• Pinsel   Foreground, Background, BorderBrush, Fill, Stroke und OpacityMask

• Darstellung   Opacity, StrokeThickness, StrokeMiterLimit, StrokeStartLineCap, StrokeEndLineCap, StrokeLineJoin und StrokeDashCap

• Text   FontFamily, FontSize, FontWeight, FontStyle, TextDecorations, LineHeight, TextIndent und TextAlignment

	Formatpipette	Kopiert die Darstellungseigenschaften eines anderen Objekts zu dem oder den momentan ausgewählten Objekten.
	Füllwerkzeug	Kopiert die Darstellungseigenschaften des oder der momentan ausgewählten Objekte zu einem anderen Objekt.

Weitere Informationen zu den Werkzeugen Formatpipette und Füllwerkzeug erhalten Sie unter Kopieren oder Anwenden von Attributen auf ein Objekt.

In der rechten unteren Ecke des Farb-Editors wird ebenfalls eine Farbformatpipette angezeigt, wenn Sie einen Pinsel mit Volltonfarbe  oder einen Farbverlaufsstopp auf einem Farbverlaufspinsel  bearbeiten. Bei ausgewählter Formatpipette können Sie an beliebigen Stellen auf Ihrem Desktop ein Farbmuster erfassen und auf den ausgewählten Pinsel anwenden. Über die ESC-TASTE können Sie die Formatpipette jederzeit beenden.

Nach oben

Farbverläufe

Mithilfe von Farbverläufen können Sie einen graduellen Verlauf von Farben auf ein Objekt anwenden, um eine gleichmäßige Farbabstufung zu erzeugen und dem Objekt eine größere Tiefe zu verleihen. Vielleicht möchten Sie dieses Objekt als Hintergrund verwenden, bei dem die linke Seite eine Farbe aufweist und nach rechts allmählich in Weiß übergeht. Auf diese Weise können Sie zwei verschiedene Bereiche eines andernfalls einförmigen Objekts erstellen.

Klicken Sie im Eigenschaftenpanel unter Pinsel auf Linearer Farbverlauf und Radialer Farbverlauf, um zwischen den zwei Pinseltypen für Farbverläufe zu wechseln.

Mit den beiden Pinseltypen für Farbverläufe können Sie graduelle Füllungen, Farbverlaufsstriche, Text mit einem Farbverlauf für die Foreground-Eigenschaft (Vordergrund) oder Hintergründe mit Farbverlauf für alle Element mit Background-Eigenschaft (Hintergrund) erstellen. Wenn Sie einen Farbverlauf auf eine Darstellungseigenschaft anwenden, werden auf dem Schieberegler für den Farbverlauf kleine, als Stopps bezeichnete Symbole angezeigt. Sie können die Farbe der einzelnen Farbverlaufsstopps ändern und dem Schieberegler für den Farbverlauf beliebig viele Stopps hinzufügen, indem Sie einfach auf den Schieberegler klicken. Umgekehrt können Sie nicht mehr benötigte Stopps ganz einfach entfernen, indem Sie sie unten aus dem Schieberegler für den Farbverlauf herausziehen. (Wenn Sie sie an den Seiten oder oben herausziehen, werden sie nicht entfernt.)

Sie können auch einige Optionen für den Farbverlaufspinsel festlegen. Klicken Sie im unteren Bereich des Farb-Editors auf die Schaltfläche Optionen, um den Farbverlaufsmodus auf Füllen, Reflektieren (Spiegelung des Farbverlaufs) oder Wiederholen einzustellen. Diese Optionen gelten sowohl für lineare als auch für radiale Farbverläufe, wenn Sie die Option Pinseltransformation in der Werkzeugpalette verwenden. Weitere Informationen finden Sie im folgenden Abschnitt Brush transform tool.

Nach oben

Pinseltransformationswerkzeug

Wenn Sie die Füllung, den Pinselstrich, die Deckkraftmaske oder einen anderen auf ein Objekt angewendeten Pinsel transformieren möchten, wählen Sie im Eigenschaftenpanel die Brush-Eigenschaft (Pinsel) aus, und wählen Sie dann das Werkzeug Pinseltransformation aus der Werkzeugpalette aus. Auf der Zeichenfläche wird ein Pinseltransformationspfeil angezeigt, den Sie mit dem Mauszeiger ändern können. Wenn Sie einen Farbverlaufspinsel verwenden, entsprechen die Endpunkte des Transformationspfeils den Farbverlaufsstopps an den Enden der Farbleiste. Sie können das Verhalten des Pinseltransformationswerkzeugs folgendermaßen ändern:

• Halten Sie beim Ziehen eines Endpunkts die UMSCHALTTASTE gedrückt, um die Bewegung auf die gerade Linie zwischen den Endpunkten zu beschränken.

• Halten Sie beim Verschieben des gesamten Pfeils die UMSCHALTTASTE gedrückt, um die Bewegung auf die X- oder die Y-Ebene zu beschränken.

• Halten Sie beim Drehen eines Endpunkts die UMSCHALTTASTE gedrückt, um ein Einrasten alle 15 Grad zu ermöglichen.

• Halten Sie beim Ziehen eines Endpunkts die ALT-TASTE gedrückt, um beide Endpunkte gleichzeitig zu verschieben. Dadurch wird die Position des Mittelpunkts beibehalten.

Die folgenden Bilder zeigen das Aussehen eines rechteckigen Objekts, nachdem verschiedene Transformationen auf den Farbverlaufspinsel der Fill-Eigenschaft angewendet wurden.

Transformationen, die auf den linearen Farbverlaufspinsel eines Rechtecks angewendet wurden

Transformationen, die auf den radialen Farbverlaufspinsel eines Rechtecks angewendet wurden

Sie können optional festlegen, welche Eigenschaften angezeigt werden, wenn Sie im Eigenschaftenpanel unter Pinsel auf die Schaltfläche Optionen klicken. Im vorhergehenden Bild ist die Option Füllen ausgewählt. Wenn Sie die Option Reflect oder Repeat ausgewählt haben und den Transformationspfeil dann kürzer gemacht haben als das Objekt, erhalten Sie einen Welleneffekt.

Sie können außer Farbverlaufspinseln weitere Pinseltypen transformieren. Weitere Informationen zu Pinseltransformationen finden Sie unter Transformieren eines Farbverlaufspinsels oder Kacheleffekts.

Nach oben

Freistellen

Gelegentlich werden beim Transformieren eines Pinsels Teile des Objekts freigestellt (d. h., Teile außerhalb des Begrenzungsrahmens werden ausgeblendet). Sie können Freistellungsprobleme auf folgende Weise beheben:

• Deaktivieren Sie im Eigenschaftenpanel unter Darstellung das Kontrollkästchen für die ClipToBounds-Eigenschaft (An Begrenzung freistellen).

• Verwenden Sie im Eigenschaftenpanel unter Transformation die Eigenschaften der Kategorie LayoutTransform statt die der Kategorie RenderTransform. Dies ist vor allem bei der Transformation von visuellen Pinseln hilfreich.

Nach oben

Striche

Striche sind die Rahmen eines Objekts. Sie können den angewendeten Pinsel (einfarbig, Farbverlauf oder Kacheleffekt), die Deckkraft, die Breite und die Gehrungsgrenze des Strichs eines Objekts sowie die Art der Ecken und Abschlüsse ändern. Der Strich für ein Objekt wird immer über einer Füllung angewendet, auch wenn auf dieses Objekt keine Füllung angewendet wurde. Um den Strich für ein Objekt zu ändern, müssen Sie im Eigenschaftenpanel in der Liste unter Pinsel die Option Strich auswählen.

• Strichbreite   Die Breite eines Strichs für ein Objekt wird in Pixeln (oder in geräteunabhängigen Einheiten von ca. 1/96 Zoll) angegeben. Zulässige Werte liegen im Bereich zwischen 0 und der Hälfte der Breite oder Höhe der Form. Im Allgemeinen bedeckt der Strich die gesamte Füllung, sobald die Strichstärke die Hälfte der Breite und Höhe der Form erreicht hat. Sie können den Wert für die Strichbreite im Eigenschaftenpanel unter Darstellung über die StrokeThickness-Eigenschaft (Strichstärke) festlegen.

• Ecken   Bei Objekten mit Ecken (z. B. Rechtecken) können Sie die Darstellung des Strichs an den einzelnen Eckpunkte ändern. Sie können eine von drei Ecken anwenden: Gehrungsverbindung, abgerundete Verbindung, und abgeschrägte Verbindung. Sie können die Eckenart im Eigenschaftenpanel unter Darstellung über die StrokeLineJoin-Eigenschaft (Strichlinienverbindung) festlegen.

  

• Gehrungsgrenze   Steuert, wie lang der Eckpunkt einer Gehrungsgrenze werden kann, bevor er automatisch abgeschrägt wird. Sie können die Gehrungsgrenze im Eigenschaftenpanel unter Darstellung über die StrokeMiterLimit-Eigenschaft (Strichgehrungsgrenze) festlegen. Im folgenden Bild werden drei Winkel mit mit einer Strichstärke von 40 und einer StrokeMiterLimit-Eigenschaft (Strichgehrungsgrenze) von 1 , 2.2 und 4 angezeigt. Die Größe des Winkels und die Strichstärke bestimmen den visuellen Effekt der Gehrungsgrenze.

  

• **Abschluss  ** Für Pfade mit nicht verbundenen Enden (z. B. Linien) können Sie die Darstellung der Enden von Strichen anpassen, indem Sie einen von vier Abschlussstilen anwenden: Flache Abschlüsse , Runde Abschlüsse , Gerade Abschlüsse und Dreieckiger Abschluss. Sie können die Abschlussart im Eigenschaftenpanel unter Darstellung über die Eigenschaft StrokeEndLineCap (Abschluss für Strichendlinie) oder StrokeStartLineCap (Abschluss für Strichanfangslinie) festlegen.

  

Nach oben

Deckkraft und Sichtbarkeit

Wenn Sie die Deckkraft eines Objekts verringern, nimmt seine Transparenz zu, sodass hinter dem Objekt liegende Objekte sichtbar werden. Die Deckkraft wird über einen Alphakanal gesteuert, in dem alle Informationen zur Transparenz eines Objekt, eines Farbverlaufs oder einer Deckkraftmaske gespeichert sind. In der folgenden Tabelle werden drei Methoden zum Ändern der Deckkraft von Objekten beschrieben.

Methode	Ergebnisse
Deckkraft   Ändert die Transparenz des gesamten Objekts, einschließlich aller visuellen Attribute. Das Bild rechts zeigt ein Objekt mit einem Deckkraftwert von 60 %.
Transparenz   Legt den Alphawert (A) eines einzelnen Pinselattributs für ein Objekt, z. B. der Füllung oder des Strichs, so fest, dass es leicht transparent dargestellt wird, ohne dass Sie alle Attribute des Objekts ändern müssen. Das Bild rechts zeigt, dass nur die Füllung der Ellipse eine größere Transparenz aufweist, da der Alphawert für die Füllung auf 50 % festgelegt wurde. Der Strich für die Ellipse bleibt bei 100 %.
Visibilty   Ermöglicht es, ein Objekt zu unterschiedlichen Zeitpunkten aus- oder einzublenden. Dies ist besonders bei Animationen wirkungsvoll, wenn Sie die Objekte nicht vollständig von der Zeichenfläche entfernen möchten. Im rechten Bild wurde das linke Objekt mit der blaue Füllung und dem breiten schwarzen Strich, das auch in den beiden vorherigen Beispielen in dieser Tabelle verwendet wurde, auf Ausgeblendet eingestellt.

Nach oben

Bitmapeffekte

Bitmapeffekte sind einfache Pixelverarbeitungsvorgänge.

Hinweis:
Bitmapeffekte werden in Silverlight 1.0 oder Silverlight 2 nicht unterstützt.

Hinweis:
In Windows Presentation Foundation-Anwendungen (WPF) (z. B. mit Expression Blend erstellt) beziehen sich Pixel auf geräteunabhängige Pixel oder geräteunabhängige Einheiten, die der Größe eines Pixels auf einem Monitor entsprechen, der auf eine Bildschirmauflösung von 96 dpi festgelegt ist. Jede Einheit beträgt etwa 1/96 Zoll, unabhängig von der Bildschirmgröße oder -auflösung.

In der folgenden Tabelle werden die einzelnen in Expression Blend verfügbaren Bitmapeffekte beschrieben.. Bitmapeffekte sind im Eigenschaftenpanel unter Darstellung verfügbar, wenn Sie ein Objekt wie ein Rechteck oder eine Schaltfläche auswählen. Die einzelnen Bitmapeffekte haben Untereigenschaften. Radius ist beispielsweise eine Untereigenschaft des Bitmapeffekts Weichzeichner Die Pixelverarbeitung, die nötig ist, um Bitmapeffekte (und Objekte, auf die diese Effekte angewendet werden) zu rendern, wird zur Laufzeit durchgeführt. Aus diesem Grund sollten Bitmapeffekte nicht auf große Bildelemente oder Animationen angewendet werden, da dies zu einer Leistungsbeeinträchtigung der Anwendung führen kann. Weitere Informationen über das Einstellen von Bitmapeffekts finden Sie unter Hinzufügen eines Bitmapeffekts zu einem Objekt.

Effekt	Darstellung	Beschreibung
Kein		Schaltfläche ohne angewendeten Bitmapeffekt.
Weichzeichner		Simuliert den Blick auf ein Objekt durch eine unscharf eingestellte Linse.
Schein nach außen		Erstellt einen Ring aus Farbe um den äußeren Rand eines Objekts.
Schlagschatten		Erstellt einen Schatten hinter einem Objekt.
Abschrägung		Erstellt eine Abschrägung, durch die die Oberfläche eines Bilds gemäß einer definierten Wölbung angehoben wird.
Relief		Erzeugt einen Bumpmappingeffekt für ein Bildelement, um den Eindruck von Tiefe und eine Textur wie bei einer künstlichen Lichtquelle zu erzeugen.

Nach oben