SimpleScrollBar-Steuerelementvorlage

Bei der Schiebeleiste handelt es sich um ein einfaches Steuerelement, das einen Marker auf einer Leiste in einer Position anzeigt, die von der Value-Eigenschaft (Wert) abhängig ist. Sie können die Ausrichtung der Schiebeleiste in Microsoft Expression Blend mithilfe der Orientation-Eigenschaft (Ausrichtung) im Eigenschaftenpanel unter Layout festlegen. Sie können die Eigenschaften Minimum und Maximum sowie die aktuelle Value-Eigenschaft (Wert) der Schiebeleiste im Eigenschaftenpanel unter Allgemeine Eigenschaften festlegen. Der aktuelle Wert muss zwischen den Mindest- und Höchstwerten liegen.

Die Zeichenflächenansicht eines SimpleScrollBar-Steuerelements

Aufgliederung der Steuerelementvorlage

Die SimpleScrollBar-Steuerelementvorlage umfasst folgende Elemente:

• Ein Rasterpanel mit dem Namen "GridRoot", das verwendet wird, um die verschiedenen untergeordneten Objekte innerhalb der Schiebeleiste aufzunehmen. Darüber hinaus erleichtert die Verwendung des Rasterpanels Ihnen das Hinzufügen von mehreren Objekten zur Vorlage. Das Grid-Element (Raster) ist in drei Zeilen aufgeteilt, bei denen für die oberste und unterste Zeile Höchstgrößen festgelegt wurden, damit diese nicht 18 Pixel (geräteunabhängige Einheit, die ca. 1/96 Zoll beträgt) überschreiten. Für die mittlere Zeile ist eine Sterngröße (*) festgelegt. Dies bedeutet, dass sie sich erweitert, wenn das Fenster erweitert wird.

• 2 "RepeatButton"-Objekte mit den Namen "DecreaseRepeat" und "IncreaseRepeat", die verwendet werden, um den Positionsmarker auf der Leiste zu verschieben. Die RepeatButton-Objekte enthalten Inhalt, der Pfeile anzeigt. Außerdem wird ein Grid-Objekt als Stamm für jedes dieser Elemente verwendet, damit der Benutzer auf einfache Weise die Path-Objekte (mit den Bezeichnungen DecreaseArrow und IncreaseArrow) bearbeiten und weiteren Inhalt hinzufügen kann.

• Ein Track-Objekt mit dem Namen "PART_Track", das zum Anzeigen eines Thumb-Objekts entlang einer Leiste verwendet wird. Die zugänglichen Teile der Leiste dienen zudem als RepeatButton-Elemente mit den Bezeichnungen PageDown und PageUp. Beide verwenden die SimpleScrollRepeatButtonStyle-Vorlage, die separat bearbeitet werden kann. Die Abschnitte IncreaseRepeatButton und DecreaseRepeatButton des Track-Elements verwenden Befehlsbindungen, sodass sie Befehle für die Schiebeleistenklasse aufrufen können. Das Thumb-Objekt verwendet die SimpleThumbStyle-Steuerelementvorlage, die separat bearbeitet werden kann.

• Eine Layouttransformation, die verwendet wird, um den Schieberegler in horizontaler Ausrichtung anzuzeigen. Dieses Konzept vereinfacht Ihnen die Bearbeitung des Stils, da Sie nicht zwei unterschiedliche Vorlagen bearbeiten müssen. Allerdings gibt es Fälle, in denen sich die beiden Ausrichtungen so sehr unterscheiden müssen, dass unterschiedliche Vorlagen erforderlich sind. In diesem Fall können Sie in der XAML-Ansicht von Expression Blend im Style-Element ein Setter-Element verwenden, um je nach Ausrichtung zwischen den Vorlagen umzuschalten. Sie finden ein Beispiel hierfür in der Standardvorlage für das ScrollBar-Systemsteuerelement.

  Vorsicht:
  Ändern Sie nicht den Namen eines Objekts, dessen Name mit "PART_" beginnt, da im Code, der das Steuerelement implementiert, auf diese Objekte verwiesen wird.

  Objektansicht: Die grundlegenden Teile (Vorlage) eines SimpleScrollBar-Steuerelements

  

Verwendete Eigenschaftsauslöser

