Freigeben über

Formatierungstipps für "Button"-Steuerelemente

  • Artikel

Ee341364.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(DE-DE,Expression.30).png

Button-Steuerelemente sind Objekte, die auf Benutzereingaben über eine Maus, die Tastatur oder ein anderes Eingabegerät reagieren und ein Klickereignis auslösen.

Das Button-Steuerelement kann wie alle Steuerelemente geändert werden und von der Standardanzeige abweichen. Standardmäßig sieht ein Button-Steuerelement wie folgt aus:

Ee341364.c01e5314-5b29-4283-a483-b0a1cb3b59f6(DE-DE,Expression.30).png

Haupteigenschaften des "Button"-Steuerelements

Beim Button-Steuerelement handelt es sich um ein ContentControl. Sie können daher Text auf dem Button-Steuerelement anzeigen, in dem Sie im Eigenschaftenpanel unter Allgemeine Eigenschaften die Content-Eigenschaft festlegen.

Sie können die ClickMode-Eigenschaft festlegen, um zu bestimmen, wann ein Klickereignis ausgelöst wird: beim Klicken oder Loslassen der Maus oder wenn der Zeiger über das Button-Steuerelement bewegt wird.

Sie können diese Eigenschaften folgendermaßen festlegen:

  • Festlegen der Objekteigenschaften   Wenn Sie ein Schaltflächenobjekt auf der Zeichenfläche gezeichnet haben, können Sie die Eigenschaften des Objekts direkt festlegen. Falls mehrere Button-Steuerelemente die gleichen Werte aufweisen sollen, legen Sie diese Eigenschaften in einem Stil fest.

  • Festlegen der Eigenschaften in einem Stil   Wenn Sie die Eigenschaften im Stil Ee341364.94fa7fc4-4f3e-4e84-9ba1-287f1b894371(DE-DE,Expression.30).png des Schaltflächenobjekts festlegen, gelten die Werte für alle Schaltflächenobjekte, die diesen Stil verwenden. Sie können die Werte für ein bestimmtes Objekt überschreiben.

    Weitere Informationen finden Sie unter Erstellen einer Formatvorlage.

Die Darstellung des Button-Steuerelements ändert sich je nach dem jeweiligen Zustand. Im Vorlagenbearbeitungsmodus können Sie die Darstellung für jeden Zustand ändern, indem Sie einen Zustand im Zuständepanel auswählen. Weitere Informationen finden Sie unter den in den folgenden Tabellen aufgelisteten Zuständen und unter Definieren unterschiedlicher visueller Zustände für ein Steuerelement.

Um anzugeben, wie das Button-Steuerelement beim Klicken reagiert, ziehen Sie ein Verhalten auf das Button-Objekt oder auf ein Objekt in der Schaltflächenvorlage. Weitere Informationen finden Sie unter Hinzufügen von Verhalten zu Objekten.

Sie haben auch die Möglichkeit, ein Klickereignis in einen Ereignishandler einzubinden. Weitere Informationen finden Sie unter Schreiben von Code, der auf Ereignisse reagiert.

Teile der Schaltflächenvorlage

Das Button-Steuerelement weist keine Teile auf.

Zustände des "Button"-Steuerelements

Standardmäßig kann das Button-Steuerelement einen der vier Zustände der Gruppe CommonStates aufweisen, die Sie beim Bearbeiten einer Schaltflächenvorlage im Zuständepanel anzeigen können:

Zustandsname

Beschreibung

Normal

Die Darstellung des Button-Steuerelements, wenn keine Interaktion stattfindet.

MouseOver

Die Darstellung des Button-Steuerelements, wenn der Benutzer den Zeiger über das Steuerelement bewegt.

Pressed (Gedrückt)

Die Darstellung des Button-Steuerelements, wenn dieses vom Benutzer angeklickt wird oder wenn sich der Fokus auf dem Steuerelement befindet und der Benutzer die EINGABETASTE oder die LEERTASTE drückt.

Disabled (Deaktiviert)

Die Darstellung des Button-Steuerelements, wenn die IsEnabled-Eigenschaft auf False gesetzt wurde.

Das Button-Steuerelement kann einen der beiden folgenden Zustände der Gruppe FocusStates aufweisen:

Zustandsname

Beschreibung

Unfocused (Ohne Fokus)

Die Darstellung des Button-Steuerelements, wenn sich kein Tastaturfokus darauf befindet.

Focused (Mit Fokus)

Die Darstellung des Button-Steuerelements, wenn sich ein Tastaturfokus darauf befindet. Beispiel: Ein Benutzer drückt die TAB-TASTE, um die Objekte in der Anwendung zu durchlaufen, bis sich ein Tastaturfokus auf dem Button-Steuerelement befindet.
Ee341364.alert_tip(DE-DE,Expression.30).gifTipp:

