WPF 自定义分页控件二

一：添加自定义分页控件，命名为KDataPagerTwo：

public class KDataPagerTwo : Control, INotifyPropertyChanged
    {
        static KDataPagerTwo()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(KDataPagerTwo), new FrameworkPropertyMetadata(typeof(KDataPagerTwo)));
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string propertyName)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
            if (propertyName == "PagerIndex")
            {
                if (PagerIndex != 0)
                    ChosenNumber();
            }
            else if (propertyName == "PagerTotal" || propertyName == "PagerSize")
                Refresh();
        }

        #region 变量定义
       public TextBox txt_Jump;
        public TextBlock txt_One;
        public TextBlock txt_Two;
        public TextBlock txt_Three;
        public TextBlock txt_Four;
        public TextBlock txt_Five;
        public TextBlock txt_Six;
        public TextBlock txt_Total;
        /// <summary>
        /// 首页
        /// </summary>
        public Image Img_HomePage;
        /// <summary>
        /// 上一页
        /// </summary>
        public Image Img_PreviousPage;
        /// <summary>
        /// 下一页
        /// </summary>
        public Image Img_NextPage;
        /// <summary>
        /// 尾页
        /// </summary>
        public Image Img_TailPage;
        /// <summary>
        /// 跳转按钮
        /// </summary>
        public Button btn_Ok;
        #endregion

        #region 依赖属性
        /// <summary>
        /// 页大小
        /// </summary>
        public int PagerSize
        {
            get { return (int)GetValue(PagerSizeProperty); }
            set { SetValue(PagerSizeProperty, value); OnPropertyChanged("PagerSize"); }
        }

        /// <summary>
        /// 当前页
        /// </summary>
        public int PagerIndex
        {
            get { return (int)GetValue(PagerIndexProperty); }
            set { SetValue(PagerIndexProperty, value); OnPropertyChanged("PagerIndex"); }
        }

        /// <summary>
        /// 总计录数
        /// </summary>
        public int PagerTotal
        {
            get { return (int)GetValue(PagerTotalProperty); }
            set { SetValue(PagerTotalProperty, value); OnPropertyChanged("PagerTotal"); }
        }

        /// <summary>
        /// 总页数
        /// </summary>
        public int PagerCount
        {
            get { return (int)GetValue(PagerCountProperty); }
            set { SetValue(PagerCountProperty, value); OnPropertyChanged("PagerCount"); }
        }

        //使用一个依赖属性作为PagerCount的后备存储器。这支持动画、样式、绑定等。
        public static readonly DependencyProperty PagerCountProperty =
            DependencyProperty.Register("PagerCount", typeof(int), typeof(KDataPagerTwo), new UIPropertyMetadata(15));

        //使用一个可靠的属性作为总的后备存储器。这支持动画、样式、绑定等
        public static readonly DependencyProperty PagerTotalProperty =
            DependencyProperty.Register("PagerTotal", typeof(int), typeof(KDataPagerTwo), new UIPropertyMetadata(150));


        //使用一个依赖属性作为PagerIndex的后备存储器。这支持动画、样式、绑定等。
        public static readonly DependencyProperty PagerIndexProperty =
            DependencyProperty.Register("PagerIndex", typeof(int), typeof(KDataPagerTwo), new UIPropertyMetadata(1));


        //使用一个依赖属性作为PagerSize的后备存储器。这支持动画、样式、绑定等。
        public static readonly DependencyProperty PagerSizeProperty =
            DependencyProperty.Register("PagerSize", typeof(int), typeof(KDataPagerTwo), new UIPropertyMetadata(10));
        #endregion 依赖属性_end

        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            Img_HomePage = GetTemplateChild("Img_HomePage") as Image;
            Img_PreviousPage = GetTemplateChild("Img_PreviousPage") as Image;
            Img_NextPage = GetTemplateChild("Img_NextPage") as Image;
            Img_TailPage = GetTemplateChild("Img_TailPage") as Image;
            btn_Ok = GetTemplateChild("btn_Ok") as Button;
            txt_Jump = GetTemplateChild("txt_Jump") as TextBox;

            txt_One = GetTemplateChild("txt_One") as TextBlock;
            txt_Two = GetTemplateChild("txt_Two") as TextBlock;
            txt_Three = GetTemplateChild("txt_Three") as TextBlock;
            txt_Four = GetTemplateChild("txt_Four") as TextBlock;
            txt_Five = GetTemplateChild("txt_Five") as TextBlock;
            txt_Six = GetTemplateChild("txt_Six") as TextBlock;
            txt_Total = GetTemplateChild("txt_Total") as TextBlock;
            // 绑定事件
            Img_HomePage.MouseLeftButtonUp += Img_HomePage_MouseLeftButtonUp;
            Img_PreviousPage.MouseLeftButtonUp += Img_PreviousPage_MouseLeftButtonUp;
            Img_NextPage.MouseLeftButtonUp += Img_NextPage_MouseLeftButtonUp;
            Img_TailPage.MouseLeftButtonUp += Img_TailPage_MouseLeftButtonUp;
            btn_Ok.Click += Btn_Ok_Click; ;
            txt_Jump.TextChanged += Txt_Jump_TextChanged;

            txt_One.MouseLeftButtonUp += Txt_MouseLeftButtonUp;
            txt_Two.MouseLeftButtonUp += Txt_MouseLeftButtonUp;
            txt_Three.MouseLeftButtonUp += Txt_MouseLeftButtonUp;
            txt_Four.MouseLeftButtonUp += Txt_MouseLeftButtonUp;
            txt_Five.MouseLeftButtonUp += Txt_MouseLeftButtonUp;
            txt_Six.MouseLeftButtonUp += Txt_MouseLeftButtonUp;
            //刷新页数
            Refresh();
        }

        /// <summary>
        /// 点击TextBlock事件
        /// </summary>
        private void Txt_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            if ((sender as TextBlock).Text.ToString() != "…")
                PagerIndex = int.Parse((sender as TextBlock).Text);
        }

        /// <summary>
        /// 只能输入数字
        /// </summary>
        private void Txt_Jump_TextChanged(object sender, TextChangedEventArgs e)
        {
            //屏蔽中文输入和非法字符粘贴输入
            TextBox textBox = sender as TextBox;
            TextChange[] change = new TextChange[e.Changes.Count];
            e.Changes.CopyTo(change, 0);
            int offset = change[0].Offset;
            if (change[0].AddedLength > 0)
            {
                double num = 0;
                if (!Double.TryParse(textBox.Text, out num))
                {
                    textBox.Text = textBox.Text.Remove(offset, change[0].AddedLength);
                    textBox.Select(offset, 0);
                }
            }
        }

        /// <summary>
        /// 跳转
        /// </summary>
        private void Btn_Ok_Click(object sender, RoutedEventArgs e)
        {
            int txt = int.Parse(txt_Jump.Text.ToString() == "" ? "0" : txt_Jump.Text.ToString());
            if (txt > 0 && txt <= PagerCount)
                PagerIndex = txt;
        }

        /// <summary>
        /// 首页
        /// </summary>
        private void Img_HomePage_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            PagerIndex = 1;
        }

        /// <summary>
        /// 尾页
        /// </summary>
        private void Img_TailPage_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            PagerIndex = PagerCount;
        }

        /// <summary>
        /// 上一页
        /// </summary>
        private void Img_PreviousPage_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            if (PagerIndex > 1)
                PagerIndex--;
        }

        /// <summary>
        /// 下一页
        /// </summary>
        private void Img_NextPage_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            if (PagerIndex < PagerCount)
                PagerIndex++;
        }

        #region 方法

        /// <summary>
        /// 选中数字的样式
        /// </summary>
        public void ChosenNumber()
        {
            if (PagerIndex > (PagerCount - 6))
            {
                ColorChanged(6 - (PagerCount - PagerIndex)); LatterNumberChanged(PagerCount);
            }
            else
            {
                ColorChanged(1);
                ForeFiveNumberChanged(PagerIndex);
                LatterTwo();
            }
        }

        SolidColorBrush ScbBlue = new SolidColorBrush((Color)ColorConverter.ConvertFromString("#193A57"));//蓝色
        SolidColorBrush ScbRed = new SolidColorBrush((Color)ColorConverter.ConvertFromString("#E92F2F"));//红色

        /// <summary>
        /// 当前页变为红色
        /// </summary>
        public void ColorChanged(int GOTO)
        {
            txt_One.Foreground = ScbBlue;
            txt_Two.Foreground = ScbBlue;
            txt_Three.Foreground = ScbBlue;
            txt_Four.Foreground = ScbBlue;
            txt_Five.Foreground = ScbBlue;
            txt_Six.Foreground = ScbBlue;
            switch (GOTO)
            {
                case 1:
                    goto GT1;
                case 2:
                    goto GT2;
                case 3:
                    goto GT3;
                case 4:
                    goto GT4;
                case 5:
                    goto GT5;
                case 6:
                    goto GT6;
            }
            GT1: txt_One.Foreground = ScbRed;
            return;
            GT2: txt_Two.Foreground = ScbRed;
            return;
            GT3: txt_Three.Foreground = ScbRed;
            return;
            GT4: txt_Four.Foreground = ScbRed;
            return;
            GT5: txt_Five.Foreground = ScbRed;
            return;
            GT6: txt_Six.Foreground = ScbRed;
        }

        /// <summary>
        /// 前四个数字变化
        /// </summary>
        /// <param name="InitialNumber">开始数字</param>
        public void ForeFiveNumberChanged(int InitialNumber)
        {
            txt_One.Text = InitialNumber.ToString();
            txt_Two.Text = (InitialNumber + 1).ToString();
            txt_Three.Text = (InitialNumber + 2).ToString();
            txt_Four.Text = (InitialNumber + 3).ToString();
        }

        /// <summary>
        /// 设置后两位数字
        /// </summary>
        public void LatterTwo()
        {
            txt_Six.Text = PagerCount.ToString();
            if (PagerCount > 6)
                txt_Five.Text = "…";
            else
                txt_Five.Text = (PagerCount - 1).ToString();
        }

        /// <summary>
        /// 数字从尾数开始变化
        /// </summary>
        /// <param name="Mantissa">尾数</param>
        public void LatterNumberChanged(int Mantissa)
        {
            txt_Six.Text = Mantissa.ToString();
            txt_Five.Text = (Mantissa - 1).ToString();
            txt_Four.Text = (Mantissa - 2).ToString();
            txt_Three.Text = (Mantissa - 3).ToString();
            txt_Two.Text = (Mantissa - 4).ToString();
            txt_One.Text = (Mantissa - 5).ToString();
        }

        /// <summary>
        /// 设置总页数
        /// </summary>
        public void SetPagerCount()
        {
            int pc = PagerTotal / PagerSize;
            if (PagerTotal % PagerSize == 0)
                PagerCount = pc;
            else
                PagerCount = pc + 1;
            if (PagerCount <= 6)
                CollapsedTXT(PagerCount);
            txt_Total.Text = PagerTotal.ToString();
        }

        /// <summary>
        /// 小于6页的隐藏部分控件
        /// </summary>
        /// <param name="CollapsedStartTXT">从第几个开始</param>
        public void CollapsedTXT(int CollapsedStartTXT)
        {
            switch (CollapsedStartTXT)
            {
                case 1:
                    goto CST1;
                case 2:
                    goto CST2;
                case 3:
                    goto CST3;
                case 4:
                    goto CST4;
                case 5:
                    goto CST5;
            }
            return;
            CST1: txt_Two.Visibility = Visibility.Collapsed;
            CST2: txt_Three.Visibility = Visibility.Collapsed;
            CST3: txt_Four.Visibility = Visibility.Collapsed;
            CST4: txt_Five.Visibility = Visibility.Collapsed;
            CST5: txt_Six.Visibility = Visibility.Collapsed;
        }

        /// <summary>
        /// 刷新
        /// </summary>
        public void Refresh()
        {
            SetPagerCount();
            ForeFiveNumberChanged(PagerIndex);
            ColorChanged(PagerIndex);
            LatterTwo();
        }
        #endregion
    }

