Freigeben über

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

  • Artikel

This page applies to WPF projects only

Sie können die Darstellung eines Thumb-Steuerelements in Microsoft Expression Blend auf einfache Weise 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.30).gifTipp:

    Die einfachen Stilsteuerelemente stehen im Objektepanel in der Kategorie Stile unter Einfache Stile 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 im Panel Objekte und Zeitachsen mit der rechten Maustaste auf die Schiebeleiste, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Aktuellen bearbeiten. Wenn Sie das Ressourcenverzeichnis SimpleStyles.xaml nicht ändern möchten, klicken Sie auf Kopie bearbeiten anstatt auf Aktuellen bearbeiten. Es wird eine neue Vorlage erstellt, die Sie im Dokument speichern können. Weitere Informationen zum Erstellen von Kopien finden Sie unter Erstellen einer Ressource.

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

    Klicken Sie im Panel Objekte und Zeitachsen oberhalb der Elementstruktur auf Zurück zum Anfang Cc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(DE-DE,Expression.30).png, um den Vorlagenbearbeitungsmodus zu verlassen und in den Dokumentbereich zurückzukehren.

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

  3. Klicken Sie im Panel Objekte und Zeitachsen mit der rechten Maustaste auf das [Thumb]-Element, zeigen Sie auf Vorlage bearbeiten, 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 im Panel Objekte und Zeitachsen auf das Grid-Element, sodass Sie untergeordnete Elemente hinzufügen können.

  6. Zeichnen Sie einen Pfad in das Grid-Element. Verwenden Sie hierzu das Stiftwerkzeug Cc295006.894f8612-e0ed-4e00-84cf-a9bc8f38fc54(DE-DE,Expression.30).png im Werkzeugpanel. Sie können den Pfad ändern, indem Sie mit dem DirektauswahlwerkzeugCc295006.6dd6571f-c116-451d-8dd2-1f88b8406362(DE-DE,Expression.30).png die Punkte auf dem Pfad anpassen.

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

    Mit dem Textfeld Zoom Cc295006.12524287-c48b-4cfc-b614-01951207239d(DE-DE,Expression.30).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.30).gifTipp:

    Als Alternative zum Zeichnen eines Pfadelements mit dem Stiftwerkzeug können Sie eine aus Microsoft Expression Design 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