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

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.

    tip noteTipp:

    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.

    tip noteTipp:

    Klicken Sie im Panel Objekte und Zeitachsen oberhalb der Elementstruktur auf die Schaltfläche Bereich auf "<Bereichsname>" zurücksetzenCc295006.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(de-de,Expression.40).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 Objekt, dessen Vorlage Sie bearbeiten möchten, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Aktuelle bearbeiten, um zum Vorlagenbearbeitungsmodus für eine vorhandene Vorlage zurückzukehren.

  3. Klicken Sie mit der rechten Maustaste im Panel Objekte und Zeitachsen auf das [Thumb] -Objekt, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Kopie bearbeiten.

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

  5. Doppelklicken Sie im Panel Objekte und Zeitachsen auf das Grid -Objekt, sodass Sie untergeordnete Objekte hinzufügen können.

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

    tip noteTipp:

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

    tip noteTipp:

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

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

Siehe auch

Konzepte

SimpleSlider-Steuerelementvorlage

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.