二：定义资源字典文件，命名为DataPagerTwo:

说明：local:KImgButton，这个也是一个自定义控件，可以改成Button控件也没有问题

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:BaseControl"
                    >
    <Style TargetType="Image" x:Key="Img_Size" >
        <Setter Property="Width" Value="14"/>
        <Setter Property="Height" Value="14"/>
    </Style>
    <Style TargetType="TextBlock" x:Key="Txt_Root">
        <Setter Property="FontFamily" Value="新宋体"></Setter>
        <Setter Property="FontSize" Value="14"></Setter>
        <Setter Property="VerticalAlignment" Value="Center"></Setter>
        <Setter Property="Foreground" Value="#193A57"></Setter>
    </Style>
    <Style TargetType="TextBlock" x:Key="Txt_Side" BasedOn="{StaticResource Txt_Root}">
        <Setter Property="Foreground" Value="#193A57"></Setter>
        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
    </Style>
    <Style TargetType="TextBlock" x:Key="Txt_Margin" BasedOn="{StaticResource Txt_Root}">
        <Setter Property="Margin" Value="4"/>
        <Setter Property="Cursor" Value="Hand"></Setter>
    </Style>
    <Style TargetType="local:KImgButton">
        <Setter Property="IsEnabled" Value="True"></Setter>
        <Setter Property="CornerRadius" Value="2"></Setter>
        <Setter Property="FIconSize" Value="0"></Setter>
    </Style>
    <Style TargetType="{x:Type local:KDataPagerTwo}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:KDataPagerTwo}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <StackPanel Orientation="Horizontal" Margin="10,0">
                            <TextBlock Style="{StaticResource Txt_Side}" Text="共"></TextBlock>
                            <TextBlock Style="{StaticResource Txt_Side}" Text="0" Margin="5,0"  x:Name="txt_Total"></TextBlock>
                            <TextBlock Style="{StaticResource Txt_Side}" Text="条数据。"></TextBlock>
                        </StackPanel>
                        <StackPanel Orientation="Horizontal" Grid.Column="1" x:Name="Stack_Control" HorizontalAlignment="Right" Margin="10,0">
                            <Image x:Name="Img_HomePage" Source="/BaseControl;component/Images/DataPagerImages/First.png" Margin="5,0" Style="{ StaticResource Img_Size}" Cursor="Hand"/>
                            <Image x:Name="Img_PreviousPage" Source="/BaseControl;component/Images/DataPagerImages/prev.png" Style="{ StaticResource Img_Size}" Cursor="Hand"/>

                            <TextBlock  x:Name="txt_One" Text="1" Style="{StaticResource Txt_Margin}"/>
                            <TextBlock  x:Name="txt_Two" Text="2" Style="{StaticResource Txt_Margin}"/>
                            <TextBlock  x:Name="txt_Three" Text="3" Style="{StaticResource Txt_Margin}"/>
                            <TextBlock  x:Name="txt_Four" Text="4" Style="{StaticResource Txt_Margin}"/>
                            <TextBlock  x:Name="txt_Five" Text="●●●" Style="{StaticResource Txt_Margin}"/>
                            <TextBlock  x:Name="txt_Six" Text="10" Style="{StaticResource Txt_Margin}"/>

                            <Image x:Name="Img_NextPage" Source="/BaseControl;component/Images/DataPagerImages/Next.png" Style="{ StaticResource Img_Size}" Cursor="Hand"/>
                            <Image x:Name="Img_TailPage" Source="/BaseControl;component/Images/DataPagerImages/Last.png" Margin="5,0,20,0"  Style="{ StaticResource Img_Size}" Cursor="Hand"/>

                            <TextBlock Text="到第" Style="{StaticResource Txt_Root}" Margin="-5,5,5,5"></TextBlock>

                            <Border Margin="0,5,5,5" Background="#4081D1" BorderBrush="#4081D1" Width="19" Height="19"> 
                                <TextBox x:Name="txt_Jump" FontFamily="微软雅黑" VerticalContentAlignment="Center" VerticalAlignment="Center" HorizontalContentAlignment="Center" HorizontalAlignment="Center" FontSize="12" Width="17" Height="17" BorderThickness="0"/>
                            </Border>

                            <TextBlock Text="页" Style="{StaticResource Txt_Root}" Margin="0,0,20,0"></TextBlock>

                            <local:KImgButton x:Name="btn_Ok" FontFamily="新宋体" FontSize="14" Content="跳转" Height="20" Width="50" Background="#4081D1" Margin="-10,0,0,0"/>
                        </StackPanel>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

三：在Generic中引用资源字典文件：

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/BaseControl;component/Themes/DataPagerTwo.xaml" />
    </ResourceDictionary.MergedDictionaries>

四：将Generic中下面代码删除：

<Style TargetType="{x:Type local:KDataPagerTwo}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:KDataPagerTwo}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

五：现在就可以用了，用法：

先引用：

再添加：

 六：后台PropertyChanged事件代码（当前页数发生变化，就可以根据DataPager.PagerIndex传入分页方法）：

        /// <summary>
        /// 当某一属性值发生改变事件
        /// </summary>
        private void DataPager_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
        {
            //分页方法（根据需要可以写成其他分页方法）
　　　　　　　//DataPager.PagerIndex--当前页，DataPager.PagerSize--每页记录数
            datagrid1.ItemsSource = TL.ToList().Skip((DataPager.PagerIndex - 1) * DataPager.PagerSize).Take(DataPager.PagerSize).ToList();
        }