aivfo-tl-3.0/aivfo-front-manament-2.0/ivf_tl_Manage/Win/PhotoWindowNew.xaml

<Window x:Class="ivf_tl_Manage.Win.PhotoWindowNew"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ivf_tl_Manage.Win"
         xmlns:customControl="clr-namespace:ivf_tl_CustomControls;assembly=ivf_tl_CustomControls_PC"
        mc:Ignorable="d"
        FontFamily="{StaticResource sourceHan}"
        WindowStyle="None"
        ShowInTaskbar="False"
        WindowStartupLocation="CenterOwner"
        Background="Transparent"
        AllowsTransparency="True"
        Height="994"
        x:Name="_PhotoWindowNew">
    <Grid >
        <Grid.RowDefinitions>
            <RowDefinition Height="784"/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Canvas Width="808" Height="784" >
            <Canvas.Background>
                <ImageBrush ImageSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/BigImageBackground1.png"/>
            </Canvas.Background>
            <Image Canvas.Left="114" Canvas.Top="114" Width="580" Height="580" Source="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/PicLoadIcon.png">
                <Image.Clip>
                    <RectangleGeometry Rect="0,0,580,580" RadiusX="14" RadiusY="14"/>
                </Image.Clip>
            </Image>
            <Canvas Canvas.Left="114" Canvas.Top="114" Width="580" Height="580" ClipToBounds="True">
                <Image x:Name="image" Width="580" Height="580"  Cursor="Hand"
                   Source="{Binding ElementName=_PhotoWindowNew,Path=CurrentPhoto.Url}">
                    <Image.Clip>
                        <RectangleGeometry Rect="0,0,580,580" RadiusX="14" RadiusY="14"/>
                    </Image.Clip>
                    <Image.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Image.RenderTransform>
                </Image>
            </Canvas>
            <customControl:ButtonImage Canvas.Left="50" Canvas.Top="50"  Width="34" Height="34" Click="ZoomMax_Click" IconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/zoomMax.png" MouseOverIconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/zoomMaxMouseOver.png"/>
            <customControl:ButtonImage Canvas.Left="114" Canvas.Top="50"  Width="34" Height="34" Click="ZoomMin_Click" IconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/zoomMin.png" MouseOverIconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/zoomMinMouseOver.png"/>
            <customControl:ButtonImage Canvas.Left="178" Canvas.Top="50"  Width="34" Height="34" Click="Export_Click" IconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/exportPic.png" MouseOverIconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/exportPicMouseOver.png"/>
            <customControl:ButtonImage  Canvas.Left="740" Canvas.Top="50" Width="28" Height="28" Click="Close_Click" IsCancel="True" IconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/CloseGrayIcon.png" MouseOverIconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/CloseBlueIcon.png"/>
            <customControl:ButtonImageWH x:Name="_prePic_Button" Canvas.Left="24" Canvas.Top="114" Width="90" Height="640" IconWidth="34" IconHeight="88" Click="PreButton_Click" MouseOverIconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/PrePicMouseOverIcon.png" IconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/PrePicIcon.png" Background="Transparent"/>
            <customControl:ButtonImageWH x:Name="_nextPic_Button" Canvas.Left="694" Canvas.Top="114" Width="90" Height="640" IconWidth="34" IconHeight="88" Click="NextButton_Click" IconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/NextPicIcon.png" MouseOverIconSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/NextPicMouseOverIcon.png" Background="Transparent"/>
        </Canvas>
        <Grid Grid.Row="1" Height="220" Margin="0 -10 0 0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="38"/>
                <ColumnDefinition />
                <ColumnDefinition Width="38"/>
            </Grid.ColumnDefinitions>
            <Image Grid.Column="0" Width="38" Height="220" Source="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/BigImageBackground2Left.png"/>
            <Grid Grid.Column="1">
                <Grid.Background>
                    <ImageBrush ImageSource="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/BigImageBackground1Center.png"/>
                </Grid.Background>
                <ListBox  ScrollViewer.CanContentScroll="True" BorderThickness="0" VirtualizingStackPanel.IsVirtualizing="True" Background="Transparent"  MaxWidth="1312" x:Name="listBox" ScrollViewer.IsDeferredScrollingEnabled="True" SelectedItem="{Binding ElementName=_PhotoWindowNew,Path=CurrentPhoto}"  PreviewMouseWheel="listBox_PreviewMouseWheel"  Style="{StaticResource ListBoxStyleBigImage}" SelectionChanged="listBox_SelectionChanged" VirtualizingStackPanel.VirtualizationMode="Recycling" ManipulationBoundaryFeedback="ListBox_ManipulationBoundaryFeedback"/>
            </Grid>
            <Image Grid.Column="2" Width="38" Height="220" Source="pack://application:,,,/ivf_tl_Manage;component/Resources/Images/BigImageBackground1Right.png"/>
        </Grid>
    </Grid>
</Window>