SimpleScrollBar-Steuerelementvorlage

Bei der Bildlaufleiste 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 Bildlaufleiste 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 Bildlaufleiste 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 Elemente innerhalb der Bildlaufleiste aufzunehmen. Darüber hinaus erleichtert die Verwendung des Rasterpanels Ihnen das Hinzufügen von mehreren Elementen 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 (oder geräteunabhängige Einheiten, die ungefähr 1/96 Zoll aufweisen) überschreiten. Für die mittlere Zeile ist eine Sterngröße (*) festgelegt. Dies bedeutet, dass sie sich erweitert, wenn das Fenster erweitert wird.

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

• Ein Track-Element mit dem Namen "PART_Track", das zum Anzeigen eines Thumb-Elements 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 Bildlaufleistenklasse aufrufen können. Das Thumb-Element 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, 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önnten Sie ein Setter-Objekt im <Style>-Element in der XAML-Ansicht von Expression Blend 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 Elements, dessen Name mit "PART_" beginnt, da im Code, der das Steuerelement implementiert, auf diese Elemente verwiesen wird.

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

  

Nach oben

Verwendete Eigenschaftsauslöser

Eigenschaftsauslöser in der Steuerelementvorlage werden verwendet, damit das Steuerelement auf Änderungen der Eigenschaften reagieren kann. Sie können im Interaktionspanel unter Auslöser 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.

Nach oben

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.

Nach oben

Bewährte Methoden und Designrichtlinien

• Im Allgemeinen wird ein Grid-Steuerelement (Raster) als Stamm der Vorlage verwendet, wenn Sie davon ausgehen, dass ein Designer dem Steuerelement weitere visuelle Elemente hinzufügen wird. Expression Blend sucht nach einem Layoutpanel wie dem Grid-Steuerelement (Raster) und legt es standardmäßig als aktives Element fest. Beim Hinzufügen neuer Elemente zur Zeichenfläche werden diese als untergeordnete Elemente in das Layoutpanel eingefügt.

• Sie können die SimpleScrollBar-Steuerelementvorlage auf die Bildlaufleiste 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 mit der rechten Maustaste unter Objekte und Zeitachsen auf Style, zeigen Sie auf Steuerelementteile bearbeiten (Vorlage), und klicken Sie dann auf Vorlage bearbeiten oder auf Kopie bearbeiten. Es ist möglicherweise einfacher, als Alternative nur die Verweise auf die Untervorlagen zu löschen (setzen Sie die Style-Eigenschaft (Stil) unter Sonstiges im Eigenschaftenpanel zurück) und Ihre Vorlage auf der ersten Ebene 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 Elemente IncreaseRepeat, DecreaseRepeat, PageUp und PageDown sowie im Orientation=Horizontal-Auslöser vorhanden.

• Wenn Sie möchten, können Sie der SimpleScrollBar-Steuerelementvorlage Auslöser hinzufügen oder die Elemente im PART_Track-Element ändern, um die Leiste optisch attraktiver zu gestalten. Benennen Sie jedoch nicht das PART_Track-Element oder dessen untergeordnete Elemente um, da im Code, der das Steuerelement implementiert, auf diese Elemente verwiesen wird. Das PART_Track-Element 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-Element ist außerdem ein spezifisches Windows Presentation Foundation-Steuerelement (WPF), welches das Ziehen unterstützt.

Nach oben

Siehe auch

Konzepte

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