SimpleScrollViewer-Steuerelementvorlage
.png "Diese Seite bezieht sich nur auf WPF-Projekte")
Der ScrollViewer ist ein ContentControl-Element, dessen Inhalt in einem bildlauffähigen Bereich angezeigt wird. Sie können Inhalte in ein ScrollViewer-Element in Microsoft Expression Blend einfügen, indem Sie auf das Element doppelklicken und ein Element hineinzeichnen. Wenn Sie mehrere Elemente innerhalb des ScrollViewer-Steuerelements platzieren möchten, fügen Sie zuerst ein LayoutPanel-Element wie ein Raster- oder Canvaspanel ein. Ein ScrollViewer-Steuerelement kann standardmäßig auch Text anzeigen. Sie können den Text bearbeiten, indem Sie das ScrollViewer-Steuerelement auswählen und dann die Content-Eigenschaft unter Allgemeine Eigenschaften des Eigenschaftenpanels ändern. Legen Sie die Eigenschaften für die Positionierung im Eigenschaftenpanel unter Layout in Erweiterte Eigenschaftenoptionen fest, um Elemente im ScrollViewer-Steuerelement, aber außerhalb der Grenzen des ScrollViewer-Steuerelements zu positionieren. Die vertikale Bildlaufleiste ist standardmäßig sichtbar. Legen Sie für die HorizontalScrollBarVisibility-Eigenschaft den Wert Visible fest, um die horizontale Bildlaufleiste anzuzeigen.
Zeichenflächenansicht eines SimpleScrollViewer-Steuerelements
.png "Cc295291.0f9eba2b-ac29-4bc1-8cdb-9d32dc717992(de-de,Expression.10).png")
Aufgliederung der Steuerelementvorlage
Die SimpleScrollViewer-Steuerelementvorlage umfasst die folgenden Elemente:
Ein Rasterpanel, das verwendet wird, um die verschiedenen untergeordneten Elemente innerhalb des ScrollViewer-Steuerelements aufzunehmen. Darüber hinaus erleichtert die Verwendung des Rasterpanels einem Designer einer Benutzeroberfläche (UI) das Hinzufügen von mehreren Elementen zur Vorlage. Für die Zeile und Spalte des Rasterpanels, welches das ScrollContentPresenter-Element aufnimmt, ist eine Sterngröße (*) festgelegt, sodass sich diese erweitern, wenn das ScrollViewer-Steuerelement erweitert wird. Für die Zeile und Spalte des Rasterpanels, das die Bildlaufleisten aufnimmt, ist die automatische Anpassung festgelegt, die sich nach der von den Bildlaufleisten erforderten Größe richtet.
Ein ScrollContentPresenter-Element, das zum Anzeigen der Content-Eigenschaft der Bildlaufleiste verwendet wird, auf die diese Vorlage angewendet wird. Dieses Element muss vorhanden sein, um den Inhalt der Bildlaufleiste anzuzeigen.
2 ScrollBar-Elemente mit den Namen "PART_HorizontalScrollBar" und "PART_VerticalScrollBar", die verwendet werden, um den Bildlauf durch den Inhalt auszuführen. Die Bildlaufleisten verwenden standardmäßig die SimpleScrollBarStyle-Vorlage.
.gif "Warnhinweis")
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 SimpleScrollViewer-Steuerelements
.png "Cc295291.ce27ad4d-055a-4d08-b6ee-f83fd4836820(de-de,Expression.10).png")
.gif "Cc295291.7e183f1f-37d8-4dcb-980c-19a5d61ca087(de-de,Expression.10).gif")
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 die Elemente klicken, um die Eigenschaften anzuzeigen, die bei einem aktiven Auslöser geändert werden. Wenn beispielsweise in der SimpleScrollViewer-Vorlage die IsMouseOver-Eigenschaft den Wert True aufweist, ändert der Hintergrund des Border-Elements seine Farbe in die MouseOverBrush-Ressource.
Nach oben
Verwendete Pinsel
Die SimpleScrollViewer-Vorlage verwendet keinerlei Pinselressourcen im Ressourcenverzeichnis SimpleStyles.xaml. Stattdessen ist die Background-Eigenschaft mit einer Vorlage an die Background-Eigenschaft des Slider-Steuerelements gebunden, auf das die Vorlage angewendet wird.
Nach oben
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-Element wie dem Grid-Steuerelement 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-Element eingefügt.
Der Inhalt der SimpleScrollViewer-Steuerelementvorlage wird durch ein ScrollContentPresenter-Element angezeigt, das seinen Inhalt automatisch an die Content-Eigenschaft des ScrollViewer-Elements bindet, auf das diese Vorlage angewendet wird. Das ScrollContentPresenter-Element muss vorhanden sein, damit die SimpleScrollViewer-Steuerelementvorlage den Inhalt anzeigt.
Die Sichtbarkeit der Bildlaufleisten wird durch das ScrollViewer-Steuerelement gesteuert, da die Vorlage an die Eigenschaften gebunden ist, mit denen die Sichtbarkeit angegeben wird. Diese Bindung ermöglicht das automatische Ausblenden oder Anzeigen der Bildlaufleisten nach Bedarf. Sie können die Standardeinstellung für die Sichtbarkeit der Bildlaufleiste entweder im ScrollViewer-Steuerelement oder in dessen Vorlage festlegen.
Damit das ScrollViewer-Steuerelement ordnungsgemäß funktionsfähig ist, sollten Sie alle Vorlagenbindungen beibehalten. Beachten Sie auch, dass die Bildlaufleisten mit den Namen PART_HorizontalScrollBar und PART_VerticalScrollBar nicht geändert werden dürfen, da diese Namen vom Code in der Steuerelementklasse verwendet werden.
Sie können vorhandene Bildlaufleistenvorlagen auf die Bildlaufleisten in der ScrollViewer-Vorlage anwenden. Klicken Sie hierzu mit der rechten Maustaste auf die Bildlaufleisten (PART_HorizontalScrollBar und PART_VerticalScrollBar), zeigen Sie auf Steuerelementteile bearbeiten (Vorlage), zeigen Sie auf Ressource anwenden, und klicken Sie dann auf den Namen der Bildlaufleistenvorlage. Beachten Sie, dass die Ausrichtung der Vorlage mit der Ausrichtung der Bildlaufleiste übereinstimmen muss.
Nach oben