Erstellen oder Bearbeiten einer Vorlage

Das Aussehen eines Steuerelements wird durch die Vorlage definiert, die auf das Steuerelement in der Zeichenfläche angewandt wird. Die Vorlage enthält die Objekte innerhalb des Steuerelements. Die Steuerelementvorlage für ein TextBox-Steuerelement enthält z. B. ein Border-Objekt mit dem Namen Bd, das wiederum ein ScrollViewer-Objekt mit dem Namen PART_ContentHost enthält. Das ScrollViewer-Objekt zeigt den Inhalt des TextBox-Objekts an, wenn die Steuerelementvorlage auf der Zeichenfläche auf ein TextBox-Objekt angewandt wird.

Bearbeiten der Vorlage eines TextBox-Steuerelements

Die Standardvorlagen von Systemsteuerelementen verwenden ein dynamisches Design, das die Darstellung von Steuerelementen abhängig davon steuert, ob die Anwendung auf einem Computer unter Windows XP oder unter Windows Vista ausgeführt wird. Wenn Sie jedoch die Vorlage eines Systemsteuerelements ändern, wird das Steuerelement unter Windows XP und unter Windows Vista gleich dargestellt.

Weitere Informationen finden Sie im Abschnitt "Designs" unter Formatieren eines Steuerelements, das Vorlagen unterstützt.

Steuerelementvorlagen werden als Ressourcen gespeichert, die Sie auf andere Steuerelemente desselben Typs anwenden können.

So erstellen Sie eine Steuerelementvorlage

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

   • Zeigen Sie im Menü Objekt auf Vorlage bearbeiten.

   • Klicken Sie mit der rechten Maustaste auf das Objekt und zeigen Sie auf Vorlage bearbeiten.

   • Klicken Sie auf der Breadcrumb-Leiste im oberen Bereich der Zeichenfläche auf den Namen des Objekts.

2. Führen Sie im angezeigten Dropdownmenü einen der folgenden Schritte 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 Objekt 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 Aktuellen bearbeiten aktiviert ist, wird bereits eine Vorlage auf dieses Objekt angewendet. Alternativ können Sie 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 Name (Schlüssel) einen der folgenden Schritte aus:

   • Geben Sie zum Erstellen einer neuen benannten Formatvorlage für das Objekt einen Schlüsselnamen ein. Dies ist der Name, mit dem andere Objekte auf die Formatvorlage verweisen können, um die Vorlage auf diese Weise anzuwenden.

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

     Tipp:

     In der XAML-Datei für das zu erstellende Formatvorlagenobjekt wird ein Attribut mit dem Namen TargetType auf den Objekttyp festgelegt, für den Sie die Formatvorlage erstellen. Ein x:Key-Attribut wird nur dann festgelegt, wenn Sie einen Schlüsselnamen eingegeben haben (die erste Option in diesem Schritt). Ist ein x:Key-Attribut vorhanden, darf die Formatvorlage nur auf Objekte angewendet werden, die die Formatvorlage nach Schlüsselnamen angeben. Fehlt das x:Key-Attribut, wird die Formatvorlage auf alle Objekte dieses Typs angewandt. Das Formatvorlagenobjekt im folgenden Codebeispiel wird z. B. nicht auf alle Schaltflächen auf der Zeichenfläche angewandt. <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 die Formatvorlage nur für das aktuelle Dokument verfügbar sein soll, wählen Sie Dieses Dokument aus, und wählen Sie eine Option aus der Dropdownliste.

   • 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 im Dropdownmenü eine vorhandene Ressourcenverzeichnisdatei auswählen oder durch Klicken von Neu eine neue erstellen.

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 mithilfe der Schaltfläche Ressource bearbeiten im Ressourcenpanel angezeigt und geändert werden.

6. Beachten Sie die Microsoft Expression Blend-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 wird.

7. Bearbeiten Sie die Vorlage, indem Sie untergeordnete Objekte hinzufügen oder neu anordnen.

