Erstellen eines leeren Benutzersteuerelements

Wenn Sie eine wieder verwendbare Komponente entwerfen möchten, die der Zeichenfläche wie ein Systemsteuerelement hinzugefügt werden kann, können Sie ein Benutzersteuerelement in Microsoft Expression Blend erstellen. Benutzersteuerelemente können wie eine Anwendung andere Steuerelemente, Ressourcen und Animationszeitachsen enthalten. Das Stammobjekt ist jedoch kein UserControl -Objekt, sondern ein UserControl-Objekt oder ein Page-Objekt.

In den folgenden Verfahren wird Ihnen gezeigt, wie Sie ein Steuerelement erstellen können, das einige Animationen enthält, und wie Sie dieses Steuerelement in einem anderen Dokument instanziieren können.

Ein Beispiel für das Erstellen eines benutzerdefinierten Steuerelements mit Code, das auf einem vorhandenen Systemsteuerelement basieren kann, finden Sie unter Weiterführende Themen: Erstellen eines benutzerdefinierten Steuerelements mit benutzerdefinierten Eigenschaften.

Sie finden weitere Beispiele für Benutzersteuerelemente in den Beispielen, die in Expression Blend enthalten sind. Klicken Sie im Menü Hilfe auf Willkommenseite, wählen Sie die Registerkarte Beispiele, und klicken Sie auf den Namen eines Beispiels.

Weitere Informationen zu Benutzersteuerelementen, einschließlich XAML- und Codebeispielen, finden Sie unter Übersicht über das Erstellen von Steuerelementen  (möglicherweise in englischer Sprache) im Abschnitt Windows Presentation Foundation  (möglicherweise in englischer Sprache) in MSDN.

So definieren Sie das Steuerelement

1. Führen Sie in Expression Blend einen der folgenden Schritte aus:

   • Zum Erstellen eines Benutzersteuerelements in einer DLL-Datei klicken Sie im Menü Datei auf Neues Projekt, wählen den Projekttyp WPF-Steuerelementbibliothek oder Silverlight-Steuerelementbibliothek aus, geben dem Projekt einen Namen, wählen die Sprache für die CodeBehind-Datei des Hauptdokuments aus und klicken auf OK. Mit dieser Möglichkeit können Sie die Implementierung des Benutzersteuerelements ausblenden, falls Sie es weitergeben. Durch Erstellen einer Vorlage können Sie auch die Darstellung des Benutzersteuerelements ändern, wenn es in einer anderen Anwendung gezeichnet wird.

   • Klicken Sie im Menü Datei auf Neues Element (STRG+N), wählen Sie die Vorlage UserControl aus, und geben Sie der Datei einen Namen. Klicken Sie dann auf OK, um ein Steuerelement in einer XAML-Datei in einem vorhandenen Projekt zu erstellen. Diese Option ist einfacher zu ändern, da sich das Benutzersteuerelement im selben Projekt befindet, in dem Sie es verwenden. Sie können daher den Schritt der Aktualisierung eines Verweises auf eine DLL überspringen.

   In Expression Blend wird das Benutzersteuerelement zur Bearbeitung geöffnet.

2. Entscheiden Sie, welche Art von Panel Sie als Stammobjekt verwenden möchten. Standardmäßig wird ein Grid -Objekt mit dem Namen LayoutRoot verwendet, mit dem Sie eine Größenänderung für Animationen vornehmen können, wenn das Benutzersteuerelement in einem anderen Dokument gezeichnet wird. Sie könnten statt des Grid-Objekts ein Canvas - oder ein anderes Panel-Steuerelement verwenden, indem Sie mit der rechten Maustaste im Panel Objekte und Zeitachsen auf das LayoutRoot -Objekt klicken, auf Layouttyp ändern zeigen und auf den Namen des Panels klicken.

3. Wählen Sie im Werkzeugpanel die Steuerelemente und Zeichenwerkzeuge aus, die Sie im Steuerelement verwenden möchten, und ziehen Sie diese auf die Zeichenfläche. Ändern Sie sie mithilfe der Eigenschaften im Eigenschaftenpanel. Steuerelemente können alle Elemente enthalten, die in einer WPF-Anwendung auftreten können.

4. Erstellen Sie im Panel Objekte und Zeitachsen die gewünschten Animationszeitachsen.

   Ein Beispiel finden Sie unter Erstellen einer einfachen Animation.

   Hinweis:

   Berücksichtigen Sie beim Festlegen von Keyframes die Zeitplanung aller Animationen in Ihrer Anwendung sowie den Zeitpunkt, zu dem die Animation im Benutzersteuerelement ausgeführt wird. Betrachten Sie beispielsweise eine Anwendung, bei der zuerst ein Begrüßungsbildschirm animiert wird, gefolgt von einer weiteren Animation, bei der die Benutzeroberfläche eingeblendet wird. Sie können jede Animation in einem eigenen Benutzersteuerelement speichern. Planen Sie jedoch zu Beginn der zweiten Animation ausreichend Zeit ein, sodass die Animation des Begrüßungsbildschirms beendet werden kann.

   Tipp:

   Legen Sie einen Keyframe auf die Markierung bei 0 Sekunden fest, wenn Sie ermöglichen möchten, dass die Animation mehrfach gestartet werden kann. Wenn Sie beispielsweise eine Animationszeitachse erstellen, die ein Objekt von links nach rechts bewegt und durch Doppelklicken mit der Maus ausgelöst wird, jedoch keinen Keyframe an der Markierung für 0 Sekunden festlegen, wird die Animation nur einmal bei künftigem Doppelklicken ausgeführt, weil es sich um eine Übergabeanimation handelt. Informationen zu Übergabeanimationen finden Sie im Abschnitt "Verwenden von mehreren und überlappenden Animationszeitachsen" in Animieren von Objekten.

