HandyControl/Net40/HandyControlDemo_Net40/UserControl/Controls/CoverViewDemoCtl.xaml

<UserControl x:Class="HandyControlDemo.UserControl.CoverViewDemoCtl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:controls="clr-namespace:HandyControl.Controls;assembly=HandyControl"
             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
             DataContext="{Binding CoverView,Source={StaticResource Locator}}"
             Background="{DynamicResource RegionBrush}">
    <controls:TransitioningContentControl>
        <controls:CoverView Margin="27" Width="880" Height="432" ItemWidth="160" ItemHeight="160" ItemsSource="{Binding DataList}">
            <controls:CoverView.ItemHeaderTemplate>
                <DataTemplate>
                    <Image Source="{Binding ImgPath}"/>
                </DataTemplate>
            </controls:CoverView.ItemHeaderTemplate>
            <controls:CoverView.ItemTemplate>
                <DataTemplate>
                    <Border Margin="10" Height="300" Background="{Binding BackgroundToken,Converter={StaticResource String2BrushConverter}}">
                        <TextBlock Text="{x:Static langs:Lang.ContentDemoStr}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"/>
                    </Border>
                </DataTemplate>
            </controls:CoverView.ItemTemplate>
        </controls:CoverView>
    </controls:TransitioningContentControl>
</UserControl>