WPF控件开发之自定义控件

[WPF ⾃定义控件]从ContentControl 开始⼊门⾃定义控件1. 前⾔我去年写过⼀个在UWP ⾃定义控件的，⼤部分的经验都可以⽤在WPF 中（只有⼀点⼩区别）。

这篇⽂章的⽬的是快速⼊门⾃定义控件的开发，所以尽量精简了篇幅，更深⼊的概念在以后介绍各控件的⽂章中实际运⽤到才介绍。

是WPF 中最基础的⼀种控件，Window 、Button 、ScrollViewer 、Label 、ListBoxItem 等都继承⾃ContentControl 。

⽽且ContentControl 的结构⼗分简单，很适合⽤来⼊门⾃定义控件。

这篇⽂章通过⾃定义⼀个ContentControl 来介绍⾃定义控件的⼀些基础概念，包括⾃定义控件的基本步骤及其组成。

2. 什么是⾃定义控件在开始之前⾸先要了解什么是⾃定义控件以及为什么要⽤⾃定义控件。

在WPF 要创建⾃⼰的控件（Control ），通常可以使⽤⾃定义控件（CustomControl ）或⽤户控件（UserControl ），两者最⼤的区别是前者可以通过对控件的外观灵活地进⾏定制。

如在下⾯的例⼦中，通过ControlTemplate 将Button改成⼀个圆形按钮：控件库中通常使⽤⾃定义控件⽽不是⽤户控件。

3. 创建⾃定义控件ContentControl 最简单的派⽣类应该是HeaderedContentControl 了吧，这篇⽂章会创建⼀个模仿HeaderedContentControl 的MyHeaderedContentControl ，它继承⾃ContentControl 并添加了⼀些细节。

在“添加新项”对话框选择“⾃定义控件（WPF ）”，名称改为"MyHeaderedContentControl.cs"（⽤My-做前缀是⼗分差劲的命名⽅式，但只要⼀看到这种命名就明⽩这是个测试⽤的东西，不会和正规代码搞错，所以我习惯了测试⽤代码就这样命名。

简单易学图文并茂创作控件自己创作控件，分三种主要的形式：复合控件，扩展控件，和自定义控件。

复合控件，顾名思义就是把现有的进行组合，让它们协作形成功能强大的新控件；扩展控件，是以某一现有控件为基础，让它具有新的功能；自定义控件，则是由作者完全操刀，建立一个全新的控件。

可以用一个比喻来理解这三种形式的区别：复合控件，就是你买好各个电脑配件，组装成一台电脑；扩展控件，就是把显卡上的零件更换几个，让它能力比标准产品更强大；自定义控件，就是自己制作一个名为“生人勿近”的硬件，他可以通过PCI插槽，安装到电脑上，一旦生人走近，它能识别并发出狗叫……综上，三种形式中，复合控件相对来说是最简单的；扩展控件在其次；自定义控件最难。

通常，我们使用前两种技术，就能创作出很复杂的控件了。

范例1：Excel的单元格Cell，当它没有焦点的时候，就是一个TextBlock，当它获得焦点，可以编辑的时候，就是一个TextBox框。

这样一个控件，将是我们今后制作表格控件的基础。

范例1中，我们会用到两种技术，复合控件和扩展控件。

在VS中，要进行如下的工作（推荐使用VS2010）1.新建一个Solution，名为Cell；2.添加一个名为“TestAPP”的WFP项目。

我们用他来测试成果；3.添加一个名为“Ctrl_Cell”的WFP用户控件项目。

然后，我们需要一个TextBlock，和一个TextBox控件，这是我们的演员。

考虑一下它们应该怎样演出，才能达到我们需要的效果：●平时这个控件，应该表现出TextBlock的外观；●当我们点击这个Label时，隐藏的TextBox控件跑到TextBlock的前面，并且它显示的值和TextBlock一样。

同时，这个值是可以编辑的；●编辑完TextBox的内容，按下Enter，或者点击屏幕上的其他控件，让TextBox失去焦点，TextBox消失。

TextBlock跑到前面来，并且显示编辑后的内容。

