Freigeben über


Erstellen einer Stilressource

Diese Seite bezieht sich auf WPF und Silverlight 2

Über den Stil eines Steuerelements können Sie in einem Microsoft Expression Blend 2-Projekt die Auslöser (WPF) oder Statusoptionen (Silverlight 2) und Eigenschaften angeben, die von dem Steuerelement, auf das der Stil angewendet wird, als Standardwerte verwendet werden. Die Eigenschaften (wie die Farbe des Hintergrundpinsels) wirken sich auf die Darstellung des Steuerelements aus, während die Auslöser oder Statusoptionen die Reaktion des Steuerelements auf Eigenschaftenänderungen und Ereignisse beeinflussen. Wenn der Benutzer beispielsweise den Mauszeiger über das Steuerelement bewegt, ändert sich die IsMouseOver-Eigenschaft von False in True, und das MouseOver-Ereignis wird ausgelöst. Sie können einen Stil für eine Schaltfläche erstellen, der die Änderung der Hintergrundfarbe der Schaltfläche zur Folge hat, wenn der Mauszeiger über die Schaltfläche bewegt wird. Wenn Sie die Struktur eines Steuerelements ändern möchten, erstellen Sie stattdessen eine Vorlage. Gehen Sie vor, wie unter Erstellen oder Bearbeiten von Steuerelementvorlagen beschrieben.

Da ein Stil eine Ressource ist, können Sie den eigentlichen Stil getrennt von der Schaltfläche speichern und die Stilressource dann auf andere Button-Objekte anwenden. Weitere Informationen zu Ressourcen finden Sie in diesem Benutzerhandbuch unter Ressourcen (Übersicht).

So erstellen Sie eine neue Stilressource für ein Steuerelement

  1. Wählen Sie auf der Zeichenfläche oder im Interaktionspanel unter Objekte und Zeitachsen das Objekt aus, für das Sie einen Stil erstellen möchten.

  2. Zeigen Sie im Menü Objekt auf Stil bearbeiten, und führen Sie dann einen der folgenden Schritte aus:

    • Klicken Sie auf Leere Vorlage erstellen, um eine neue leere Vorlage zu erstellen. Für Shape-Steuerelemente (wie das Rectangle-Steuerelement) und Textsteuerelemente (wie das TextBox-Steuerelement) ist dies die einzige verfügbare Option.

    • Klicken Sie auf Kopie bearbeiten, um einen neuen Stil zu erstellen, der vom ausgewählten Objekt verwendet wird (dabei kann es sich um den Standardstil für das Objekt oder einen benutzerdefinierten Stil handeln, den Sie zuvor erstellt haben).

    Das Dialogfeld Ressource "Style" erstellen wird geöffnet.

  3. Führen Sie unter Ressourcenname (Schlüssel) einen der folgenden Schritte aus:

    • Geben Sie zum Erstellen eines neuen benannten Stils für das Element einen Schlüsselnamen ein. Dies ist der Name, mit dem andere Elemente auf den Stil verweisen können, um den Stil auf diese Weise anzuwenden.

    • Wenn Sie einen Stil erstellen möchten, der von allen Elementen dieses Typs verwendet werden soll, wählen Sie Auf alle Objekte anwenden aus.

      Cc294740.alert_tip(de-de,Expression.10).gifTipp:

      In der XAML-Datei wird für das zu erstellende Stilelement ein Attribut mit dem Namen TargetType auf den Elementtyp eingestellt, für den Sie den Stil erstellen.

      Ein x:Key-Attribut wird nur dann festgelegt, wenn Sie einen Schlüsselnamen eingegeben haben (erste Option oben). Bei Vorhandensein eines x:Key-Attributs darf der Stil nur auf Elemente angewendet werden, die den Stil nach Namen angeben. Fehlt das x:Key-Attribut, wird der Stil auf alle Elemente dieses Typs angewendet. Das Stilelement unten wird z. B. nicht auf alle Schaltflächen auf der Zeichenfläche angewendet.

      <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"...

  4. Wählen Sie unter Definieren in die Option aus, nach der der Stil definiert werden soll:

    • Wählen Sie Anwendung aus, wenn der Stil für alle Dokumente in der Anwendung verfügbar sein soll.

    • Wenn der Stil nur für das aktuelle Dokument verfügbar sein soll, wählen Sie Dieses Dokument (Window: Window) aus.

    • Wählen Sie Ressourcenverzeichnis aus, wenn der Stil in einer Ressourcenverzeichnisdatei definiert werden soll, die in anderen Projekten wiederverwendet werden kann. Anschließend können Sie eine vorhandene Ressourcenverzeichnisdatei auswählen oder mit Neu eine neue Datei erstellen.

      Cc294740.alert_note(de-de,Expression.10).gifHinweis:

      Ressourcenverzeichnisse werden in Silverlight 2 nicht unterstützt.

  5. Klicken Sie auf OK, um das Dialogfeld zu schließen und den Stil zur Bearbeitung zu öffnen.

    Cc294740.alert_tip(de-de,Expression.10).gifTipp:

    Sie erstellen hier effektiv eine neue Stilressource. Diese wird als lokale Ressource festgelegt und kann mühelos im Ressourcenpanel angezeigt und geändert werden.

  6. Beachten Sie die neue Expression Blend 2-Breadcrumb-Leiste im oberen Bereich der Zeichenfläche.

    Breadcrumb-Leiste mit ausgewähltem Vorlagenbearbeitungsmodus

    Cc294740.eb50efd9-44c6-41f9-8f50-7d40f6c42e61(de-de,Expression.10).png

    Durch Klicken auf die einzelnen Schaltflächen der Breadcrumb-Leiste können Sie schnell zwischen dem Vorlagenbearbeitungsmodus, dem Stilbearbeitungsmodus und dem Bearbeitungsbereich für das ausgewählte Objekt umschalten. Die Breadcrumb-Leiste wird für alle ausgewählten Objekte angezeigt, auf die ein benutzerdefinierter Stil oder eine benutzerdefinierte Vorlage angewendet wurde.

  7. Fügen Sie Ihre Eigenschafts- und Ereignisauslöser im Interaktionspanel hinzu. Ein Beispiel für das Festlegen von Auslösern finden Sie in diesem Benutzerhandbuch unter Erstellen einer Schaltfläche aus einem Objekt oder im Abschnitt Weiterführende Themen unter Einfache Stile.

  8. Klicken Sie unter Objekte und Zeitachsen auf die Schaltfläche Zurück zum AnfangCc294740.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(de-de,Expression.10).png, um den Bearbeitungsbereich des Stils zu schließen.

    Sie kehren zum vorherigen Bearbeitungsbereich zurück.

    Cc294740.alert_tip(de-de,Expression.10).gifTipp:

    Beim Erstellen oder Anwenden einer Stilressource auf ein Objekt wird eine grüne Markierung im Eigenschaftenpanel für die Style-Eigenschaft des ausgewählten Objekts angezeigt. Hiermit wird darauf hingewiesen, dass das Objekt nun an diese Stilressource gebunden bzw. damit verknüpft ist.

Siehe auch

Konzepte

Anwenden einer Stilressource

Stile und Vorlagen (Übersicht)

Einfache Stile