5. Konfigurieren Sie im Auslöserpanel alle Eigenschafts- oder Ereignisauslöser, mit denen Ihre Anwendung auf Benutzerinteraktion reagiert.

   Ein Beispiel finden Sie unter Hinzufügen oder Entfernen eines Auslösers aus einem WPF-Steuerelement.

   Hinweis:

   Wenn Sie sich entscheiden, welche Auslöser Sie im Benutzersteuerelement festlegen möchten, berücksichtigen Sie alle Eigenschaften und Auslöser, die Sie Ihrem Steuerelement zur Verfügung stellen möchten. Betrachten Sie beispielsweise eine Anwendung, die eine Schaltfläche enthält, sowie eine Animation, die in einem Steuerelement enthalten ist. Es ist in Expression Blend nicht möglich, dem Benutzersteuerelement einen Auslöser hinzuzufügen, mit dem die Animationszeitachse gestartet wird, sobald auf die Schaltfläche geklickt wird; es sei denn, die Schaltfläche ist ebenfalls Teil des Benutzersteuerelements. Außerdem können Sie nur Daten zwischen Eigenschaftswerten binden, wenn sich beide Eigenschaften im selben Steuerelement befinden. Sie können diese Einschränkung programmgesteuert in CodeBehind-Dateien umgehen. Sie haben auch die Möglichkeit, eine Vorlage mit Auslösern und Animationszeitachsen für das Steuerelement zu erstellen, nachdem es einem Dokument hinzugefügt worden ist. Weitere Informationen zu einem Benutzersteuerelement mit einer CodeBehind-Datei finden Sie unter Übersicht über das Erstellen von Steuerelementen  (möglicherweise in englischer Sprache) im Abschnitt Windows Presentation Foundation  (möglicherweise in englischer Sprache) in MSDN. Weitere Informationen zum Ändern einer CodeBehind-Datei in Expression Blend finden Sie unter Ändern einer CodeBehind-Datei.

6. Wenn Sie das Erstellen des Benutzersteuerelements abgeschlossen haben, stellen Sie sicher, dass Sie die Größe des Stammobjekt in Ihrem Dokument ändern, sodass es nur noch die unbedingt erforderliche Mindestgröße aufweist. Wählen Sie im Panel Objekte und Zeitachsen den Dokumentstamm aus, und passen Sie mit dem Auswahlwerkzeug die Größe des Dokumentfensters mit den blauen Funktionsindikatoren auf der Zeichenfläche an.

7. Wenn das Benutzersteuerelement von Mausklicks oder von der Interaktion mit dem leeren Bereich im Steuerelement abhängt, müssen Sie für den Hintergrund des Stammobjekt einen Pinsel mit Volltonfarbe festlegen. So verwendet das Steuerelement Speicherplatz auf der Zeichenfläche, wenn es einem anderen Dokument hinzugefügt wird. Ändern Sie im Eigenschaftenpanel in der Kategorie Pinsel die Background -Eigenschaft des Stammobjekts in einen Pinsel mit Volltonfarbe . Wenn Sie den Hintergrund weiterhin unsichtbar anzeigen möchten, legen Sie für die Alpha -Untereigenschaft den Wert 0 fest.

8. Wenn das Benutzersteuerelement von einer bestimmten Höhe oder Breite abhängig ist, legen Sie im Eigenschaftenpanel in der Kategorie Layout unter Erweitert  die MinHeight -Eigenschaft (Minimale Höhe) und die MinWidth -Eigenschaft (Minimale Breite) fest.

9. Wenn beim Zeichnen des Steuerelements in einem Dokument eine Größenänderung möglich sein soll, stellen Sie sicher, dass die Eigenschaften Width (Breite) und Height (Höhe) für alle Objekte im Benutzersteuerelement auf Auto zurückgesetzt sind.

10. Speichern Sie Ihre Dateien und das Projekt, indem Sie im Menü Datei auf Alles speichern klicken.

11. Wenn es sich bei Ihrem Projekt um eine Steuerelementbibliothek handelt, erstellen Sie das Projekt zum Erstellen der DLL-Datei. Klicken Sie hierzu im Menü Projekt auf Projekt erstellen (STRG+UMSCHALT+B). Die DLL-Datei wird im Ordner \bin\Debug am selben Ort wie Ihr Projekt erstellt und gespeichert.

Siehe auch

Aufgaben

Erstellen von Benutzersteuerelementen aus vorhandenen Objekten
Zeichnen eines Benutzersteuerelements in einem anderen Dokument

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.