该控件叫 Sum m a‎r y, 主要是一些‎汇总信息的‎显示，有几个地方‎用，之前都是分‎散到各个X‎A ML 文件‎里，不统一。

本人WPF‎新手，对XAML‎了解不多，做这个软件‎基本上都是‎用CM，界面布局用‎Avalo‎n Dock‎。

由于缺乏相‎关经验，又没有一个‎能问得上的‎人指导，写这个控件‎费了我很长‎时间（啥时有空啥‎时动动）。

之前主要做‎一些功能方‎面的，没有心思美‎化界面，现在虽然还‎有很多功能‎没写，但是基本上‎够自己用了‎，放下心思来‎做一些界面‎上的东西，要不然何苦‎选择WPF‎？先看一下图‎：该Cust‎o m Con‎t rol 由4部分组‎成：大标题，小标题，值及Detai‎l。

虽然细分这‎么多，但实质上还‎是一个列表‎类的控件，所以选择继‎承自 Item s‎C ontr‎o l.做这个控件‎的时候，遇到了一些‎详细的问题‎不知道怎么‎解决，Googl‎e/Bing 都没有找到‎我要了解的‎，Baidu‎更不用提了‎，漫天的转载‎，Copy.1, 类似 Com bo‎B ox 的 Displ‎a yMem‎b erPa‎t h 如何弄？既然都自定‎控件了，当然是想让‎它适用不同‎场景，不能局限于‎某一个实体‎类，最好是能像‎Displ‎a yMem‎b erPa‎t h Value‎M em be‎r Path‎这样的属性‎。

这里，我定义了：Item T‎i tleP‎a thPr‎o pert‎y及 Item V‎a lueP‎a thPr‎o pert‎y来处理。

2，有了上面两‎个依赖属性‎，但是还不足‎以处理更多‎的场景，最好是能有‎不同的 Tem pl‎a te 。

这里我定义‎了：Title‎T em pl‎a te / Value‎T em pl‎a te及D‎e tail‎T em pl‎a te.第一个问题‎，只需定义一‎个简单的 DataT‎e m pla‎t e ，然后用 Tem pl‎a teBi‎n ding‎即可做到。

WPF⾃定义TabControl控件样式⼀、前⾔程序中经常会⽤到TabControl控件，默认的控件样式很普通。

⽽且样式或功能不⼀定符合我们的要求。

⽐如：我们需要TabControl的标题能够居中、或平均分布；或者我们希望TabControl的标题能够进⾏关闭。

要实现这些功能我们需要对TabControl的样式进⾏定义。

⼆、实现TabControl的标题平均分布默认的TabControl标题是使⽤TabPanel容器包含的。

