Erstellen oder Bearbeiten von Steuerelementvorlagen

In der Vorlage eines Steuerelements in einem Microsoft Expression Blend 2-Projekt wird seine Darstellung definiert, indem die im Steuerelement enthaltenen untergeordneten Steuerelemente definiert werden. Die Steuerelementvorlage für ein TextBox-Steuerelement enthält z. B. ein Border-Element mit dem Namen Bd, das wiederum ein ScrollViewer-Element mit dem Namen PART_ContentHost enthält. Das ScrollViewer-Element zeigt den Inhalt des TextBox-Elements an, wenn die Steuerelementvorlage auf der Zeichenfläche auf ein TextBox-Objekt angewendet wird.

Bearbeiten der Vorlage eines TextBox-Steuerelements

Von einer standardmäßigen Steuerelementvorlage wird ein dynamisches Design verwendet, das die Darstellung des Steuerelements in Abhängigkeit davon steuert, ob die Anwendung auf einem Computer unter Microsoft Windows XP oder unter Windows Vista ausgeführt wird. Sie können die Elemente (Steuerelementteile) in einer Steuerelementvorlage ändern, um die Elemente neu anzuordnen oder mehr Elemente im Steuerelement zu zeichnen. Wenn Sie jedoch eine Vorlage für ein Systemsteuerelement ändern, wird das Steuerelement unter Windows XP und unter Windows Vista gleich dargestellt. Weitere Informationen finden Sie unter "Designs und einfache Stile" in der Stile und Vorlagen (Übersicht).

Steuerelementvorlagen werden als Ressource für einen Stil gespeichert, die Sie auf andere Steuerelemente desselben Typs anwenden können.

Hinweis:

Sie können Auslöser in einer Steuerelementvorlage konfigurieren, die auf Änderungen der Eigenschaft reagieren (z. B. IsMouseOver). Sie können z. B. einen Eigenschaftsauslöser für ein TextBox-Objekt erstellen, der die Hintergrundfarbe ändert, sobald sich der Mauscursor über das TextBox-Objekt bewegt. Wenn Sie einen Ereignisauslöser erstellen möchten, der durch Ändern von Eigenschaften oder Starten einer Animation auf ein Ereignis reagiert, müssen Sie diesen in einem Stil erstellen. Weitere Informationen finden Sie unter Bearbeiten eines Stils.

Vorsicht:

Beim Ändern der Vorlage eines Steuerelements kann die Funktionalität des Steuerelements beeinträchtigt werden. Anstatt die Steuerelementvorlage für ein Systemsteuerelement zu bearbeiten, können Sie auch ein vordefiniertes, einfaches Steuerelement verwenden, sodass Sie die Vorlage frei entwerfen können. Weitere Informationen finden Sie unter Verwenden von einfachen Stilen. Wenn keiner der einfachen Stile Ihren Anforderungen entspricht und Sie die Vorlage eines Systemsteuerelements ändern möchten, beachten Sie folgende Vorsichtsmaßnahmen:

• Vermeiden Sie das Ändern der vorhandenen Auslöser, es sei denn, Sie ändern lediglich Pinsel.

• Ändern Sie nicht den Namen oder andere Eigenschaften eines Elements, dessen Name mit "PART_" beginnt, da im Code, durch den das Steuerelement implementiert wird, auf diese Elemente verwiesen wird.

• Setzen Sie keine Bindungen im Eigenschaftenpanel zurück bzw. führen Sie keine Änderungen an ihnen durch. Bindungen werden durch eine gelbe Markierung um die Eigenschaft oder durch die gelbe Schaltfläche Erweiterte Eigenschaftenoptionen identifiziert.

• Falls die Vorlage ein ContentPresenter- oder Presenter-Element enthält (z. B. ein ContentPresenter- oder ItemsPresenter-Element), stellen Sie sicher, dass dieses Element in der Vorlage verbleibt. Presenter-Elemente zeigen Inhalt an, der in dem Steuerelement definiert ist, von dem die Vorlage verwendet wird.

So erstellen Sie eine Steuerelementvorlage

1. Wählen Sie auf der Zeichenfläche oder unter Objekte und Zeitachsen das Objekt aus, aus dem Sie eine Steuerelementvorlage erstellen möchten, und führen Sie eine der folgenden Aktionen aus:

   • Zeigen Sie im Menü Objekt auf Steuerelementteile bearbeiten (Vorlage).

   • Klicken Sie mit der rechten Maustaste auf das Objekt unter Objekte und Zeitachsen, und zeigen Sie auf Steuerelementteile bearbeiten (Vorlage).