8. Sie können das Aussehen oder Verhalten des Objekts anhand der Ergebnisse der Benutzerinteraktion mit einem der folgenden Schritte ändern:

   • Wenn Sie an einem Windows Presentation Foundation (WPF)-Projekt arbeiten, wählen Sie einen Auslöser im Auslöserpanel, um die Auslöseraufzeichnung zu aktivieren, und nehmen Sie anschließend Änderungen an den Objekten in der Vorlage vor. Wenn es einen gewünschten Auslöser nicht gibt, können Sie ihn erstellen. Um beispielsweise einen Auslöser für das Klicken auf ein Button-Objekt zu erstellen, klicken Sie auf Eigenschaftsauslöser hinzufügen, setzen Sie den Auslöser auf IsPressed=True, wählen Sie den neuen Auslöser aus und nehmen Sie anschließend Veränderungen vor.

     Weitere Informationen zur Auslösern finden Sie unter Verwendung von Auslösern, um das Verhalten eines WPF-Steuerelements festzulegen.

     Weitere Informationen finden Sie unter Formatierungstipps für einfache WPF-Formatvorlagen.

     Vorsicht:
     Beim Ändern einiger Aspekte der Vorlage eines Steuerelements kann die Funktionalität des Steuerelements beeinträchtigt werden. Siehe als Anleitung "Bewährte Methoden" unter Formatieren eines Steuerelements, das Vorlagen unterstützt.

   • Wenn Sie an einem Microsoft Silverlight-Projekt arbeiten, wählen Sie einen Status im Zuständepanel, um die Statusaufzeichnung zu aktivieren, und nehmen Sie anschließend Änderungen an den Objekten in der Vorlage vor. Wenn der Objekttyp Pfade unterstützt, können Sie die Pfade der Vorlage verschiedenen Objekten zuweisen. Beispielsweise können Sie Grafiken als Bildobjekte importieren und die neuen Objekte in Teile der Vorlage konvertieren. Die Status ändern mithilfe von Vorlagenteilen das Aussehen des Objekts als Reaktion auf Benutzerinteraktion.

     Weitere Informationen finden Sie unter Formatieren der Teile einer Silverlight-Steuerelementvorlage und Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente.

   • Um dem Objekt zusätzliche Interaktivität hinzuzufügen, können Sie im Zuständepanel neue Status erstellen und dann mithilfe des Verhaltens GoToStateAction zwischen ereignisbasierten Status wechseln.

     Weitere Informationen finden Sie unter Definieren unterschiedlicher visueller Zustände für ein Steuerelement und Hinzufügen von Verhalten zu Objekten.

   • Sie können Code schreiben, der in Reaktion auf Ereignisse ausgeführt wird. In der Ereignisansicht des Eigenschaftenpanels doppelklicken Sie in das Eingabefeld neben einem Ereignisnamen, um der CodeBehind-Datei des Dokuments eine Ereignishandlermethode hinzuzufügen.

     Weitere Informationen finden Sie unter Schreiben von Code, der auf Ereignisse reagiert.

9. Klicken Sie im Panel Objekte und Zeitachsen auf Zurück zum Anfang, um den Bearbeitungsbereich der Formatvorlage zu schließen. Auf diese Weise kehren Sie zum Bearbeitungsbereich des Dokuments zurück.

   Tipp:
   Nach dem Erstellen einer Formatvorlagenressource oder ihrem Anwenden 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 Formatvorlagenressource gebunden bzw. damit verlinkt ist.

So bearbeiten Sie eine vorhandene benutzerdefinierte Vorlage

Klicken Sie auf der Zeichenfläche oder im Panel Objekte und Zeitachsen auf ein Objekt, um es auszuwählen. Führen Sie dann einen der folgenden Schritte aus:

• Klicken Sie auf der Breadcrumb-Leiste im oberen Bereich der Zeichenfläche auf die dritte Schaltfläche.

  

• Zeigen Sie im Menü Objekt auf Vorlage bearbeiten, und klicken Sie anschließend auf Aktuellen bearbeiten.

• Klicken Sie mit der rechten Maustaste auf das Objekt, zeigen Sie auf Vorlage bearbeiten, und klicken Sie anschließend auf Aktuellen bearbeiten.

• Klicken Sie im Eigenschaftenpanel neben der Style-Eigenschaft (sie sollte in Grün hervorgehoben sein, weil Sie zuvor eine Formatvorlage auf dieses Element angewendet haben) auf Erweiterte Eigenschaftenoptionen und anschließend im Kontextmenü auf Ressource bearbeiten. Wenn Sie sich im Bearbeitungsbereich der Formatvorlage befinden, klicken Sie mit der rechten Maustaste im Panel Objekte und Zeitachsen auf das Objekt Formatvorlage, zeigen Sie auf Vorlage bearbeiten, und klicken Sie anschließend auf Aktuellen bearbeiten.

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

  Mit Expression Blend wird der Bearbeitungsbereich der Vorlage geöffnet.

So öffnen Sie eine Vorlage aus dem Ressourcenpanel

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

   Mit Expression Blend wird der Bearbeitungsbereich der Formatvorlage geöffnet.

2. Wenn Sie sich im Bearbeitungsbereich der Formatvorlage befinden, klicken Sie mit der rechten Maustaste im Panel Objekte und Zeitachsen auf das Style-Objekt, zeigen Sie auf Vorlage bearbeiten, und klicken Sie anschließend auf Aktuellen bearbeiten.

   Mit Expression Blend wird der Bearbeitungsbereich der Vorlage geöffnet.

Siehe auch

Aufgaben

Erstellen von Benutzersteuerelementen aus vorhandenen Objekten

Konzepte

Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente

Formatierungstipps für einfache WPF-Formatvorlagen