SimpleButton

Bei einer Schaltfläche handelt es sich um ein content control -Element, das auf ein Click -Ereignis reagiert. Sie können Inhalte auf einer Schaltfläche in Microsoft Expression Blend platzieren, indem Sie auf die Schaltfläche doppelklicken und ein Objekt darauf zeichnen. Wenn Sie mehrere Objekte innerhalb der Schaltfläche platzieren möchten, fügen Sie zuerst ein Grid -Panel oder ein Canvas -Panel ein. Eine Schaltfläche kann auch standardmäßig Text anzeigen. Klicken Sie mit der rechten Maustaste auf die Schaltfläche, und klicken Sie dann auf Text bearbeiten, um den Text zu bearbeiten.

Die Zeichenflächenansicht eines SimpleButton-Steuerelements

Aufgliederung der Steuerelementvorlage

Die SimpleButton -Steuerelementvorlage umfasst die folgenden Elemente:

• Grid Layoutpanel    Wird verwendet, um die verschiedenen untergeordneten Objekte innerhalb der Schaltfläche aufzunehmen. Darüber hinaus erleichtert die Verwendung des Grid -Panels Ihnen das Hinzufügen von mehreren Objekten zur Vorlage. Wenn beispielsweise als Stammelement ein Border -Element verwendet wurde und Sie versucht haben, ein weiteres Objekt hinzuzufügen, würde das andere Element das ContentPresenter -Objekt ersetzen. Der Grund hierfür besteht darin, dass ein Border -Objekt nur ein einzelnes untergeordnetes Objekt aufnehmen kann.

• Ein Border -Objekt    wird verwendet, da es eine BorderThickness -Eigenschaft aufweist, die über eine Vorlage an die BorderThickness -Eigenschaft des Expander-Steuerelements gebunden werden kann, auf das diese Vorlage angewendet wird.

• ContentPresenter wird verwendet, um die Content -Eigenschaft der Schaltfläche anzuzeigen, auf die diese Vorlage angewendet wird. Dieses Objekt muss vorhanden sein, um den Inhalt der Schaltfläche anzuzeigen.

Verwendete Eigenschaftsauslöser

Eigenschaftsauslöser in der Steuerelementvorlage werden verwendet, damit das Steuerelement auf Änderungen der Eigenschaften reagieren kann. Sie können im Auslöserpanel auf die Elemente klicken, um die Eigenschaften anzuzeigen, die bei einem aktiven Auslöser geändert werden. Wenn beispielsweise in der SimpleButton -Vorlage die IsMouseOver -Eigenschaft den Wert True aufweist, ändert der Hintergrund des Border -Elements seine Farbe in die MouseOverBrush -Ressource.

Verwendete Pinsel

Die folgenden Pinselressourcen im Ressourcenverzeichnis SimpleStyles.xaml werden von der SimpleButton -Vorlage verwendet:

• Die Background -Eigenschaft wird mit der NormalBrush -Ressource festgelegt, wenn kein Auslöser aktiv ist, mit der MouseOverBrush -Ressource, wenn die IsMouseOver -Eigenschaft den Wert True aufweist, mit der PressedBrush -Ressource, wenn die IsPressed -Eigenschaft den Wert True aufweist, und mit der DisabledBackgroundBrush -Ressource, wenn die IsEnabled -Eigenschaft den Wert False aufweist.

• Die Border -Eigenschaft wird mit der NormalBorderBrush -Ressource festgelegt, wenn kein Auslöser aktiv ist, und mit der DefaultBorderBrush -Eigenschaft, wenn die IsKeyboardFocused -Eigenschaft True ergibt. Die PressedBorderBrush -Eigenschaft wird verwendet, wenn IsPressedTrue ergibt und DisabledBorderBrush -Eigenschaft, wenn IsEnabledFalse ergibt.

• Die Foreground -Eigenschaft wird mithilfe von DisabledForegroundBrush festgelegt, wenn IsEnabledFalse ist.

Bewährte Methoden und Designrichtlinien

• Im Allgemeinen wird ein Grid -Steuerelement (Raster) als Stamm der Vorlage verwendet, wenn Sie davon ausgehen, dass ein Designer dem Steuerelement weitere visuelle Elemente hinzufügen wird. Expression Blend sucht nach einem Layoutpanel wie dem Grid -Steuerelement (Raster) und legt es standardmäßig als aktives Element fest. Beim Hinzufügen neuer Objekte zur Zeichenfläche werden diese als untergeordnete Elemente in das Layoutpanel eingefügt.

• Eigenschaftsauslöser werden verwendet, um das Aussehen des Steuerelements je nach Benutzeraktionen (wie dem Klicken auf eine Schaltfläche) zu ändern. Eigenschaftsauslöser werden gegenüber Ereignisauslösern bevorzugt, da Sie zwei Ereignisauslöser (beispielsweise die Ereignisse MouseDown und MouseUp ) benötigen, um dieselbe Aufgabe wie mit einem Eigenschaftsauslöser (beispielsweise für den IsPressed -Zustand) auszuführen. Ereignisauslöser können jedoch zum Starten einer Animationszeitachse für kompliziertere Steuerelemente verwendet werden.

• Im Allgemeinen legen Sie eine Änderung des verwendeten Pinsels oder eine visuelle Änderung für die Zustände IsMouseOver , IsPressed und IsEnabled ( False ) fest. Außerdem können Sie den IsKeyboardFocused -Zustand verwenden, der üblicherweise zur Anzeige einer gepunkteten Linie um das Steuerelement herum verwendet wird.

Siehe auch

Aufgaben

Weiterführende Themen: Erstellen von Schaltflächenstilen mithilfe von Effekten
Weiterführende Themen: Hinzufügen einer Animation zu einer Schaltfläche
Weiterführende Themen: Erstellen einer Rolloverschaltfläche

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.