要想实现TabControl标题头平均分布，需要把TabPanel替换成UniformGrid；替换后的TabControl样式如下：<Style x:Key="TabControlStyle" TargetType="{x:Type TabControl}"><Setter Property="Padding" Value="2"/><Setter Property="HorizontalContentAlignment" Value="Center"/><Setter Property="VerticalContentAlignment" Value="Center"/><Setter Property="Background" Value="White"/><Setter Property="BorderBrush" Value="#FFACACAC"/><Setter Property="BorderThickness" Value="1"/><Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type TabControl}"><Grid x:Name="templateRoot" ClipToBounds="True" SnapsToDevicePixels="True" KeyboardNavigation.TabNavigation="Local"><Grid.ColumnDefinitions><ColumnDefinition x:Name="ColumnDefinition0"/><ColumnDefinition x:Name="ColumnDefinition1" Width="0"/></Grid.ColumnDefinitions><Grid.RowDefinitions><RowDefinition x:Name="RowDefinition0" Height="Auto"/><RowDefinition x:Name="RowDefinition1" Height="*"/></Grid.RowDefinitions><UniformGrid x:Name="HeaderPanel" Rows="1" Background="Transparent" Grid.Column="0" IsItemsHost="True" Margin="0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex<Line X1="0" X2="{Binding ActualWidth, RelativeSource={RelativeSource Self}}" Stroke="White" StrokeThickness="0.1" VerticalAlignment="Bottom" Margin="0 0 0 1" SnapsToDevicePixels="True"<Border x:Name="ContentPanel" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column<ContentPresenter x:Name="PART_SelectedContentHost" ContentTemplate="{TemplateBinding SelectedContentTemplate}" Content="{TemplateBinding SelectedContent}" ContentStringFormat</Border></Grid><ControlTemplate.Triggers><Trigger Property="TabStripPlacement" Value="Bottom"><Setter Property="Grid.Row" TargetName="HeaderPanel" Value="1"/><Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/><Setter Property="Height" TargetName="RowDefinition0" Value="*"/><Setter Property="Height" TargetName="RowDefinition1" Value="Auto"/></Trigger><Trigger Property="TabStripPlacement" Value="Left"><Setter Property="Grid.Row" TargetName="HeaderPanel" Value="0"/><Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/><Setter Property="Grid.Column" TargetName="HeaderPanel" Value="0"/><Setter Property="Grid.Column" TargetName="ContentPanel" Value="1"/><Setter Property="Width" TargetName="ColumnDefinition0" Value="Auto"/><Setter Property="Width" TargetName="ColumnDefinition1" Value="*"/><Setter Property="Height" TargetName="RowDefinition0" Value="*"/><Setter Property="Height" TargetName="RowDefinition1" Value="0"/></Trigger><Trigger Property="TabStripPlacement" Value="Right"><Setter Property="Grid.Row" TargetName="HeaderPanel" Value="0"/><Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/><Setter Property="Grid.Column" TargetName="HeaderPanel" Value="1"/><Setter Property="Grid.Column" TargetName="ContentPanel" Value="0"/><Setter Property="Width" TargetName="ColumnDefinition0" Value="*"/><Setter Property="Width" TargetName="ColumnDefinition1" Value="Auto"/><Setter Property="Height" TargetName="RowDefinition0" Value="*"/><Setter Property="Height" TargetName="RowDefinition1" Value="0"/></Trigger><Trigger Property="IsEnabled" Value="False"><Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter></Style>即使这样设置了，TabControl的标题还是很丑，这个时候就需要通过设置TabItem来更改标题样式了。

简单易学图文并茂创作控件自己创作控件，分三种主要的形式：复合控件，扩展控件，和自定义控件。

复合控件，顾名思义就是把现有的进行组合，让它们协作形成功能强大的新控件；扩展控件，是以某一现有控件为基础，让它具有新的功能；自定义控件，则是由作者完全操刀，建立一个全新的控件。

可以用一个比喻来理解这三种形式的区别：复合控件，就是你买好各个电脑配件，组装成一台电脑；扩展控件，就是把显卡上的零件更换几个，让它能力比标准产品更强大；自定义控件，就是自己制作一个名为“生人勿近”的硬件，他可以通过PCI插槽，安装到电脑上，一旦生人走近，它能识别并发出狗叫……综上，三种形式中，复合控件相对来说是最简单的；扩展控件在其次；自定义控件最难。

通常，我们使用前两种技术，就能创作出很复杂的控件了。

范例1：Excel的单元格Cell，当它没有焦点的时候，就是一个TextBlock，当它获得焦点，可以编辑的时候，就是一个TextBox框。

这样一个控件，将是我们今后制作表格控件的基础。

范例1中，我们会用到两种技术，复合控件和扩展控件。

在VS中，要进行如下的工作（推荐使用VS2010）1.新建一个Solution，名为Cell；2.添加一个名为“TestAPP”的WFP项目。

我们用他来测试成果；3.添加一个名为“Ctrl_Cell”的WFP用户控件项目。

然后，我们需要一个TextBlock，和一个TextBox控件，这是我们的演员。

考虑一下它们应该怎样演出，才能达到我们需要的效果：●平时这个控件，应该表现出TextBlock的外观；●当我们点击这个Label时，隐藏的TextBox控件跑到TextBlock的前面，并且它显示的值和TextBlock一样。

同时，这个值是可以编辑的；●编辑完TextBox的内容，按下Enter，或者点击屏幕上的其他控件，让TextBox失去焦点，TextBox消失。

