Telerik UI for Windows Phone by Progress

This topic describes the Filmstrip feature of RadSlideView.

In order to provide a behavior similar to the native Pictures Application on Windows Phone, RadSlideView has a filmstrip mode.

The filmstrip mode gets activated with the pinch gesture. When you zoom out from a picture, you see a list with all pictures and you can quickly browse through them by flicking. Before you can use the filmstrip mode the IsFilmstripModeEnabled property must be set to true and a FilmstripModeItemTemplate has to be declared. This is necessary, because RadSlideView internally uses RadDataBoundListBox for the filmstrip experience and the slide view needs this template for correctly displaying the images in the list box. Here is an example:

CopyXAML
<telerikPrimitives:RadSlideView x:Name="slideView" ItemsSource="{Binding}" IsFilmstripModeEnabled="True" ItemRealizationMode="Default" IsLoopingEnabled="False">
    <telerikPrimitives:RadSlideView.ItemTemplate>
        <DataTemplate>
            <telerikPrimitivesSlideView:PanAndZoomImage Source="{Binding}"/>
        </DataTemplate>
    </telerikPrimitives:RadSlideView.ItemTemplate>
    <telerikPrimitives:RadSlideView.FilmstripModeItemTemplate>
        <DataTemplate>
            <Image Source="{Binding}" Width="460" Stretch="Uniform"/>
        </DataTemplate>
    </telerikPrimitives:RadSlideView.FilmstripModeItemTemplate>
</telerikPrimitives:RadSlideView>
Slide View-Filmstrip