2. Zeigen Sie auf Vorlage bearbeiten, und führen Sie eine der folgenden Aktionen aus:

   • Klicken Sie zum Erstellen einer neuen leeren Vorlage auf Leere Vorlage erstellen.

   • Wenn Sie eine neue Vorlage auf der Grundlage der Vorlage erstellen möchten, die zurzeit vom ausgewählten Element verwendet wird (dies kann die Standardvorlage für das Objekt oder eine zuvor erstellte benutzerdefinierte Vorlage sein), klicken Sie auf Kopie bearbeiten.

     Hinweis:
     Falls die Option Vorlage bearbeiten aktiviert ist, wird bereits eine Vorlage auf dieses Objekt angewendet. Sie können diese Vorlage bearbeiten.

   Das Dialogfeld Ressource "Style" erstellen wird geöffnet. Der Grund hierfür liegt darin, dass Steuerelementvorlagen in einer Stilressource gespeichert sind.

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 die Vorlage 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.

     Tipp:

     In der XAML-Datei für das zu erstellende Stilelement wird ein Attribut mit dem Namen TargetType (Zieltyp) auf den Elementtyp festgelegt, 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). Ist ein x:Key-Attribut vorhanden, darf der Stil nur auf Elemente angewendet werden, die den Stil nach Schlüsselnamen 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.

     Hinweis:
     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.

   Tipp:
   Tatsächlich erstellen Sie eine neue Vorlagenressource innerhalb eines Stils. 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

   

   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. Ändern Sie die Vorlage, indem Sie untergeordnete Elemente hinzufügen oder neu anordnen oder indem Sie die Eigenschaftsauslöser im Interaktionspanel hinzufügen. Beachten Sie die oben aufgeführten Vorsichtsmaßnahmen, wenn Sie die Vorlage eines Systemsteuerelements ändern.

8. Klicken Sie unter Objekte und Zeitachsen auf die Schaltfläche Zurück zum Anfang, um den Bearbeitungsbereich des Stils zu schließen. Auf diese Weise kehren Sie zum Bearbeitungsbereich des Dokuments zurück.

   Tipp:
   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.

Nach oben

So bearbeiten Sie die Vorlage eines auf der Zeichenfläche gezeichneten Objekts

• Klicken Sie auf der Zeichenfläche oder unter Objekte und Zeitachsen auf ein Objekt, um es auszuwählen. Führen Sie dann eine der folgenden Aktionen aus:

  • Zeigen Sie im Menü Objekt auf Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Vorlage bearbeiten.

  • Klicken Sie mit der rechten Maustaste unter Objekte und Zeitachsen auf das Objekt, zeigen Sie auf Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Vorlage bearbeiten.

  • Klicken Sie im Eigenschaftenpanel auf die Style-Eigenschaft (Formatvorlage), (sie sollte in Grün hervorgehoben sein, da Sie zuvor eine Formatvorlage auf dieses Element angewendet haben), und klicken Sie dann im Kontextmenü auf Ressource bearbeiten. Wenn Sie sich im Bearbeitungsbereich des Stils befinden, klicken Sie mit der rechten Maustaste unter Objekte und Zeitachsen auf das Style-Objekt, zeigen Sie auf Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Vorlage bearbeiten.

  Hinweis:
  Falls die Option Vorlage bearbeiten deaktiviert ist, wurde keine Vorlage auf das Objekt angewendet.

  Der Bearbeitungsbereich der Vorlage wird geöffnet.

Nach oben

So bearbeiten Sie eine Vorlagenressource

• Suchen Sie im Ressourcenpanel den Ressourcennamen, und klicken Sie dann neben dem Namen auf die Schaltfläche Ressource bearbeiten.

  Der Bearbeitungsbereich der Vorlage wird geöffnet.

Nach oben

So ändern Sie eine Vorlage

1. Fügen Sie bei geöffnetem Bearbeitungsbereich der Vorlage die Eigenschaftsauslöser im Interaktionspanel hinzu, oder fügen Sie der Vorlage untergeordnete Elemente hinzu. Beachten Sie die oben aufgeführten Vorsichtsmaßnahmen, wenn Sie die Vorlage eines Systemsteuerelements ändern.

2. Klicken Sie unter Objekte und Zeitachsen auf die Schaltfläche Zurück zum Anfang, um den Bearbeitungsbereich des Stils zu schließen.

   Auf diese Weise kehren Sie zum Bearbeitungsbereich des Dokuments zurück.

   Tipp:
   Beim Erstellen oder Anwenden einer Vorlagenressource 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.

Nach oben

Siehe auch

Konzepte

Verwenden von einfachen Stilen

Weiterführende Themen: Erstellen von Schaltflächen mithilfe von Bitmapeffekten