Ändern der Darstellung eines Systemsteuerelements je nach Status

Das Aussehen von Steuerelementen hängt von ihrem Status ab. Die Farbe einer Schaltfläche ändert sich beispielsweise geringfügig, wenn Sie die Maus über die Schaltfläche bewegen. "MouseOver" ist ein Status, den eine Schaltfläche annehmen kann. Sie können das Aussehen von Systemsteuerelementen je nach Status anpassen.

Im nachfolgend dargestellten Verfahren wird eine Schaltfläche angepasst. Sie können jedoch jedes Systemsteuerelement anpassen, das in Microsoft Expression Blend enthalten ist bzw. jedes importierte, benutzerdefinierte Microsoft Silverlight -Steuerelement, das von der Control -Klasse erbt.

So ändern Sie das Aussehen einer Schaltfläche je nach Status

1. Erstellen Sie eine wiederverwendbare Vorlage für ein Systemsteuerelement, z. B. das Button-Steuerelement

2. Wenn Sie nicht bereits den Bearbeitungsmodus einer Vorlage aktiviert haben, klicken Sie mit der rechten Maustaste auf ein Steuerelement auf der Zeichnungsfläche, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Aktuellen bearbeiten. Optional können Sie das Objekt auswählen und dann auf der Breadcrumb-Leiste auf Vorlage klicken.

   

3. Im Vorlagenbearbeitungsmodus werden die Zustände der Schaltfläche (wie Normal und MouseOver ) im Zuständepanel angezeigt. Status sind in Statusgruppen enthalten (wie CommonStates und FocusStates ).

   

   Die Teile der Vorlage werden im Panel Objekte und Zeitachsen angezeigt. Die Darstellung dieser Teile können Sie je nach Status ändern.

   

4. Klicken Sie im Zuständepanel auf MouseOver . Durch einen roten Kreis im oberen Bereich der Zeichenfläche wird angegeben, dass die Statusaufzeichnung aktiviert ist. Alle Eigenschaftenänderungen, die Sie vornehmen, werden demnach für den ausgewählten Status aufgezeichnet. Im Panel Objekte und Zeitachsen werden die Teile der Vorlage, die unterschiedliche Eigenschaften bei Auswahl von Base aufweisen, durch rote Kreise um die Erweiterungsschaltflächen gekennzeichnet.

   

5. Zum Ändern der Größe einer Schaltfläche im MouseOver -Zustand klicken Sie im Panel Objekte und Zeitachsen auf [Grid] .

   Tipp:
   Das Grid   ist ein Layoutpanel, in dem untergeordnete Objekte nach horizontaler Ausrichtung, vertikaler Ausrichtung und Rändern angeordnet werden. Weitere Informationen zu Layoutpanels finden Sie unter Anordnen von Objekten und Verwenden des Rasterpanels.

6. Klicken Sie im Eigenschaftenpanel unter Transformation auf die Registerkarte Skalieren . Ändern Sie die Werte X und Y in 1.1.

7. Speichern Sie Ihre Arbeit (STRG+S), und drücken Sie F5, um die Anwendung zu erstellen und zu testen. Nachdem die Anwendung im Browser geöffnet wurde, bewegen Sie den Mauszeiger über die Schaltfläche, um zu sehen, wie sie sich vergrößert.

Problembehandlung

• Einige Teile der Vorlage haben Eigenschaften, die an Werte außerhalb der Vorlage gebunden sind. Zum Beispiel ist die Fill -Eigenschaft des Background -Teils vorlagengebunden in Bezug auf die Background -Eigenschaft der Schaltfläche. Wenn Sie demnach eine Schaltfläche zeichnen, die diese Vorlage verwendet, nimmt die Vorlage den Wert an, den Sie für die Schaltfläche selbst festgelegt haben. Die Vorlagenbindung ermöglicht den Entwurf eines angepassten Steuerelements, ermöglicht aber gleichzeitig noch Änderungen, wenn Sie die Steuerelemente in Ihre Anwendung einbinden.

  Gebundene Eigenschaften können in der Vorlage durch einen gelben Begrenzungsrahmen identifiziert werden. Wenn Sie eine vorlagengebundene Eigenschaft ändern möchten, klicken Sie zunächst auf Erweiterte Optionen  neben der Eigenschaft, und klicken Sie dann auf Zurücksetzen.

  

• Sie können keine benutzerdefinierten Status und Statusgruppen zur Vorlage eines Systemsteuerelements hinzufügen. Sie können jedoch ein benutzerdefiniertes Steuerelement erstellen und dann benutzerdefinierte Zustände definieren und Code hinzufügen, um Zustände basierend auf einer Benutzerinteraktion zu ändern.

  Weitere Informationen finden Sie unter den folgenden Themen:

  • Erstellen eines neuen Benutzersteuerelements in einem Projekt

  • Definieren verschiedener visueller Statusmöglichkeiten und Übergangszeiten für Benutzersteuerelemente

  • Ändern des Status als Reaktion auf eine Benutzerinteraktion

• Wenn Probleme beim Anzeigen Ihrer Anwendung in einem Browser auftreten, ist unter Umständen nicht die richtige Silverlight-Laufzeit installiert.

  Weitere Informationen finden Sie unter Installieren von Werkzeugen und Laufzeit von Silverlight.

Nächste Schritte

• Sie können ändern, wie schnell sich die Größe der Schaltfläche ändert, wenn Sie mit der Maus darauf zeigen. Weitere Informationen finden Sie unter Ändern der Übergangszeit zwischen Statusänderungen.

• Sie können Animation hinzufügen. Beispielsweise können Sie definieren, dass sich die Schaltfläche kontinuierlich dreht, wenn mit der Maus darauf gezeigt wird. Weitere Informationen finden Sie unter Hinzufügen von Animationen zum Abspielen nach Zustandsänderungen.

• Sie können diese Vorlage auf eine andere Schaltfläche in Ihrem Projekt anwenden oder eine neue Schaltfläche zeichnen, der die Vorlage bereits zugewiesen ist. Weitere Informationen finden Sie unter Anwenden einer Stilressource.

Siehe auch

Aufgaben

Zeichnen eines Steuerelements in einem Projekt
Ändern der Übergangszeit zwischen Statusänderungen
Erstellen einer wiederverwendbaren Vorlage zur Gestaltung eines Systemsteuerelements

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.