WPF自定義分頁控件
做了許久伸手黨，終於有機會貢獻一波，搜索一下WPF分頁控件，還是多，但是不太通用，主要就是樣式問題，這個WPF很好解決，還有一個就是分頁控件嘛，只關心幾個數字的變動就行了，把頁碼改變事件暴露出來，數據的加載在這里就做就行，所以這個分頁控件很簡單...
好像也沒啥講的，直接上代碼了
分頁控件基本樣式
<Style TargetType="{x:Type local:Pager}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:Pager}">
<Border Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}">
<StackPanel Orientation="Horizontal"
VerticalAlignment="Center">
<StackPanel.Resources>
<Style TargetType="TextBlock">
<Setter Property="VerticalAlignment"
Value="Center"></Setter>
</Style>
</StackPanel.Resources>
<TextBlock Text="共"></TextBlock>
<TextBlock x:Name="PART_TotalCount">
</TextBlock>
<TextBlock Text="行,"></TextBlock>
<TextBlock Text="每頁"></TextBlock>
<TextBlock x:Name="PART_PageSize">
</TextBlock>
<TextBlock Text="行,"></TextBlock>
<TextBlock Text="第">
</TextBlock>
<TextBlock x:Name="PART_PageIndex"></TextBlock>
<TextBlock Text="/"></TextBlock>
<TextBlock x:Name="PART_TotalPage"></TextBlock>
<TextBlock Text="頁"></TextBlock>
<Button Margin="10,0,0,0"
Content="首頁"
x:Name="PART_FirstPage"></Button>
<Button Margin="10,0,0,0"
Content="上一頁"
x:Name="PART_PrePage"></Button>
<Button Margin="10,0,0,0"
Content="下一頁"
x:Name="PART_NextPage"></Button>
<Button Margin="10,0,10,0"
Content="尾頁"
x:Name="PART_LastPage"></Button>
<TextBox Width="50"
x:Name="PART_PageNum"></TextBox>
<Button Margin="10,0,0,0"
Content="轉到"
x:Name="PART_PageGo"></Button>
</StackPanel>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
分頁控件代碼
[TemplatePart(Name = "PART_TotalCount", Type = typeof(TextBlock))]
[TemplatePart(Name = "PART_PageSize", Type = typeof(TextBlock))]
[TemplatePart(Name = "PART_PageIndex", Type = typeof(TextBlock))]
[TemplatePart(Name = "PART_TotalPage", Type = typeof(TextBlock))]
[TemplatePart(Name = "PART_FirstPage", Type = typeof(Button))]
[TemplatePart(Name = "PART_PrePage", Type = typeof(Button))]
[TemplatePart(Name = "PART_NextPage", Type = typeof(Button))]
[TemplatePart(Name = "PART_LastPage", Type = typeof(Button))]
[TemplatePart(Name = "PART_PageGo", Type = typeof(Button))]
[TemplatePart(Name = "PART_PageNum", Type = typeof(TextBox))]
public class Pager : Control
{
#region 字段
private TextBlock _txtTotalCount;
private TextBlock _txtPageSize;
private TextBlock _txtPageIndex;
private TextBlock _txtTotalPage;
private Button _btnFirstPage;
private Button _btnPrePage;
private Button _btnNextPage;
private Button _btnLastPage;
private Button _btnPageGo;
private TextBox _txtBoxPageNum;
#endregion
#region 靜態構造
static Pager()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(Pager), new FrameworkPropertyMetadata(typeof(Pager)));
}
#endregion
#region 依賴屬性
#region 總記錄數
public int TotalCount
{
get
{
return (int)GetValue(TotalCountProperty);
}
set
{
SetValue(TotalCountProperty, value);
}
}
// Using a DependencyProperty as the backing store for TotalCount. This enables animation, styling, binding, etc...
public static readonly DependencyProperty TotalCountProperty =
DependencyProperty.Register("TotalCount", typeof(int), typeof(Pager), new FrameworkPropertyMetadata(0, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault,
(obj, e) =>
{
var pager = obj as Pager;
if (pager == null) return;
pager.SetTotalCount((int)e.NewValue);
}));
#endregion
#region 每頁大小
public int PageSize
{
get
{
return (int)GetValue(PageSizeProperty);
}
set
{
SetValue(PageSizeProperty, value);
}
}
// Using a DependencyProperty as the backing store for PageSize. This enables animation, styling, binding, etc...
public static readonly DependencyProperty PageSizeProperty =
DependencyProperty.Register("PageSize", typeof(int), typeof(Pager), new FrameworkPropertyMetadata(0,
(obj, e) =>
{
var pager = obj as Pager;
if (pager == null) return;
pager.SetPageSize((int)e.NewValue);
}));
#endregion
#region 當前頁
public int PageIndex
{
get
{
return (int)GetValue(PageIndexProperty);
}
set
{
SetValue(PageIndexProperty, value);
}
}
// Using a DependencyProperty as the backing store for PageIndex. This enables animation, styling, binding, etc...
public static readonly DependencyProperty PageIndexProperty =
DependencyProperty.Register("PageIndex", typeof(int), typeof(Pager), new FrameworkPropertyMetadata(0,
(obj, e) =>
{
var pager = obj as Pager;
if (pager == null) return;
pager.SetPageIndex((int)e.NewValue);
}));
#endregion
#region 總頁數
public int TotalPage
{
get
{
return (int)GetValue(TotalPageProperty);
}
set
{
SetValue(TotalPageProperty, value);
}
}
// Using a DependencyProperty as the backing store for TotalPage. This enables animation, styling, binding, etc...
public static readonly DependencyProperty TotalPageProperty =
DependencyProperty.Register("TotalPage", typeof(int), typeof(Pager), new FrameworkPropertyMetadata(0,
(obj, e) =>
{
var pager = obj as Pager;
if (pager == null) return;
pager.SetTotalPage((int)e.NewValue);
}));
#endregion
#endregion
#region 路由事件
public static readonly RoutedEvent PageChangedEvent = EventManager.RegisterRoutedEvent("PageChanged",
RoutingStrategy.Bubble, typeof(EventHandler<PageChangedEventArg>), typeof(Pager));
public event EventHandler<PageChangedEventArg> PageChanged
{
add
{
this.AddHandler(PageChangedEvent, value);
}
remove
{
this.RemoveHandler(PageChangedEvent, value);
}
}
protected virtual void OnPageChanged()
{
var pageChangedEventArg = new PageChangedEventArg(PageIndex);
pageChangedEventArg.RoutedEvent = PageChangedEvent;
pageChangedEventArg.Source = this;
this.RaiseEvent(pageChangedEventArg);
}
#endregion
#region 方法
public void SetTotalPage(int totalPage)
{
_txtTotalPage.Text = totalPage.ToString();
}
public void SetPageIndex(int pageIndex)
{
_txtPageIndex.Text = pageIndex.ToString();
}
public void SetPageSize(int pageSize)
{
_txtPageSize.Text = pageSize.ToString();
}
/// <summary>
/// 設置總記錄數
/// </summary>
/// <param name="totalCount"></param>
public void SetTotalCount(int totalCount)
{
_txtTotalCount.Text = totalCount.ToString();
}
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
_txtTotalCount = GetTemplateChild("PART_TotalCount") as TextBlock;
_txtPageSize = GetTemplateChild("PART_PageSize") as TextBlock;
_txtPageIndex = GetTemplateChild("PART_PageIndex") as TextBlock;
_txtTotalPage = GetTemplateChild("PART_TotalPage") as TextBlock;
_btnFirstPage = GetTemplateChild("PART_FirstPage") as Button;
_btnPrePage = GetTemplateChild("PART_PrePage") as Button;
_btnNextPage = GetTemplateChild("PART_NextPage") as Button;
_btnLastPage = GetTemplateChild("PART_LastPage") as Button;
_btnPageGo = GetTemplateChild("PART_PageGo") as Button;
_btnFirstPage.Click += _btnFirstPage_Click;
_btnPrePage.Click += _btnPrePage_Click;
_btnNextPage.Click += _btnNextPage_Click;
_btnLastPage.Click += _btnLastPage_Click;
_btnPageGo.Click += _btnPageGo_Click;
_txtBoxPageNum = GetTemplateChild("PART_PageNum") as TextBox;
}
#endregion
#region 私有方法
private void _btnPageGo_Click(object sender, RoutedEventArgs e)
{
var pageNum = 1;
if (int.TryParse(_txtBoxPageNum.Text, out pageNum))
{
if (pageNum >= 1 && pageNum <= TotalPage)
{
PageIndex = pageNum;
OnPageChanged();
}
}
}
private void _btnLastPage_Click(object sender, RoutedEventArgs e)
{
PageIndex = TotalPage;
OnPageChanged();
}
private void _btnNextPage_Click(object sender, RoutedEventArgs e)
{
if (PageIndex < TotalPage)
{
PageIndex++;
OnPageChanged();
}
}
private void _btnPrePage_Click(object sender, RoutedEventArgs e)
{
if (PageIndex > 1)
{
PageIndex--;
OnPageChanged();
}
}
private void _btnFirstPage_Click(object sender, RoutedEventArgs e)
{
PageIndex = 1;
OnPageChanged();
}
#endregion
}
事件參數 PageChangedEventArg.cs
public class PageChangedEventArg : RoutedEventArgs
{
public int PageIndex
{
get; set;
}
public PageChangedEventArg(int pageIndex) : base()
{
PageIndex = pageIndex;
}
}
Demo和源碼都在開源中國上