Freigeben über

Weiterführende Themen: Anpassen des Aussehens einer SimpleScrollBar-Steuerelementvorlage

  • Artikel

Diese Seite bezieht sich nur auf WPF-Projekte

In Microsoft Expression Blend können Sie das Aussehen einer Schiebeleiste mit der SimpleScrollBar -Steuerelementvorlage auf einfache Weise anpassen.

So passen Sie das Aussehen eines SimpleScrollBar-Stils an

  1. Zeichnen Sie in Expression Blend ein SimpleScrollBar -Objekt auf der Zeichenfläche.

    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 mit der rechten Maustaste im Panel Objekte und Zeitachsen auf die Bildlaufleiste, 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 Objektstruktur auf die Schaltfläche Bereich auf "<Bereichsname>" zurücksetzenCc294792.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 Aktuellen bearbeiten, um zum Vorlagenbearbeitungsmodus für eine vorhandene Vorlage zurückzukehren.

  3. Klicken Sie unter Objekte und Zeitachsen auf das IncreaseRepeat -Objekt, und legen Sie im Eigenschaftenpanel unter Pinsel im Feld A (rechts neben der Farbpalette) für das Alpha -Attribut der Eigenschaften Background und BorderBrush den Wert 0% fest.

  4. Klicken Sie im Panel Objekte und Zeitachsen auf das IncreaseArrow -Pfadobjekt, und stellen Sie die Eigenschaften Stroke und Fill auf einen weißen Pinsel mit VolltonfarbeCc294792.3a66ec96-47bb-47fc-8876-6b9456feec3a(de-de,Expression.40).png ein. Entfernen Sie für die Stroke -Eigenschaft zunächst die Bindung, indem Sie auf die Schaltfläche Erweiterte Optionen Cc294792.12e06962-5d8a-480d-a837-e06b84c545bb(de-de,Expression.40).png und dann auf Zurücksetzen klicken.

  5. Klicken Sie mit der rechten Maustaste im Panel Objekte und Zeitachsen auf das IncreaseRepeat -Objekt, zeigen Sie auf Vorlage bearbeiten, und führen Sie dann einen der folgenden Schritte aus:

    • Wenn Sie in Schritt 2 die Option Aktuelle bearbeiten ausgewählt haben, klicken Sie jetzt auf Aktuelle bearbeiten, um die SimpleRepeatButton -Steuerelementvorlage zu bearbeiten, die in SimpleStyles.xaml gespeichert ist.

    • Wenn Sie in Schritt 2 die Option Kopie bearbeiten ausgewählt haben, klicken Sie jetzt auf Kopie bearbeiten, um eine Kopie der SimpleRepeatButton -Steuerelementvorlage zu erstellen und am selben Ort wie die Vorlage für den SimpleScrollBar -Stil zu speichern.

  6. Löschen Sie im Bearbeitungsbereich des SimpleRepeatButton -Stils im Auslöserpanel die Ereignisauslöser IsMouseOver = True und IsPressed = True . Wählen Sie hierzu die einzelnen Auslöser aus, und klicken Sie dann auf Auslöser löschenCc294792.d31907a6-867b-4e16-b860-f07c9531fbd7(de-de,Expression.40).png.

  7. Kehren Sie zum Bearbeitungsbereich der SimpleScrollBar -Vorlage zurück. Führen Sie hierzu einen der folgenden Schritte aus:

    • Wenn Sie das Dokument Simple Styles.xaml bearbeiten, weil Sie in Schritt 5 die Option Vorlage bearbeiten ausgewählt haben, klicken Sie auf die Registerkarte für das Hauptdokument (beispielsweise die Registerkarte Window1.xaml) an der Oberseite der Zeichenfläche. Klicken Sie mit der rechten Maustaste auf das ScrollBar -Objekt, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Aktuelle bearbeiten, um zu der ScrollBar -Vorlage zurückzukehren, die Sie zuvor bearbeitet haben.

    • Wenn Sie das Hauptdokument bearbeiten, klicken Sie auf Bereich auf "<Bereichsname>" zurücksetzenCc294792.55844eb3-ed98-4f20-aa66-a6f5b23eeb2b(de-de,Expression.40).png.

  8. Wiederholen Sie den vorherigen Schritt für das DecreaseRepeat -Objekt.

  9. Aktivieren Sie das GridRoot -Objekt, indem Sie im Panel Objekte und Zeitachsen auf das Objekt klicken. Klicken Sie im Werkzeugpanel auf das Border -Steuerelement, und zeichnen Sie anschließend ein Border -Objekt in das GridRoot -Objekt. Legen Sie die automatische Anpassung für das neue Border -Objekt fest, indem Sie im Panel Objekte und Zeitachsen auf das Objekt klicken, auf Größe automatisch anpassen zeigen und dann auf Fill (Füllung) klicken.

  10. Wählen Sie im Panel Objekte und Zeitachsen das neue Border -Objekt aus, und geben Sie im Eigenschaftenpanel unter Darstellung für die CornerRadius -Eigenschaft den Wert 4,4,4,4 ein. Dadurch werden die Ecken des Rahmens abgerundet.

  11. 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. Klicken Sie im Bearbeitungsbereich des SimpleThumbStyle -Stils auf das Rectangle -Objekt, ändern Sie dann die Fill -Eigenschaft in einen dunkelgrauen Pinsel mit VolltonfarbeCc294792.3a66ec96-47bb-47fc-8876-6b9456feec3a(de-de,Expression.40).png, und legen Sie für die Margin -Eigenschaft im Feld Links und Rechts jeweils den Wert 2 fest.

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

Siehe auch

Konzepte

SimpleScrollBar

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.