Eine Statusgruppe enthält die visuellen Status, die Teil derselben logischen Kategorie sind und die nicht gleichzeitig angezeigt werden können. Beispiel: Die Gruppe CommonStates beinhaltet Zustände, die sich auf die Benutzerinteraktion mit einem Eingabegerät wie der Maus beziehen. Es kann jeweils nur ein Zustand in einer Zustandsgruppe angezeigt werden. Ein Zustand aus einer Gruppe kann jedoch gleichzeitig mit einem Zustand aus einer anderen Gruppe angezeigt werden.

Wenn Sie einen Zustand auswählen, wird die Zustandsaufzeichnung aktiviert, sodass alle vorgenommenen Änderungen für diesen Zustand aufgezeichnet werden. Um die Zustandsaufzeichnung zu deaktivieren, klicken Sie auf der Zeichenfläche auf die Aufzeichnungschaltfläche Ee341364.0dcc6415-6d4e-4fcf-a9a3-eb4664cb6cbc(DE-DE,Expression.30).png, oder wählen Sie im Zuständepanel die Option Basis aus.

So konvertieren Sie Objekte in ein "Button"-Steuerelement

Da das Button-Steuerelement keine Teile hat, können Sie beliebige Objekte in ein Button-Steuerelement konvertieren.

  1. Gruppieren Sie die Objekte in einem Layoutpanel, wählen Sie das Layoutpanel aus, und klicken Sie im Menü Werkzeuge auf Steuerelement erstellen.

  2. Wählen Sie in dem angezeigten Dialogfeld Schaltfläche aus, benennen Sie die Vorlage und wählen Sie einen Speicherort zum Speichern der Vorlage aus.

    Weitere Informationen zu Speicherorten finden Sie unter Erstellen einer Ressource.

  3. Wenn Sie auf OK klicken, wechselt Microsoft Expression Blend in den Vorlagenbearbeitungsmodus und zeigt die Objekte an, die das Button-Steuerelement beinhaltet.

  4. Falls die Originalobjektgruppe ein TextBlock-Objekt Ee341364.42165963-00f7-4a33-abcd-b0849edebada(DE-DE,Expression.30).png beinhaltet, wird das TextBlock-Objekt in der Vorlage für das Button-Steuerelement in ein ContentPresenter-Objekt Ee341364.51a0c06c-d801-4133-8caf-cf1856a8dfc4(DE-DE,Expression.30).png konvertiert. Auf diese Weise kann auf dem Schaltflächenobjekt Text angezeigt werden. Falls die Originalobjekte kein TextBlock-Objekt beinhalten, wird automatisch ein ContentPresenter-Objekt zur Vorlage hinzugefügt. Falls Sie den Text in der Eigenschaft Content des Schaltflächenobjekts, das diese Vorlage übernimmt, nicht anzeigen möchten, können Sie das ContentPresenter-Objekt löschen.

  5. Sie können die Vorlage weiter in diesem Modus bearbeiten. Fügen Sie beispielsweise Objekte hinzu, ändern Sie Objekte oder wählen Sie im Zuständepanel eine Zustand aus, um die Darstellung der Vorlage in diesem Zustand zu ändern.

  6. Sie können auch einige der Pinseleigenschaften der Objekte in der Vorlage mit folgenden Eigenschaften des Schaltflächenobjekts verbinden, die die Vorlage verwenden.

    • Background

    • BorderBrush

    • Foreground

    • BorderThickness

    Weitere Informationen finden Sie unter Übernehmen von Objekteigenschaften für die Vorlage.

  7. Um den Vorlagenbearbeitungsmodus zu verlassen, klicken Sie in der Breadcrumb-Leiste oben auf der Zeichenfläche auf [Schaltfläche] oder im Panel Objekte und Zeitachsen auf Zurück zum Anfang Ee341364.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png.

Weitere Informationen dazu, wie Sie die neue Schaltflächenvorlage für andere Schaltflächenobjekte übernehmen, finden Sie unter Anwenden oder Entfernen einer Ressource.

Verweise

Ausführliche Informationen zu den Eigenschaften und Ereignissen des Microsoft Silverlight-Button-Steuerelements finden Sie in der Silverlight Control Gallery in MSDN (möglicherweise in englischer Sprache).

Siehe auch

Aufgaben

Erstellen von Steuerelementen aus vorhandenen Objekten

Konzepte

Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente

SimpleButton-Steuerelementvorlage

Formatieren eines Steuerelements, das Vorlagen unterstützt