HandyControl/src/Shared/HandyControlDemo_Shared/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:hc="https://handyorg.github.io/handycontrol"
             xmlns:langs="clr-namespace:HandyControlDemo.Properties.Langs"
             DataContext="{Binding CoverView,Source={StaticResource Locator}}"
             Background="{DynamicResource RegionBrush}">
    <hc:TransitioningContentControl>
        <hc:CoverView Margin="27" Width="880" Height="432" ItemWidth="160" ItemHeight="160" ItemsSource="{Binding DataList}">
            <hc:CoverView.ItemHeaderTemplate>
                <DataTemplate>
                    <Image Source="{Binding ImgPath}"/>
                </DataTemplate>
            </hc:CoverView.ItemHeaderTemplate>
            <hc: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>
            </hc:CoverView.ItemTemplate>
        </hc:CoverView>
    </hc:TransitioningContentControl>
</UserControl>