TextBlock跑到前面来，并且显示编辑后的内容。

WPF⾃定义控件与样式-⾃定义按钮（Button）⼀、前⾔程序界⾯上的按钮多种多样，常⽤的就这⼏种：普通按钮、图标按钮、⽂字按钮、图⽚⽂字混合按钮。

本⽂章记录了不同样式类型的按钮实现⽅法。

⼆、固定样式的按钮固定样式的按钮⼀般在临时使⽤时或程序的样式⽐较固定时才会使⽤，按钮整体样式不需要做⼤的改动。

2.1 普通按钮-扁平化风格先看效果：定义Button的样式，详见代码：<Style x:Key="BtnInfoStyle" TargetType="Button"><Setter Property="Width" Value="70"/><Setter Property="Height" Value="25"/><Setter Property="Foreground" Value="White"/><Setter Property="BorderThickness" Value="0"/><Setter Property="Background" Value="#43a9c7"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="Button"><Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels <TextBlock Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" VerticalAlignment="Center" HorizontalAlignment="Center"/></Border><ControlTemplate.Triggers><Trigger Property="IsMouseOver" Value="True"><Setter TargetName="border" Property="Background" Value="#2f96b4"/></Trigger><Trigger Property="IsPressed" Value="True"><Setter TargetName="border" Property="Background" Value="#2a89a4"/></Trigger></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter></Style>引⽤⽅法：<Grid Background="White"><StackPanel Orientation="Horizontal" Margin="10" VerticalAlignment="Top"><Button Style="{StaticResource BtnInfoStyle}" Content="信息" Margin="5 0"/></Grid>上述代码实现了Button按钮的扁平化样式，如果你想调整颜⾊风格，通过修改Background的值可实现默认颜⾊，⿏标经过颜⾊以及⿏标按下颜⾊。

WPF使⽤Winform⾃定义控件在WPF的⽤户控件中使⽤Winfrom⾃定义控件的过程：1、添加引⽤WindowsFormsIntegration.dllSystem.Windows.Forms.dll2、在要使⽤WinForm控件的WPF窗体的XAML⽂件中添加如下内容：xmlns:wf="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"xmlns:wfi ="clr-namespace:System.Windows.Forms.Integration;assembly=WindowsFormsIntegration"如下图所⽰：3、在WPF的容器控件内如StackPanel内⾸先要添加WinForm控件的宿主容器，⽤于衔接WPF和WinForm，对应XAML如下：说明：<wfi:WindowsFormsHost></wfi:WindowsFormsHost>即为WinForm控件的宿主容器，每⼀个宿主容器只能放⼀个WinForm控件，如下例，放了三个WinForm控件，分别放在三个宿主容器⾥⾯，该容器可以设置属性来调整⼤⼩和布局注意：如上我添加的WinForm控件如在指定其Name时，必须加前缀x:，如添加Lable时<wf:Label x:Name="wpfLabel" Text="我是WPF中的WinForm控件” />，否则后台代码⽆法访问。

<local:UserControl1 Name="Header" Width="319" Height="30"></local:UserControl1>这个为Winform⾃定义控件。

.Net WInform开发笔记(三)谈谈自制控件(自定义控件)自定义控件的出现有利于用户更好的实现自己的想法，可以封装一些常用的方法，属性等等，本文详细介绍一下自定义控件的实现，感兴趣的朋友可以了解下末日这天写篇博客吧，既然没来，那就纪念一下。

这次谈谈自制控件，也就是自定义控件，先上图，再说1.扩展OpenFileDialog，在OpenFileDialog中添加各种文件（.txt,.jpg,.excel等等）的预览功能2.重写ListBox，增加折叠、鼠标背影、分类等功能-----------------------------分割线--------------------------------------------------------------一、扩展OpenFileDialog许多软件的打开对话框都有预览功能，最常见的就是图片预览，用鼠标选择一个图片文件后，右侧或者下侧就会有该图片的缩略图（photoshop中属于后者）。

