Silverlight - ScrollViewer
Einige Benutzeroberflächen müssen am Ende mehr Informationen anzeigen, als in den verfügbaren Speicherplatz passen. Eine übliche Lösung hierfür besteht darin, einen scrollbaren Bereich bereitzustellen. Silverlight macht dies mit dem ScrollViewer sehr einfach. Sie können dies um jedes Element wickeln. Es muss ein einzelnes untergeordnetes Element sein, es kann sich jedoch auch um ein Bedienfeld handeln, das auf Wunsch weitere untergeordnete Elemente enthält.
Das ScrollViewer führt uneingeschränkte Layouts für das Kind durch und bietet ihm genau so viel Platz, wie es möchte.
Der Betrachter erwartet, in einen eingeschränkten Layoutkontext versetzt zu werden, da die gesamte Idee darin besteht, einen festen Bereich für Inhalte mit variabler Größe anzupassen.
Bei Bedarf werden dann Bildlaufleisten bereitgestellt. Das untergeordnete Element kann nicht gescrollt werden.
Nachstehend sind die häufig verwendeten aufgeführt properties von ScrollViewer Klasse.
| Sr. Nr. | Objektbeschreibung |
|---|---|
| 1 | ComputedHorizontalScrollBarVisibility Ruft einen Wert ab, der angibt, ob die horizontale Bildlaufleiste sichtbar ist. |
| 2 | ComputedHorizontalScrollBarVisibilityProperty Identifiziert die Abhängigkeitseigenschaft ComputedHorizontalScrollBarVisibility. |
| 3 | HorizontalScrollBarVisibility Ruft einen Wert ab oder legt einen Wert fest, der angibt, ob eine horizontale Bildlaufleiste angezeigt werden soll. |
| 4 | HorizontalScrollBarVisibilityProperty Identifiziert die Abhängigkeitseigenschaft HorizontalScrollBarVisibility. |
| 5 | HorizontalScrollMode Ruft einen Wert ab oder legt einen Wert fest, der bestimmt, wie Manipulationseingaben das Bildlaufverhalten auf der horizontalen Achse beeinflussen. |
| 6 | HorizontalScrollModeProperty Identifiziert die HorizontalScrollMode-Abhängigkeitseigenschaft. |
| 7 | HorizontalSnapPointsAlignment Ruft einen Wert ab oder legt einen Wert fest, der angibt, wie die vorhandenen Fangpunkte im Vergleich zum ursprünglichen Ansichtsfenster horizontal ausgerichtet sind. |
| 8 | HorizontalSnapPointsAlignmentProperty Identifiziert die Abhängigkeitseigenschaft HorizontalSnapPointsAlignment. |
| 9 | IsHorizontalScrollChainingEnabled Ruft einen Wert ab oder legt einen Wert fest, der angibt, ob die Bildlaufverkettung von diesem untergeordneten Element zu seinem übergeordneten Element für die horizontale Achse aktiviert ist. |
| 10 | IsHorizontalScrollChainingEnabledProperty Identifiziert die Abhängigkeitseigenschaft IsHorizontalScrollChainingEnabled. |
| 11 | IsScrollInertiaEnabled Ruft einen Wert ab oder legt einen Wert fest, der angibt, ob Bildlaufaktionen Trägheit in ihr Verhalten und ihren Wert einbeziehen sollen. |
| 12 | IsScrollInertiaEnabledProperty Identifiziert die Abhängigkeitseigenschaft IsScrollInertiaEnabled. |
| 13 | IsVerticalScrollChainingEnabled Ruft einen Wert ab oder legt einen Wert fest, der angibt, ob die Bildlaufverkettung von diesem untergeordneten Element zu seinem übergeordneten Element für die vertikale Achse aktiviert ist. |
| 14 | IsVerticalScrollChainingEnabledProperty Identifiziert die Abhängigkeitseigenschaft IsVerticalScrollChainingEnabled. |
| 15 | ScrollableHeight Ruft einen Wert ab, der die vertikale Größe des Bereichs darstellt, der gescrollt werden kann. der Unterschied zwischen der Breite der Ausdehnung und der Breite des Ansichtsfensters. |
| 16 | ScrollableHeightProperty Identifiziert die Abhängigkeitseigenschaft ScrollableHeight. |
| 17 | ScrollableWidth Ruft einen Wert ab, der die horizontale Größe des Bereichs darstellt, der gescrollt werden kann. der Unterschied zwischen der Breite der Ausdehnung und der Breite des Ansichtsfensters. |
| 18 | ScrollableWidthProperty Identifiziert die Abhängigkeitseigenschaft ScrollableWidth. |
| 19 | VerticalScrollBarVisibility Ruft einen Wert ab oder legt einen Wert fest, der angibt, ob eine vertikale Bildlaufleiste angezeigt werden soll. |
| 20 | VerticalScrollBarVisibilityProperty Identifiziert die Abhängigkeitseigenschaft VerticalScrollBarVisibility. |
| 21 | VerticalScrollMode Ruft einen Wert ab oder legt einen Wert fest, der bestimmt, wie Manipulationseingaben das Bildlaufverhalten auf der vertikalen Achse beeinflussen. |
| 22 | VerticalScrollModeProperty Identifiziert die VerticalScrollMode-Abhängigkeitseigenschaft. |
Nachstehend sind die häufig verwendeten aufgeführt events von ScrollViewer Klasse.
| Sr. Nr. | Eventbeschreibung |
|---|---|
| 1 | DirectManipulationCompleted Tritt auf, wenn eine direkte Manipulation des ScrollViewer abgeschlossen ist. |
| 2 | DirectManipulationStarted Tritt auf, wenn eine direkte Manipulation des ScrollViewer beginnt. |
| 3 | ViewChanged Tritt auf, wenn durch Manipulationen wie Scrollen und Zoomen die Ansicht geändert wurde. |
| 4 | ViewChanging Tritt auf, wenn durch Manipulationen wie Scrollen und Zoomen die Ansicht geändert wird. |
Nachstehend sind die häufig verwendeten aufgeführt methods von ScrollViewer Klasse.
| Sr. Nr. | Methode & Beschreibung |
|---|---|
| 1 | GetHorizontalScrollBarVisibility Ruft den Wert der Abhängigkeitseigenschaft HorizontalScrollBarVisibility / ScrollViewer.HorizontalScrollBarVisibility XAML-angehängte Eigenschaft von einem angegebenen Element ab. |
| 2 | GetHorizontalScrollMode Ruft den Wert der HorizontalScrollMode-Abhängigkeitseigenschaft / ScrollViewer.HorizontalScrollMode XAML-angehängte Eigenschaft von einem angegebenen Element ab. |
| 3 | GetIsDeferredScrollingEnabled Ruft den Wert der Abhängigkeitseigenschaft IsDeferredScrollingEnabled / ScrollViewer.IsDeferredScrollingInertiaEnabled XAML-angehängte Eigenschaft von einem angegebenen Element ab. |
| 4 | GetIsHorizontalScrollChainingEnabled Ruft den Wert der Abhängigkeitseigenschaft IsHorizontalScrollChainingEnabled / ScrollViewer.IsHorizontalScrollChainingEnabled XAML-angehängte Eigenschaft von einem angegebenen Element ab. |
| 5 | GetIsScrollInertiaEnabled Ruft den Wert der IsScrollInertiaEnabled-Abhängigkeitseigenschaft / ScrollViewer.IsScrollInertiaEnabled XAML-angehängten Eigenschaft von einem angegebenen Element ab. |
| 6 | GetIsVerticalScrollChainingEnabled Ruft den Wert der Abhängigkeitseigenschaft IsVerticalScrollChainingEnabled / ScrollViewer.IsVerticalScrollChainingEnabled XAML-angehängte Eigenschaft von einem angegebenen Element ab. |
| 7 | GetVerticalScrollBarVisibility Ruft den Wert der Abhängigkeitseigenschaft VerticalScrollBarVisibility / ScrollViewer.VerticalScrollBarVisibility XAML-angehängte Eigenschaft von einem angegebenen Element ab. |
| 8 | GetVerticalScrollMode Ruft den Wert der VerticalScrollMode-Abhängigkeitseigenschaft / ScrollViewer.VerticalScrollMode XAML-angehängte Eigenschaft von einem angegebenen Element ab. |
| 9 | InvalidateScrollInfo Wird aufgerufen, wenn sich der Wert von Eigenschaften ändert, die die Größe und Position des Bildlaufbereichs beschreiben. |
| 10 | ScrollToHorizontalOffset Scrollt den Inhalt im ScrollViewer zur angegebenen horizontalen Versatzposition. |
| 11 | ScrollToVerticalOffset Scrollt den Inhalt im ScrollViewer zur angegebenen vertikalen Versatzposition. |
| 12 | SetHorizontalScrollBarVisibility Legt den Wert der Abhängigkeitseigenschaft HorizontalScrollBarVisibility / ScrollViewer fest. HorizontalScrollBarVisibility XAML-angehängte Eigenschaft für ein angegebenes Element. |
| 13 | SetHorizontalScrollMode Legt den Wert der HorizontalScrollMode-Abhängigkeitseigenschaft / ScrollViewer.HorizontalScrollMode XAML-angehängte Eigenschaft für ein angegebenes Element fest. |
| 14 | SetIsDeferredScrollingEnabled Legt den Wert der Abhängigkeitseigenschaft IsDeferredScrollingEnabled / ScrollViewer.IsDeferredScrollingEnabled XAML-angehängte Eigenschaft für ein angegebenes Element fest. |
| 15 | SetIsHorizontalScrollChainingEnabled Legt den Wert der Abhängigkeitseigenschaft IsHorizontalScrollChainingEnabled / ScrollViewer.IsHorizontalScrollChainingEnabled XAML-Eigenschaft für ein angegebenes Element fest. |
| 16 | SetIsScrollInertiaEnabled Legt den Wert der Abhängigkeitseigenschaft IsScrollInertiaEnabled / ScrollViewer.IsScrollInertiaEnabled XAML-angehängte Eigenschaft für ein angegebenes Element fest. |
| 17 | SetIsVerticalScrollChainingEnabled Legt den Wert der Abhängigkeitseigenschaft IsVerticalScrollChainingEnabled / ScrollViewer.IsVerticalScrollChainingEnabled fest. XAML-angehängte Eigenschaft für ein angegebenes Element. |
| 18 | SetVerticalScrollBarVisibility Legt den Wert der VerticalScrollBarVisibility-Abhängigkeitseigenschaft / ScrollViewer.VerticalScrollBarVisibility XAML-angehängte Eigenschaft für ein angegebenes Element fest. |
| 19 | SetVerticalScrollMode Legt den Wert der VerticalScrollMode-Abhängigkeitseigenschaft / ScrollViewer.VerticalScrollMode XAML-angehängte Eigenschaft für ein angegebenes Element fest. |
Im Folgenden wird die Implementierung der Eigenschaften der Bildlaufansicht angegeben.
<UserControl
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:sdk = "http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
x:Class = "ScrollViewerExample.MainPage"
mc:Ignorable = "d"
d:DesignHeight = "300" d:DesignWidth = "400">
<Grid x:Name = "LayoutRoot" Background = "White">
<ScrollViewer HorizontalScrollBarVisibility = "Auto"
VerticalScrollBarVisibility = "Auto">
<StackPanel>
<Rectangle Fill = "Gray" Width = "100" Height = "100" />
<Button x:Name = "button" Content = "Button" Width = "75"/>
<sdk:Calendar Height = "169" Width = "230"/>
<Rectangle Fill = "AliceBlue" Width = "475" Height = "100" />
</StackPanel>
</ScrollViewer>
</Grid>
</UserControl>Wenn der obige Code kompiliert wird, wird die folgende Ausgabe angezeigt.
Wie Sie sehen, können Sie einen Bildlauf durchführen. Dies funktioniert für alle Inhalte, Formen, Bitmaps oder komplexeren Inhalte, z. B. für ein Raster, das andere Elemente der Benutzeroberfläche enthält.