Freigeben über


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 Stammelement ist jedoch kein Window-Element, sondern ein UserControl- oder ein Page-Element.

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-3-Steuerelementbibliothek, geben dem Projekt einen Namen, wählen die Sprache für die CodeBehind-Datei des Hauptdokuments 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 Stammelement verwenden möchten. Standardmäßig wird ein Grid-Element mit dem Namen LayoutRoot verwendet, mit dem Sie eine Größenänderung für Animationen vornehmen können, wenn das Benutzersteuerelement in ein anderes Element gezogen wird. Sie könnten dieses in ein Canvas- oder ein anderes Panel-Steuerelement ändern. Klicken Sie hierzu mit der rechten Maustaste im Panel Objekte und Zeitachsen auf das LayoutRoot-Element, zeigen Sie auf Layouttyp ändern, und klicken Sie auf den Namen des Panels.

  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.

    Cc294992.alert_note(DE-DE,Expression.30).gifHinweis:

    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.

    Cc294992.alert_tip(DE-DE,Expression.30).gifTipp:

    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.

    Cc294992.alert_note(DE-DE,Expression.30).gifHinweis:

    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 Stammelements 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 Cc294992.2ff91340-477e-4efa-a0f7-af20851e4daa(DE-DE,Expression.30).png 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 Stammelements einen Pinsel mit Volltonfarbe festlegen. So benötigt das Steuerelement auf der Zeichenfläche Speicherplatz, wenn es einem anderen Dokument hinzugefügt wird. Ändern Sie im Eigenschaftenpanel in der Kategorie Pinsel die Background-Eigenschaft des Stammelements in einen Pinsel mit VolltonfarbeCc294992.3a66ec96-47bb-47fc-8876-6b9456feec3a(DE-DE,Expression.30).png. Wenn Sie den Hintergrund weiterhin unsichtbar anzeigen möchten, ändern Sie die Alpha-Untereigenschaft in 0.

  8. Wenn das Benutzersteuerelement von einer bestimmten Höhe oder Breite abhängig ist, legen Sie die MinHeight-Eigenschaft und die MinWidth-Eigenschaft im Eigenschaftenpanel in der Kategorie Layout im Abschnitt ErweitertCc294992.de239c9d-42ce-4f5e-83b9-5f9924c0431f(DE-DE,Expression.30).png fest.

  9. Wenn beim Ziehen des Steuerelements in ein Dokument eine Größenänderung möglich sein soll, stellen Sie sicher, dass die Width- und Height-Eigenschaften aller 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