在winform编程中，有专门的打开文件对话框的类O penFileDialog，但是他不提供文件预览功能，封装得实在太好。

看看它公开那些接口提到扩展，很多人可能想到继承它就可以扩展它，可惜OpenFileDialog声明为sealed，不允许从他继承。

稍微底层一点的，想到可以通过Win32 API来修改它的显示方式，只可惜，如你所见，它根本没提供Handle 属性，更别说HandleCreated、HandleDestroyed等事件了。

那么怎么样子搞呢？其实答案还是通过Win32 API，只是我们取得它的句柄的方式要复杂一点而且调用API的时机隐晦了一点。

提示：1.Win32 API操作窗体需要知道窗体的句柄；2.不熟悉Win32编程的同学可以先上网查查资料，特别是不知道SetParent、SetWindowPos等API是干嘛的，我觉得以下的看不懂。

为什么说取得它的句柄复杂了一点？难道不是用“FindWindow”、“FindWindowEx”、“EnumChildWindows”等获取OpenFileDialog的句柄，再用“SetParent”、“SetWindowPos”等API将.net控件（本例中是DataGri dView控件，当然可以使其他任何一种）添加到OpenFileDialog中去？没错，以上列举出来的API都是基本要用到的，“只是用在什么地方、什么时候用”是个比较麻烦的问题，原因如下：1）我们知道OpenfileDialog显示的是模式对话框，也就是说，一旦它ShowDialog（），它以下的代码是不会再执行的，具体原因是什么（我以后的博客会专门讲为什么），你现在可以理解为OpenFileDialog()方法会阻塞调用线程，既然阻塞了调用线程，那么我们再无法控制程序了（直到它返回），根本谈不上再调用API获取OpenFileDialog的句柄然后去操作它。

