Ändern der Darstellung eines Systemsteuerelements je nach Status

  • Artikel

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 Dd185522.05df1779-a68f-436b-b834-a91b7995a3ec(DE-DE,Expression.30).png

  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.

    Dd185522.5bb586ea-6adc-4672-b316-0fab8215ff8c(DE-DE,Expression.30).png

  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).

    Dd185522.7740762c-1a9d-490f-898e-2886ac1cf541(DE-DE,Expression.30).png

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

    Dd185522.c3a4acee-4285-4bcd-ac0d-ac6fbd26b306(DE-DE,Expression.30).png

  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 von Ihnen vorgenommenen Eigenschaftenänderungen werden demnach für den ausgewähltenZustand 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.

    Dd185522.a95c671a-5639-40b9-83db-1e6b214330d5(DE-DE,Expression.30).png

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

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

    Das Raster Dd185522.c76bbf09-1922-4f45-8d92-9c8ae64ca4a4(DE-DE,Expression.30).png 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 Dd185522.7a93944e-a7f5-4607-babd-768bb5f56185(DE-DE,Expression.30).png. Ä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 Eigenschaftenoptionen Dd185522.12e06962-5d8a-480d-a837-e06b84c545bb(DE-DE,Expression.30).png neben der Eigenschaft, und klicken Sie dann auf Zurücksetzen.

    Dd185522.31f58be3-51bc-4806-af37-e32422465e8c(DE-DE,Expression.30).png

  • 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:

  • 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

Siehe auch

Aufgaben

Zeichnen eines Steuerelements in einem Projekt

Ändern der Übergangszeit zwischen Statusänderungen

Erstellen einer wiederverwendbaren Vorlage zur Gestaltung eines Systemsteuerelements