aivfo-tl-3.0/aivfo-front-manament-2.0/ivf_tl_Manage/UserControls/PicUserControl.xaml

<UserControl x:Class="ivf_tl_Manage.UserControls.PicUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:ivf_tl_Manage.UserControls"
             mc:Ignorable="d" 
             xmlns:customControl="clr-namespace:ivf_tl_CustomControls;assembly=ivf_tl_CustomControls_PC"
             FontFamily="{StaticResource sourceHan}"
             x:Name="_PicUserControl"
             >
    <Border  x:Name="templateRoot" SnapsToDevicePixels="True" Width="270" Height="302" Background="#DDDDDD" CornerRadius="14">
        <Canvas  Background="Transparent" Width="270" Height="302" SnapsToDevicePixels="True" Focusable="False">
            <Image Canvas.Left="15" Canvas.Top="15"  Width="240" Height="240" SnapsToDevicePixels="True" Focusable="False"
                                       Source="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/PicLoadIcon.png"/>
            <TextBlock Width="270" TextAlignment="Center" Canvas.Top="165" FontWeight="Medium" Foreground="#9B9B9B" FontSize="18" Text="{DynamicResource 0497}"/>
            <Image Source="{Binding ElementName=_PicUserControl,Path=ImageSourceUrl}" Canvas.Left="15" Canvas.Top="15" Width="240" Height="240" SnapsToDevicePixels="True" Focusable="False">
                <Image.Clip>
                    <RectangleGeometry Rect="0,0,240,240" RadiusX="14" RadiusY="14"/>
                </Image.Clip>
            </Image>
            <Border   Width="270" Canvas.Top="255" Height="47" Background="Transparent" SnapsToDevicePixels="True" Focusable="False">
                <TextBlock FontWeight="Medium" Foreground="#4D4D4D" FontSize="18"  Background="Transparent"  HorizontalAlignment="Center" VerticalAlignment="Center" SnapsToDevicePixels="True" Focusable="False"
                           Text="{Binding ElementName=_PicUserControl,Path=ImageInfoString}"/>
            </Border>
            <Rectangle  RadiusX="14" RadiusY="14" Width="270" Height="302" Fill="Black" Opacity="0.4"
                      Visibility="{Binding ElementName=_check,Path=IsChecked,Converter={StaticResource BooleanToVisibilityConverter}}"/>
            
            <TextBlock Canvas.Left="25" Canvas.Top="22" FontWeight="Medium" Foreground="White" FontSize="18"  Background="Transparent"  HorizontalAlignment="Center" VerticalAlignment="Center" SnapsToDevicePixels="True" Focusable="False"
                       Text="{Binding ElementName=_PicUserControl,Path=SelectedNum}"
                       Visibility="{Binding ElementName=_check,Path=IsChecked,Converter={StaticResource BooleanToVisibilityConverter}}"/>
            <customControl:CheckBoxContent x:Name="_check" IsChecked="{Binding ElementName=_PicUserControl,Path=IsSelected}" Canvas.Left="221" Canvas.Top="25" Width="24" Height="24"
                                           CheckImageSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/PicSelectedIcon.png">
                <customControl:CheckBoxContent.Content>
                    <Ellipse Width="24" Height="24" StrokeThickness="2" Stroke="#BFBFBF" Fill="Transparent" SnapsToDevicePixels="True" Focusable="False"/>
                </customControl:CheckBoxContent.Content>
            </customControl:CheckBoxContent>
        </Canvas>
    </Border>
</UserControl>