wpf⾃定义控件（包含依赖属性以及事件）创建了这个依赖属性，就可以直接在对应的控件中使⽤了，就像是button中⼀开始就内置的width等属性⼀样，这个在设计⾃定义控件的时候⽤的尤其多下⾯讲的是⾃定义分页控件代码：<UserControl x:Class="WPFDataGridPaging.Pager"xmlns="/winfx/2006/xaml/presentation"xmlns:x="/winfx/2006/xaml"xmlns:mc="/markup-compatibility/2006"xmlns:d="/expression/blend/2008"xmlns:local="clr-namespace:WPFDataGridPaging"mc:Ignorable="d"d:DesignHeight="30" d:DesignWidth="220"><UserControl.Resources><Style TargetType="{x:Type Button}"><Setter Property="Width" Value="22"/><Setter Property="Height" Value="22"/></Style></UserControl.Resources><Grid><StackPanel Orientation="Horizontal"><Button x:Name="FirstPageButton" Margin="5,0" Click="FirstPageButton_Click"><Path Width="7" Height="10" Data="M0,0L0,10 M0,5L6,2 6,8 0,5" Stroke="Black" StrokeThickness="1"Fill="Black" VerticalAlignment="Center" HorizontalAlignment="Center"/></Button><Button x:Name="PreviousPageButton" Margin="0,0,5,0" Click="PreviousPageButton_Click"><Path Width="8" Height="8" Data="M0,4L8,0 8,8z" Stroke="Black" Fill="Black" VerticalAlignment="Center" HorizontalAlignment="Center"/></Button><TextBlock VerticalAlignment="Center"><Run Text="第"/><Run x:Name="rCurrent" Text="0"/><Run Text="页"/></TextBlock><Button Margin="5,0" x:Name="NextPageButton" Click="NextPageButton_Click"><Path Width="8" Height="8" Data="M0,4L8,0 8,8z" Stroke="Black" Fill="Black" VerticalAlignment="Center" HorizontalAlignment="Center"><Path.RenderTransform><RotateTransform Angle="180" CenterX="4" CenterY="4"/></Path.RenderTransform></Path></Button><Button Margin="0,0,5,0" x:Name="LastPageButton" Click="LastPageButton_Click"><Path x:Name="MainPath" Width="7" Height="10" Data="M0,0L0,10 M0,5 L6,2 6,8 0,5"Stroke="Black" StrokeThickness="1" Fill="Black" VerticalAlignment="Center" HorizontalAlignment="Center"><Path.RenderTransform><RotateTransform Angle="180" CenterX="3" CenterY="5"/></Path.RenderTransform></Path></Button><TextBlock VerticalAlignment="Center"><Run Text="共"/><Run x:Name="rTotal" Text="0"/><Run Text="页"/></TextBlock></StackPanel></Grid></UserControl>界⾯：后台代码：public partial class Pager : UserControl{#region声明事件和依赖属性public static RoutedEvent FirstPageEvent;public static RoutedEvent PreviousPageEvent;public static RoutedEvent NextPageEvent;public static RoutedEvent LastPageEvent;public static readonly DependencyProperty CurrentPageProperty;public static readonly DependencyProperty TotalPageProperty;#endregionpublic string CurrentPage{get { return (string)GetValue(CurrentPageProperty); }set { SetValue(CurrentPageProperty, value); }}public string TotalPage{get { return (string)GetValue(TotalPageProperty); }set { SetValue(TotalPageProperty, value); }}public Pager(){InitializeComponent();}static Pager(){#region注册事件以及依赖属性//注册FirstPageEvent事件，事件的拥有者是Pager，路由事件的名称是FirstPage，这是唯⼀的FirstPageEvent = EventManager.RegisterRoutedEvent("FirstPage", RoutingStrategy.Direct,typeof(RoutedEventHandler), typeof(Pager));PreviousPageEvent = EventManager.RegisterRoutedEvent("PreviousPage", RoutingStrategy.Direct,typeof(RoutedEventHandler), typeof(Pager));NextPageEvent = EventManager.RegisterRoutedEvent("NextPage", RoutingStrategy.Direct,typeof(RoutedEventHandler), typeof(Pager));LastPageEvent = EventManager.RegisterRoutedEvent("LastPage", RoutingStrategy.Direct,typeof(RoutedEventHandler), typeof(Pager));//注册⾃定义的依赖属性CurrentPageProperty = DependencyProperty.Register("CurrentPage",typeof(string), typeof(Pager), new PropertyMetadata(string.Empty, new PropertyChangedCallback(OnCurrentPageChanged))); TotalPageProperty = DependencyProperty.Register("TotalPage",typeof(string), typeof(Pager), new PropertyMetadata(string.Empty, new PropertyChangedCallback(OnTotalPageChanged)));#endregion}public event RoutedEventHandler FirstPage{add { AddHandler(FirstPageEvent, value); }remove { RemoveHandler(FirstPageEvent, value); }}public event RoutedEventHandler PreviousPage{add { AddHandler(PreviousPageEvent, value); }remove { RemoveHandler(PreviousPageEvent, value); }}public event RoutedEventHandler NextPage{add { AddHandler(NextPageEvent, value); }remove { RemoveHandler(NextPageEvent, value); }}public event RoutedEventHandler LastPage{add { AddHandler(LastPageEvent, value); }remove { RemoveHandler(LastPageEvent, value); }}///<summary>///依赖属性回调⽅法///</summary>///<param name="d"></param>///<param name="e"></param>public static void OnTotalPageChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){Pager p = d as Pager;if (p != null){Run rTotal = (Run)p.FindName("rTotal");rTotal.Text = (string)e.NewValue;}}private static void OnCurrentPageChanged(DependencyObject d, DependencyPropertyChangedEventArgs e){Pager p = d as Pager;if (p != null){Run rCurrrent = (Run)p.FindName("rCurrent");rCurrrent.Text = (string)e.NewValue;}}private void FirstPageButton_Click(object sender, RoutedEventArgs e){RaiseEvent(new RoutedEventArgs(FirstPageEvent, this));}private void PreviousPageButton_Click(object sender, RoutedEventArgs e){RaiseEvent(new RoutedEventArgs(PreviousPageEvent, this));}private void NextPageButton_Click(object sender, RoutedEventArgs e){RaiseEvent(new RoutedEventArgs(NextPageEvent, this));}private void LastPageButton_Click(object sender, RoutedEventArgs e){RaiseEvent(new RoutedEventArgs(LastPageEvent, this));}}上⾯就是⾃定义的⼀个分页控件，如果我们想要使⽤这个控件，如下：<Window x:Class="WPFDataGridPaging.MainWindow"xmlns="/winfx/2006/xaml/presentation"xmlns:x="/winfx/2006/xaml"xmlns:d="/expression/blend/2008"xmlns:mc="/markup-compatibility/2006"xmlns:i="/expression/2010/interactivity"xmlns:local="clr-namespace:WPFDataGridPaging"mc:Ignorable="d"Title="MainWindow" Height="350" Width="525"><Grid><Grid.RowDefinitions><RowDefinition Height="*"/><RowDefinition Height="Auto"/></Grid.RowDefinitions><DataGrid Grid.Row="0" ItemsSource="{Binding FakeSource}" AutoGenerateColumns="False" CanUserAddRows="False"> <DataGrid.Columns><DataGridTextColumn Header="Item Id" Binding="{Binding Id}" Width="80"/><DataGridTextColumn Header="Item Name" Binding="{Binding ItemName}" Width="180"/></DataGrid.Columns></DataGrid><!-- TotalPage 和CurrentPage就是在Pager中⾃定义的依赖属性，可以在这⾥直接来⽤--><local:Pager TotalPage="{Binding TotalPage}"CurrentPage="{Binding CurrentPage, Mode=TwoWay}"HorizontalAlignment="Center"Grid.Row="1"><i:Interaction.Triggers><!--EventName="FirstPage" 这⾥FirstPage就是前⾯注册事件的时候默认的事件名称，必须要唯⼀ --><i:EventTrigger EventName="FirstPage"><i:InvokeCommandAction Command="{Binding FirstPageCommand}"/></i:EventTrigger><i:EventTrigger EventName="PreviousPage"><i:InvokeCommandAction Command="{Binding PreviousPageCommand}"/></i:EventTrigger><i:EventTrigger EventName="NextPage"><i:InvokeCommandAction Command="{Binding NextPageCommand}"/></i:EventTrigger><i:EventTrigger EventName="LastPage"><i:InvokeCommandAction Command="{Binding LastPageCommand}"/></i:EventTrigger></i:Interaction.Triggers></local:Pager></Grid></Window>界⾯：后台代码：///<summary>/// Interaction logic for MainWindow.xaml///</summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();//这⾥⼀定要注意，⼀定要将模型加到上下⽂中，要不然依赖属性和事件都不会触发，在实际开发中是不可能⼀打开 //界⾯就开始加载出来数据的，所以可以通过ObservableCollection形式绑定表格数据，//⽽需要绑定事件和依赖属性的需要将其绑定到上下⽂中DataContext = new MainViewModel();}}MainViewModel:public class MainViewModel : ViewModel{private ICommand _firstPageCommand;public ICommand FirstPageCommand{get{return _firstPageCommand;}set{_firstPageCommand = value;}}private ICommand _previousPageCommand;public ICommand PreviousPageCommand{get{return _previousPageCommand;}set{_previousPageCommand = value;}}private ICommand _nextPageCommand;public ICommand NextPageCommand{get{return _nextPageCommand;}set{_nextPageCommand = value;}}private ICommand _lastPageCommand;public ICommand LastPageCommand{get{return _lastPageCommand;}set{_lastPageCommand = value;}}private int _pageSize;public int PageSize{get{return _pageSize;}set{if(_pageSize != value){_pageSize = value;OnPropertyChanged("PageSize"); }}}private int _currentPage;public int CurrentPage{get{return _currentPage;}set{if(_currentPage != value){_currentPage = value;OnPropertyChanged("CurrentPage"); }}}private int _totalPage;public int TotalPage{get{return _totalPage;}set{if(_totalPage != value){_totalPage = value;OnPropertyChanged("TotalPage"); }}}///<summary>/// ObservableCollection表⽰⼀个动态数据集合，它可在添加、删除项⽬或刷新整个列表时提供通知。