Eigenschaftsauslöser in der Steuerelementvorlage werden verwendet, damit das Steuerelement auf Änderungen der Eigenschaften reagieren kann. Sie können im Auslöserpanel auf das Element klicken, um die Eigenschaften anzuzeigen, die bei einem aktiven Auslöser geändert werden. Wenn beispielsweise in der SimpleScrollBar-Steuerelementvorlage die Orientation-Eigenschaft den Wert Horizontal aufweist, werden mehrere Eigenschaften geändert, um die neue Ausrichtung der Statusanzeige darzustellen.

Verwendete Pinsel

Die SimpleScrollBar-Steuerelementvorlage verwendet nur eine Systempinselressource für die Foreground-Eigenschaft. Auf andere Pinselressourcen wird in den Vorlagen verwiesen, die von der SimpleScrollBar-Steuerelementvorlage verwendet werden. Dazu zählen beispielsweise die Vorlagen SimpleRepeatButton, SimpleThumbStyle und SimpleScrollRepeatButtonStyle. Sie können die Pinsel ändern, die von diesen Vorlagen verwendet werden, um das Aussehen der SimpleScrollBar-Steuerelementvorlage zu ändern. Sie können auch neue Vorlagen erstellen.

Bewährte Methoden und Designrichtlinien

• Verwenden Sie ein Grid-Steuerelement als Stamm Ihrer Vorlage, wenn Sie davon ausgehen, dass ein Designer Ihrem Steuerelement weitere visuelle Elemente hinzufügt. Expression Blend sucht nach einem LayoutPanel-Objekt wie dem Grid-Steuerelement und legt es standardmäßig als aktives Objekt fest. Beim Hinzufügen neuer Objekte zur Zeichenfläche werden diese als untergeordnete Objekte in das LayoutPanel-Objekt eingefügt.

• Sie können die SimpleScrollBar-Steuerelementvorlage auf die Schiebeleiste anwenden, die in der Vorlage für ein ScrollViewer-Element verwendet wird.

• Da die SimpleScrollBar-Steuerelementvorlage andere Vorlagen verwendet, kann es mühsam werden, verschiedene Ebenen mit Vorlagen zu durchsuchen, um die Vorlage zu finden, an der Änderungen vorgenommen werden sollen. Sie können neben dem Vorlagennamen im Ressourcenpanel auf die Schaltfläche Ressource bearbeiten klicken, um Vorlagen direkt zu bearbeiten. Wenn Sie sich im Bearbeitungsmodus des Stils befinden, klicken Sie im Panel Objekte und Zeitachsen mit der rechten Maustaste auf Formatvorlage, zeigen Sie auf Vorlage bearbeiten, und klicken Sie dann auf Aktuellen bearbeiten. Es ist möglicherweise einfacher, als Alternative nur die Verweise auf die Untervorlagen zu löschen (setzen Sie im Eigenschaftenpanel unter Sonstiges die Style-Eigenschaft zurück) und alles in einer Vorlage zu entwerfen.

• Sie sollten die Befehlsbindungen beibehalten, mit denen Befehle für die Klasse des Steuerelements abgesendet werden. Außerdem sollten Sie eine andere Methode zum Verknüpfen des Steuerelements mit der Klasse bereitstellen, die es darstellt. Dies ist erforderlich, damit das Steuerelement funktionsfähig ist. Diese Bindungen sind in den Command-Eigenschaften der Objekte IncreaseRepeat, DecreaseRepeat, PageUp und PageDown sowie im Orientation=Horizontal-Auslöser vorhanden.

• Wenn Sie möchten, können Sie der SimpleScrollBar-Vorlage Auslöser hinzufügen oder die Objekte im PART_Track-Objekt ändern, um die Leiste optisch attraktiver zu gestalten. Benennen Sie dabei jedoch nicht das PART_Track-Objekt oder dessen untergeordnete Objekte um, da im Code, der das Steuerelement implementiert, auf diese Objekte verwiesen wird. Das PART_Track-Objekt kann auf seine zugehörigen Teile zugreifen, da diese unter bestimmten Kopfzeilen der Steuerelemente Track.IncreaseRepeatButton, Track.DecreaseRepeatButton und Track.Thumb platziert werden. Das Thumb-Objekt ist auch ein spezifisches Windows Presentation Foundation-Steuerelement (WPF), welches das Ziehen unterstützt.

Siehe auch

Aufgaben

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