Freigeben über

Weiterführende Themen: Anpassen des Thumb-Elements einer SimpleSlider-Steuerelementvorlage

  • Artikel

Diese Seite bezieht sich nur auf WPF-Projekte

Sie können auf einfache Weise die Darstellung eines Thumb-Steuerelements in Microsoft Expression Blend mit der SimpleSlider-Steuerelementvorlage anpassen.

So passen Sie das Thumb-Element einer SimpleSlider-Steuerelementvorlage an

  1. Zeichnen Sie eine SimpleSlider-Steuerelementvorlage auf der Zeichenfläche in Expression Blend.

    Cc295006.alert_tip(de-de,Expression.10).gifTipp:

    Die einfachen Stilsteuerelemente stehen in der ObjektbibliothekCc295006.0224cabd-5da1-4e01-bddd-4a647401a098(de-de,Expression.10).png auf der Registerkarte Steuerelemente unter der Kategorie Einfacher Stil zur Verfügung. Nachdem Sie ein Steuerelement für einen einfachen Stil in der Liste ausgewählt haben, können Sie es auf der Zeichenfläche zeichnen.

  2. Klicken Sie mit der rechten Maustaste unter Objekte und Zeitachsen auf den Schieberegler, zeigen Sie auf Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Vorlage bearbeiten. Wenn Sie das Ressourcenverzeichnis SimpleStyles.xaml nicht ändern möchten, können Sie auf Kopie bearbeiten statt auf Vorlage bearbeiten klicken, um eine neue Vorlage zu erstellen und im Dokument zu speichern. Weitere Informationen zum Erstellen von Kopien finden Sie unter Erstellen einer Ressource.

    Cc295006.alert_tip(de-de,Expression.10).gifTipp:

    Klicken Sie oberhalb der Elementstruktur im Interaktionspanel auf die Schaltfläche Zurück zum AnfangCc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(de-de,Expression.10).png, um den Vorlagenbearbeitungsmodus zu verlassen und in den Dokumentbereich zurückzukehren.

    Klicken Sie unter Objekte und Zeitachsen mit der rechten Maustaste auf das Element, dessen Vorlage Sie bearbeiten möchten, zeigen Sie auf Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Vorlage bearbeiten, um zum Vorlagenbearbeitungsmodus für eine vorhandene Vorlage zurückzukehren.

  3. Klicken Sie mit der rechten Maustaste unter Objekte und Zeitachsen auf das [Thumb]-Element, zeigen Sie auf Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Kopie bearbeiten.

  4. Standardmäßig enthält die Thumb-Vorlage ein Grid-Element, das ein Ellipse-Element aufweist. Löschen Sie das Ellipse-Element.

  5. Doppelklicken Sie unter Objekte und Zeitachsen auf das Grid-Element, sodass Sie untergeordnete Elemente hinzufügen können.

  6. Zeichnen Sie einen Pfad in das Grid-Element, und verwenden Sie hierzu das Stiftwerkzeug Cc295006.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(de-de,Expression.10).png in der Werkzeugpalette. Sie können den Pfad ändern, indem Sie mit dem Direktauswahlwerkzeug Cc295006.6dd6571f-c116-451d-8dd2-1f88b8406362(de-de,Expression.10).png die Punkte auf dem Pfad anpassen.

    Cc295006.alert_tip(de-de,Expression.10).gifTipp:

    Mit dem Textfeld Zoom Cc295006.12524287-c48b-4cfc-b614-01951207239d(de-de,Expression.10).png im unteren Bereich der Zeichenfläche können Sie die Zeichenfläche vergrößern. Alternativ können Sie die Bildlauftaste der Maus bei gedrückter STRG-TASTE verwenden.
    Cc295006.alert_tip(de-de,Expression.10).gifTipp:

    Als Alternative zum Zeichnen eines Pfadelements mit dem Stiftwerkzeug können Sie eine aus Microsoft Expression Design 2 importierte Grafikressource oder eine Bilddatei, die Sie dem Projekt hinzufügen, verwenden.

  7. Testen Sie die Anwendung (F5), um die Effekte zu sehen.

Siehe auch

Konzepte

SimpleSlider-Steuerelementvorlage