ScrollViewer Windows 8

Das Scrollviewer Control aus WinRT ersetzt gleich zwei WPF oder Silverlight Steuerelemente. Mit dem ZoomMode kann das Control nun Scrollviewer und ViewBox in einem und mehr.

<ScrollViewer VerticalScrollBarVisibility="Hidden" HorizontalScrollBarVisibility="Auto" 
 HorizontalAlignment="Left" VerticalAlignment="Top" Height="400" VerticalScrollMode="Disabled" 
ZoomMode="Disabled">
  <StackPanel Orientation="Horizontal" Height="300">
    <Image Source="http://www.carspotting.de/userfiles/127/Chevrolet-Chevrolet-Camaro-2008_508med.jpg" Height="300"/>
    <Image Source="http://www.carspotting.de/userfiles/123/Chevrolet-Corvette_2888med.JPG" Height="300"/>
    <Image Source="http://www.carspotting.de/userfiles/127/Chevrolet-Chevrolet-Camaro-2008_508med.jpg" Height="300"/>
    <Image Source="http://www.carspotting.de/userfiles/24/Chevrolet-Camaro-2008_3053med.JPG" Height="300"/>
    <Image Source="http://www.carspotting.de/userfiles/259/Chevrolet-Camaro-_4103med.jpg" Height="300"/>
</StackPanel>
</ScrollViewer>

In der Verwendung sieht das dann so aus. Besonders praktisch ist das sowohl im Portrait oder Landscape Modus alles passt.

image

Wenn der Benutzer mit der Maus oder dem Mausrad navigiert, erscheint ein Scrollbar. Bei der Touch Bedienung nicht. Wenn nun das Attribut Zoommode auf enabled im XAML deklariert wird, kann der Windows 8 Benutzer per STRG Mausrad oder mit der Zwei Finger Geste Zoomen und rollen.

image

Eine Neuerung sind die Snappoints. Damit wird beim Scrollen soweit animiert, damit das komplette Bild/Frame sichtbar ist.

Mit HorizontalSnapPointsType="Mandatory" und Breite des Scrollviewers ident mit Bildbreite.

image

ohne Snappoint

image

Die passend Windows 8 Schulung für XMMAL VB.NET und C#

Kommentare sind geschlossen