aivfo-tl-3.0/ivf_tl_operate_2.0/ivf_tl_Operate/CustomUserControls/CustomControlPagination.xaml

<UserControl x:Class="ivf_tl_Operate.CustomUserControls.CustomControlPagination"
             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:customControl="clr-namespace:ivf_tl_CustomControls;assembly=ivf_tl_CustomControls_Surface"
             mc:Ignorable="d" 
             Width="1824">
    <UserControl.Resources>
        <VisualBrush x:Key="HelpBrush" TileMode="None" Stretch="None">
            <VisualBrush.Visual>
                <Border Width="184" Height="92" Background="White">
                    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="38" Foreground="#C7C7C7" Text="跳转到" />
                </Border>
            </VisualBrush.Visual>
        </VisualBrush>

        <PathFigureCollection x:Key="FirstPath">
            M16695.859,19854.273l-4.883,4.035-9.227,7.631,14.109,9.674
        </PathFigureCollection>

        <DrawingImage x:Key="FirstPathImageSource">
            <DrawingImage.Drawing>
                <GeometryDrawing Brush="Blue">
                    <GeometryDrawing.Geometry>
                        <PathGeometry FillRule="Nonzero"  Figures="{StaticResource FirstPath}" />
                    </GeometryDrawing.Geometry>
                </GeometryDrawing>
            </DrawingImage.Drawing>
        </DrawingImage>



        <SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/>
        <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/>
        <SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/>

        <Style x:Key="TextBoxStyle1" TargetType="{x:Type TextBox}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Border x:Name="border" CornerRadius="10"  Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True">
                            <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Opacity" TargetName="border" Value="0.56"/>
                            </Trigger>
                            <Trigger Property="Text" Value="">
                                <Setter Property="Background" TargetName="border">
                                    <Setter.Value>
                                        <VisualBrush TileMode="None" Stretch="None">
                                            <VisualBrush.Visual>
                                                <Border Width="184" Height="92" Background="White">
                                                    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="38" Foreground="#C7C7C7" Text="{DynamicResource C0274}" />
                                                </Border>
                                            </VisualBrush.Visual>
                                        </VisualBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                            <Trigger Property="Text" Value="{x:Null}">
                                <Setter Property="Background" TargetName="border">
                                    <Setter.Value>
                                        <VisualBrush TileMode="None" Stretch="None">
                                            <VisualBrush.Visual>
                                                <Border Width="184" Height="92" Background="White">
                                                    <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="38" Foreground="#C7C7C7" Text="跳转到" />
                                                </Border>
                                            </VisualBrush.Visual>
                                        </VisualBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/>
                        <Condition Property="IsSelectionActive" Value="false"/>
                    </MultiTrigger.Conditions>
                    <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/>
                </MultiTrigger>
            </Style.Triggers>
        </Style>

        <Style x:Key="FocusVisual">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Rectangle Margin="2" StrokeDashArray="1 2" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" SnapsToDevicePixels="true" StrokeThickness="1"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>
        <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>
        <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>
        <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>
        <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>
        <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>
        <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>
        <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>
        <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>
        <Style TargetType="{x:Type Button}">
            <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
            <Setter Property="Background" Value="{StaticResource Button.Static.Background}"/>
            <Setter Property="BorderBrush" Value="{StaticResource Button.Static.Border}"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border x:Name="border" CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true">
                            <!--<Image Source="{TemplateBinding }"/>-->
                            <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Background" TargetName="border" Value="#D9D9D9"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="FocusVisual2">
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate>
                        <Rectangle Margin="2" StrokeDashArray="1 2" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" SnapsToDevicePixels="true" StrokeThickness="1"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <SolidColorBrush x:Key="Item.MouseOver.Background1" Color="#1F26A0DA"/>
        <SolidColorBrush x:Key="Item.MouseOver.Border1" Color="#a826A0Da"/>
        <SolidColorBrush x:Key="Item.SelectedActive.Background1" Color="#3D26A0DA"/>
        <SolidColorBrush x:Key="Item.SelectedActive.Border1" Color="#FF26A0DA"/>
        <SolidColorBrush x:Key="Item.SelectedInactive.Background1" Color="#3DDADADA"/>
        <SolidColorBrush x:Key="Item.SelectedInactive.Border1" Color="#FFDADADA"/>
        <Style x:Key="ListBoxItemStyle2" TargetType="{x:Type ListBoxItem}">
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="Padding" Value="4,1"/>
            <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="BorderBrush" Value="Transparent"/>
            <Setter Property="BorderThickness" Value="0"/>
            <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual2}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListBoxItem}">
                        <Border x:Name="Bd" CornerRadius="10" Width="92" Height="92" Margin="30 0 0 0" Background="White" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="true">
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="TextElement.Foreground" TargetName="Bd" Value="White"/>
                                <Setter Property="Background" TargetName="Bd" Value="#4D75AC"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <SolidColorBrush x:Key="ListBox.Static.Background" Color="#FFFFFFFF"/>
        <SolidColorBrush x:Key="ListBox.Static.Border" Color="#FFABADB3"/>
        <SolidColorBrush x:Key="ListBox.Disabled.Background" Color="#FFFFFFFF"/>
        <SolidColorBrush x:Key="ListBox.Disabled.Border" Color="#FFD9D9D9"/>
        <Style x:Key="ListBoxStyle1" TargetType="{x:Type ListBox}">
            <Setter Property="Background" Value="{StaticResource ListBox.Static.Background}"/>
            <Setter Property="BorderBrush" Value="{StaticResource ListBox.Static.Border}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
            <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
            <Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
            <Setter Property="ScrollViewer.PanningMode" Value="Both"/>
            <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListBox}">
                        <Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="1" SnapsToDevicePixels="true">
                            <ScrollViewer x:Name="scroll"  Focusable="false" Padding="{TemplateBinding Padding}">
                                <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                            </ScrollViewer>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Background" TargetName="Bd" Value="{StaticResource ListBox.Disabled.Background}"/>
                                <Setter Property="BorderBrush" TargetName="Bd" Value="{StaticResource ListBox.Disabled.Border}"/>
                            </Trigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsGrouping" Value="true"/>
                                    <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="false"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="ScrollViewer.CanContentScroll" Value="false"/>
                            </MultiTrigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </UserControl.Resources>
    <Grid x:Name="grid" Visibility="Visible" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition Width="auto"/>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Column="0" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
            <customControl:ButtomSmallImage Click="FirstPage_Click" Background="White"  ButtomSmallImageCornerRadius="10" IconWidth="33" IconHeight="27"  Width="92" Height="92" Margin="0 0 30 0" Icon="/ivf_tl_Operate;component/Resources/Image/FirstPage.png" IsEnabledIcon="/ivf_tl_Operate;component/Resources/Image/FirstPageIsEnable.png">
                <customControl:ButtomSmallImage.IsEnabled>
                    <MultiBinding Mode="OneWay" Converter="{StaticResource ConvertButtonIsEnable}" ConverterParameter="1">
                        <Binding ElementName="pageListBox"  Path="SelectedIndex"/>
                        <Binding ElementName="pageListBox" Path="Items.Count"/>
                    </MultiBinding>
                </customControl:ButtomSmallImage.IsEnabled>
            </customControl:ButtomSmallImage>

            <!--<customControl:ButtonImage Click="FirstPage_Click" Background="White" CustomImageButtonCornerRadius="10" IconWidth="33" IconHeight="27"  Width="92" Height="92" Margin="0 0 30 0" Icon="/Image/FirstPage.png" IsEnabledIcon="/Image/FirstPageIsEnable.png">
                <local:CustomImageButton.IsEnabled>
                    <MultiBinding Mode="OneWay" Converter="{StaticResource ConvertButtonIsEnable}" ConverterParameter="1">
                        <Binding ElementName="pageListBox"  Path="SelectedIndex"/>
                        <Binding ElementName="pageListBox" Path="Items.Count"/>
                    </MultiBinding>
                </local:CustomImageButton.IsEnabled>
            </customControl:ButtonImage>-->

            <customControl:ButtomSmallImage Click="PreviousPage_Click" Background="White" ButtomSmallImageCornerRadius="10" IconWidth="19" IconHeight="27"  Width="92" Height="92" Margin="0 0 30 0" Icon="/ivf_tl_Operate;component/Resources/Image/PreviousPage.png" IsEnabledIcon="/ivf_tl_Operate;component/Resources/Image/PreviousPageIsEnable.png">
                <customControl:ButtomSmallImage.IsEnabled>
                    <MultiBinding Mode="OneWay" Converter="{StaticResource ConvertButtonIsEnable}" ConverterParameter="1">
                        <Binding ElementName="pageListBox"  Path="SelectedIndex"/>
                        <Binding ElementName="pageListBox" Path="Items.Count"/>
                    </MultiBinding>
                </customControl:ButtomSmallImage.IsEnabled>
            </customControl:ButtomSmallImage>
        </StackPanel>
        
        <StackPanel Grid.Column="1"  Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
            <ListBox Style="{DynamicResource ListBoxStyle1}" x:Name="pageListBox"  ScrollViewer.PanningMode="None" SelectionChanged="ListBox_SelectionChanged" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.HorizontalScrollBarVisibility="Disabled" MaxWidth="370" Foreground="#4D75AC" ItemContainerStyle="{StaticResource ListBoxItemStyle2}" FontSize="38" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Background="Transparent"  BorderThickness="0">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel Orientation="Horizontal"/>
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
                <!--<ListBoxItem>123</ListBoxItem>
                <ListBoxItem>123</ListBoxItem>
                <ListBoxItem>123</ListBoxItem>
                <ListBoxItem>123</ListBoxItem>
                <ListBoxItem>123</ListBoxItem>
                <ListBoxItem>123</ListBoxItem>-->
            </ListBox>
            <!--<Button Width="92" Height="92" Background="White"  Content="1"/>
            <Button Width="92" Height="92" Background="White" Margin="30 0 0 0" Content="2"/>
            <Button Width="92" Height="92" Background="White" Margin="30 0 0 0" Content="3"/>-->
        </StackPanel>

        
        <StackPanel Margin="30 0 0 0" Grid.Column="2" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center">
            <customControl:ButtomSmallImage Click="NextPage_Click" Background="White" ButtomSmallImageCornerRadius="10" IconWidth="19" IconHeight="27"  Width="92" Height="92" Margin="0 0 30 0" Icon="/ivf_tl_Operate;component/Resources/Image/NextPage.png" IsEnabledIcon="/ivf_tl_Operate;component/Resources/Image/NextPageIsEnable.png">
                <customControl:ButtomSmallImage.IsEnabled>
                    <MultiBinding Mode="OneWay" Converter="{StaticResource ConvertButtonIsEnable}" ConverterParameter="2">
                        <Binding ElementName="pageListBox"  Path="SelectedIndex"/>
                        <Binding ElementName="pageListBox" Path="Items.Count"/>
                    </MultiBinding>
                </customControl:ButtomSmallImage.IsEnabled>
            </customControl:ButtomSmallImage>
            <customControl:ButtomSmallImage Click="LastPage_Click" Background="White" ButtomSmallImageCornerRadius="10" IconWidth="33" IconHeight="27"  Width="92" Height="92" Margin="0 0 30 0" Icon="/ivf_tl_Operate;component/Resources/Image/LastPage.png" IsEnabledIcon="/ivf_tl_Operate;component/Resources/Image/LastPageIsEnable.png">
                <customControl:ButtomSmallImage.IsEnabled>
                    <MultiBinding Mode="OneWay" Converter="{StaticResource ConvertButtonIsEnable}" ConverterParameter="2">
                        <Binding ElementName="pageListBox"  Path="SelectedIndex"/>
                        <Binding ElementName="pageListBox" Path="Items.Count"/>
                    </MultiBinding>
                </customControl:ButtomSmallImage.IsEnabled>
            </customControl:ButtomSmallImage>

            <TextBox x:Name="jumpPage_TextBox" BorderThickness="0" Background="White"  FontSize="38" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"  Foreground="#C7C7C7" Style="{StaticResource TextBoxStyle1}" Width="184" Height="92" Margin="30 0 0 0"/>
            <Button Click="JumpPage_Click" Width="146"  Height="92" Margin="30 0 0 0"  Foreground="#4D75AC" FontSize="38" Background="White" BorderThickness="0" Content="{DynamicResource C0273}"/>
            <TextBlock x:Name="countPageText" Foreground="#9D9D9D" Margin="30 0 0 0" FontSize="38" Text="共23页" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </StackPanel>
    </Grid>
</UserControl>