Silverlight修改默认模板、完全自定义DataPager分页样式

Silverlight for macv5.1.41212.0 官方最新版

类型：Mac网络工具大小：1.2M语言：中文评分：10.0
标签：mac浏览器

立即下载

silverlight 提供的控件虽然都好用但是通常都会有默认模板样式有些模板样式在中国人看来肯定不是很好看

所以又时候有必要修改下再使用 今天我就遇到DataPager的模板样式问题我觉得自带的不怎么好看

在网上查了下还没有什么好的例子那我就分享下我自己的例子大神们见谅哦！

先上图

感觉这个看着换可以吧你们如果要用可以自己再修改下

首先引入命名空间

xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"

分页样式

1      <Style x:Key="DataPagerStyle" TargetType="data:DataPager">
2             <Setter Property="Background" Value="#FFF2F3F4"/>
3             <Setter Property="BorderBrush">
4                 <Setter.Value>
5                     <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
6                         <GradientStop Color="#FFA3AEB9" Offset="0"/>
7                         <GradientStop Color="#FF8399A9" Offset="0.375"/>
8                         <GradientStop Color="#FF718597" Offset="0.375"/>
9                         <GradientStop Color="#FF617584" Offset="1"/>
10                     </LinearGradientBrush>
11                 </Setter.Value>
12             </Setter>
13             <Setter Property="BorderThickness" Value="1"/>
14             <Setter Property="HorizontalContentAlignment" Value="Right" />
15             <Setter Property="NumericButtonStyle">
16                 <Setter.Value>
17                     <Style TargetType="ToggleButton">
18                         <Setter Property="MinHeight" Value="20"/>
19                         <Setter Property="MinWidth" Value="20"/>
20                         <Setter Property="HorizontalAlignment" Value="Right"/>
21                         <Setter Property="VerticalAlignment" Value="Center"/>
22                         <Setter Property="Background" Value="#00000000"/>
23                         <Setter Property="BorderThickness" Value="1"/>
24                         <Setter Property="Padding" Value="1"/>
25                         <Setter Property="Template">
26                             <Setter.Value>
27                                 <ControlTemplate TargetType="ToggleButton">
28                                     <Grid>
29                                         <vsm:VisualStateManager.VisualStateGroups>
30                                             <vsm:VisualStateGroup x:Name="CommonStates">
31                                                 <vsm:VisualState x:Name="Normal"/>
32                                                 <vsm:VisualState x:Name="MouseOver">
33                                                     <Storyboard>
34                                                         <ColorAnimation Duration="0" Storyboard.TargetName="OuterBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FFFFFFFF"/>
35                                                         <ColorAnimation Duration="0" Storyboard.TargetName="InnerBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FFCCD1D6"/>
36                                                     </Storyboard>
37                                                 </vsm:VisualState>
38                                                 <vsm:VisualState x:Name="Pressed">
39                                                     <Storyboard>
40                                                         <ColorAnimation Duration="0" Storyboard.TargetName="OuterBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FFFFFFFF"/>
41                                                         <ColorAnimation Duration="0" Storyboard.TargetName="InnerBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FFCCD1D6"/>
42                                                     </Storyboard>
43                                                 </vsm:VisualState>
44                                                 <vsm:VisualState x:Name="Disabled">
45                                                     <Storyboard>
46                                                         <DoubleAnimation Duration="0" Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="0.5"/>
47                                                     </Storyboard>
48                                                 </vsm:VisualState>
49                                             </vsm:VisualStateGroup>
50                                             <vsm:VisualStateGroup x:Name="CheckStates">
51                                                 <vsm:VisualState x:Name="Checked">
52                                                     <Storyboard>
53                                                         <DoubleAnimation Duration="0" Storyboard.TargetName="CheckedStateOuterBorder" Storyboard.TargetProperty="Opacity" To="1"/>
54                                                     </Storyboard>
55                                                 </vsm:VisualState>
56                                                 <vsm:VisualState x:Name="Unchecked"/>
57                                             </vsm:VisualStateGroup>
58                                             <vsm:VisualStateGroup x:Name="FocusStates">
59                                                 <vsm:VisualState x:Name="Focused">
60                                                     <Storyboard>
61                                                         <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
62                                                     </Storyboard>
63                                                 </vsm:VisualState>
64                                                 <vsm:VisualState x:Name="Unfocused"/>
65                                             </vsm:VisualStateGroup>
66                                         </vsm:VisualStateManager.VisualStateGroups>
67                                         <Border x:Name="CheckedStateOuterBorder" Background="#7FA9A9A9" BorderBrush="#00FFFFFF" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3" Opacity="0"/>
68                                         <Border x:Name="OuterBtnBorder" Background="{TemplateBinding Background}" BorderBrush="#00FFFFFF" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
69                                             <Border x:Name="InnerBtnBorder" BorderBrush="#00CCD1D6" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2">
70                                                 <ContentPresenter x:Name="contentPresenter" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="Center" VerticalAlignment="Center" />
71                                             </Border>
72                                         </Border>
73                                         <Border x:Name="FocusVisualElement" Background="{TemplateBinding Background}" BorderBrush="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2" Margin="1" Opacity="0"/>
74                                     </Grid>
75                                 </ControlTemplate>
76                             </Setter.Value>
77                         </Setter>
78                     </Style>
79                 </Setter.Value>
80             </Setter>
81
82             <Setter Property="Template">
83                 <Setter.Value>
84                     <ControlTemplate TargetType="data:DataPager">
85                         <Grid Name="Root" Background="Transparent">
86                             <Grid.Resources>
87                                 <SolidColorBrush x:Key="BackgroundColor" Color="#00000000"/>
88                                 <SolidColorBrush x:Key="ForegroundColor" Color="#FF000000"/>
89                                 <SolidColorBrush x:Key="BorderBrushColor" Color="#FFFFFFFF"/>
90                                 <ControlTemplate x:Key="ButtonTemplate" TargetType="Button">
91                                     <Grid>
92                                         <vsm:VisualStateManager.VisualStateGroups>
93                                             <vsm:VisualStateGroup x:Name="CommonStates">
94                                                 <vsm:VisualState x:Name="Normal"/>
95                                                 <vsm:VisualState x:Name="MouseOver">
96                                                     <Storyboard>
97                                                         <ColorAnimation Duration="0" Storyboard.TargetName="OuterBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FFFFFFFF"/>
98                                                         <ColorAnimation Duration="0" Storyboard.TargetName="InnerBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FFCCD1D6"/>
99                                                     </Storyboard>
100                                                 </vsm:VisualState>
101                                                 <vsm:VisualState x:Name="Pressed">
102                                                     <Storyboard>
103                                                         <ColorAnimation Duration="0" Storyboard.TargetName="OuterBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FFFFFFFF"/>
104                                                         <ColorAnimation Duration="0" Storyboard.TargetName="InnerBtnBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#00FFFFFF"/>
105                                                     </Storyboard>
106                                                 </vsm:VisualState>
107                                                 <vsm:VisualState x:Name="Disabled">
108                                                     <Storyboard>
109                                                         <DoubleAnimation Duration="0" Storyboard.TargetName="path" Storyboard.TargetProperty="Opacity" To="0.5"/>
110                                                     </Storyboard>
111                                                 </vsm:VisualState>
112                                             </vsm:VisualStateGroup>
113                                             <vsm:VisualStateGroup x:Name="FocusStates">
114                                                 <vsm:VisualState x:Name="Focused">
115                                                     <Storyboard>
116                                                         <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
117                                                     </Storyboard>
118                                                 </vsm:VisualState>
119                                                 <vsm:VisualState x:Name="Unfocused"/>
120                                             </vsm:VisualStateGroup>
121                                         </vsm:VisualStateManager.VisualStateGroups>
122                                         <Border x:Name="OuterBtnBorder" BorderBrush="#00FFFFFF" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
123                                             <Border x:Name="InnerBtnBorder" BorderBrush="#00CCD1D6" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2">
124                                                 <ContentPresenter x:Name="path" Content="{TemplateBinding Content}"/>
125                                             </Border>
126                                         </Border>
127                                         <Border x:Name="FocusVisualElement" BorderBrush="#FF6DBDD1" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2" Margin="1" Opacity="0"/>
128                                     </Grid>
129                                 </ControlTemplate>
130
131                                 <Style x:Key="PagingTextBoxStyle" TargetType="TextBox">
132                                     <Setter Property="BorderThickness" Value="1"/>
133                                     <Setter Property="Background" Value="#FFFFFFFF"/>
134                                     <Setter Property="Foreground" Value="#FF000000"/>
135                                     <Setter Property="Padding" Value="2, 2, 2, -1"/>
136                                     <Setter Property="Template">
137                                         <Setter.Value>
138                                             <ControlTemplate TargetType="TextBox">
139                                                 <Grid x:Name="RootElement">
140                                                     <vsm:VisualStateManager.VisualStateGroups>
141                                                         <vsm:VisualStateGroup x:Name="CommonStates">
142                                                             <vsm:VisualState x:Name="Normal"/>
143                                                             <vsm:VisualState x:Name="MouseOver">
144                                                                 <Storyboard>
145                                                                     <ColorAnimation Storyboard.TargetName="MouseOverBorder" Storyboard.TargetProperty="(BorderBrush).Color" To="#FF99C1E2"/>
146                                                                 </Storyboard>
147                                                             </vsm:VisualState>
148                                                             <vsm:VisualState x:Name="Disabled">
149                                                                 <Storyboard>
150                                                                     <DoubleAnimation Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
151                                                                 </Storyboard>
152                                                             </vsm:VisualState>
153                                                             <vsm:VisualState x:Name="ReadOnly">
154                                                                 <Storyboard>
155                                                                     <DoubleAnimation Storyboard.TargetName="ReadOnlyVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
156                                                                 </Storyboard>
157                                                             </vsm:VisualState>
158                                                         </vsm:VisualStateGroup>
159                                                         <vsm:VisualStateGroup x:Name="FocusStates">
160                                                             <vsm:VisualState x:Name="Focused">
161                                                                 <Storyboard>
162                                                                     <DoubleAnimation Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity" To="1"/>
163                                                                 </Storyboard>
164                                                             </vsm:VisualState>
165                                                             <vsm:VisualState x:Name="Unfocused"/>
166                                                         </vsm:VisualStateGroup>
167                                                     </vsm:VisualStateManager.VisualStateGroups>
168                                                     <Border x:Name="Border" Opacity="1" Background="#66FFFFFF" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1">
169                                                         <Grid>
170                                                             <Border x:Name="ReadOnlyVisualElement" Opacity="0" Background="#72F7F7F7"/>
171                                                             <Border x:Name="MouseOverBorder" BorderBrush="Transparent" BorderThickness="1">
172                                                                 <ScrollViewer BorderThickness="0" IsTabStop="False" Padding="{TemplateBinding Padding}" x:Name="ContentElement" Margin="0,-3,0,0" VerticalAlignment="Top"/>
173                                                             </Border>
174                                                         </Grid>
175                                                     </Border>
176                                                     <Border x:Name="DisabledVisualElement" IsHitTestVisible="False" Opacity="0" Background="#A5F7F7F7" BorderBrush="#A5F7F7F7" BorderThickness="{TemplateBinding BorderThickness}"/>
177                                                     <Border Margin="1" x:Name="FocusVisualElement" IsHitTestVisible="False" Opacity="0" BorderBrush="#FF6DBDD1" BorderThickness="{TemplateBinding BorderThickness}"/>
178                                                 </Grid>
179                                             </ControlTemplate>
180                                         </Setter.Value>
181                                     </Setter>
182                                 </Style>
183                             </Grid.Resources>
184                             <vsm:VisualStateManager.VisualStateGroups>
185
186                                 
187                                 <vsm:VisualStateGroup x:Name="CommonStates">
188                                     <vsm:VisualState x:Name="Normal"/>
189                                     <vsm:VisualState x:Name="Disabled">
190                                         <Storyboard>
191                                             <DoubleAnimation Storyboard.TargetName="CurrentPagePrefixTextBlock" Storyboard.TargetProperty="Opacity" To="0.5" Duration="0"/>
192                                             <DoubleAnimation Storyboard.TargetName="CurrentPageSuffixTextBlock" Storyboard.TargetProperty="Opacity" To="0.5" Duration="0"/>
193                                         </Storyboard>
194                                     </vsm:VisualState>
195                                 </vsm:VisualStateGroup>
196
197                                 
198                                 <vsm:VisualStateGroup x:Name="MoveStates">
199                                     <vsm:VisualState x:Name="MoveEnabled">
200                                         <Storyboard>
201                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CurrentPageTextBox" Storyboard.TargetProperty="IsEnabled" Duration="0">
202                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
203                                             </ObjectAnimationUsingKeyFrames>
204                                         </Storyboard>
205                                     </vsm:VisualState>
206
207                                     <vsm:VisualState x:Name="MoveDisabled">
208                                         <Storyboard>
209                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CurrentPageTextBox" Storyboard.TargetProperty="IsEnabled" Duration="0">
210                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
211                                             </ObjectAnimationUsingKeyFrames>
212                                         </Storyboard>
213                                     </vsm:VisualState>
214                                 </vsm:VisualStateGroup>
215
216                                 
217                                 <vsm:VisualStateGroup x:Name="MoveFirstStates">
218                                     <vsm:VisualState x:Name="MoveFirstEnabled">
219                                         <Storyboard>
220                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FirstPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
221                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
222                                             </ObjectAnimationUsingKeyFrames>
223                                         </Storyboard>
224                                     </vsm:VisualState>
225
226                                     <vsm:VisualState x:Name="MoveFirstDisabled">
227                                         <Storyboard>
228                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FirstPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
229                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
230                                             </ObjectAnimationUsingKeyFrames>
231                                         </Storyboard>
232                                     </vsm:VisualState>
233                                 </vsm:VisualStateGroup>
234
235                                 
236                                 <vsm:VisualStateGroup x:Name="MovePreviousStates">
237                                     <vsm:VisualState x:Name="MovePreviousEnabled">
238                                         <Storyboard>
239                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
240                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
241                                             </ObjectAnimationUsingKeyFrames>
242                                         </Storyboard>
243                                     </vsm:VisualState>
244
245                                     <vsm:VisualState x:Name="MovePreviousDisabled">
246                                         <Storyboard>
247                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
248                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
249                                             </ObjectAnimationUsingKeyFrames>
250                                         </Storyboard>
251                                     </vsm:VisualState>
252                                 </vsm:VisualStateGroup>
253
254                                 
255                                 <vsm:VisualStateGroup x:Name="MoveNextStates">
256                                     <vsm:VisualState x:Name="MoveNextEnabled">
257                                         <Storyboard>
258                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
259                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
260                                             </ObjectAnimationUsingKeyFrames>
261                                         </Storyboard>
262                                     </vsm:VisualState>
263
264                                     <vsm:VisualState x:Name="MoveNextDisabled">
265                                         <Storyboard>
266                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
267                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
268                                             </ObjectAnimationUsingKeyFrames>
269                                         </Storyboard>
270                                     </vsm:VisualState>
271                                 </vsm:VisualStateGroup>
272
273                                 
274                                 <vsm:VisualStateGroup x:Name="MoveLastStates">
275                                     <vsm:VisualState x:Name="MoveLastEnabled">
276                                         <Storyboard>
277                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LastPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
278                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="True"/>
279                                             </ObjectAnimationUsingKeyFrames>
280                                         </Storyboard>
281                                     </vsm:VisualState>
282
283                                     <vsm:VisualState x:Name="MoveLastDisabled">
284                                         <Storyboard>
285                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LastPageButton" Storyboard.TargetProperty="IsEnabled" Duration="0">
286                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="False"/>
287                                             </ObjectAnimationUsingKeyFrames>
288                                         </Storyboard>
289                                     </vsm:VisualState>
290                                 </vsm:VisualStateGroup>
291
292                                 
293                                 <vsm:VisualStateGroup x:Name="DisplayModeStates">
294                                     <vsm:VisualState x:Name="FirstLastNumeric">
295                                         <Storyboard>
296                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextPageButton" Storyboard.TargetProperty="Visibility">
297                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
298                                             </ObjectAnimationUsingKeyFrames>
299                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousPageButton" Storyboard.TargetProperty="Visibility">
300                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
301                                             </ObjectAnimationUsingKeyFrames>
302                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CurrentPageTextBox" Storyboard.TargetProperty="Visibility">
303                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
304                                             </ObjectAnimationUsingKeyFrames>
305                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PageDisplay" Storyboard.TargetProperty="Visibility">
306                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
307                                             </ObjectAnimationUsingKeyFrames>
308                                         </Storyboard>
309                                     </vsm:VisualState>
310
311                                     <vsm:VisualState x:Name="FirstLastPreviousNext">
312                                         <Storyboard>
313                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NumericButtonPanel" Storyboard.TargetProperty="Visibility">
314                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
315                                             </ObjectAnimationUsingKeyFrames>
316                                         </Storyboard>
317                                     </vsm:VisualState>
318
319                                     <vsm:VisualState x:Name="FirstLastPreviousNextNumeric">
320                                         <Storyboard>
321                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CurrentPageTextBox" Storyboard.TargetProperty="Visibility">
322                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
323                                             </ObjectAnimationUsingKeyFrames>
324                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PageDisplay" Storyboard.TargetProperty="Visibility">
325                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
326                                             </ObjectAnimationUsingKeyFrames>
327                                         </Storyboard>
328                                     </vsm:VisualState>
329
330                                     <vsm:VisualState x:Name="Numeric">
331                                         <Storyboard>
332                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FirstPageButton" Storyboard.TargetProperty="Visibility">
333                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
334                                             </ObjectAnimationUsingKeyFrames>
335                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LastPageButton" Storyboard.TargetProperty="Visibility">
336                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
337                                             </ObjectAnimationUsingKeyFrames>
338                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NextPageButton" Storyboard.TargetProperty="Visibility">
339                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
340                                             </ObjectAnimationUsingKeyFrames>
341                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PreviousPageButton" Storyboard.TargetProperty="Visibility">
342                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
343                                             </ObjectAnimationUsingKeyFrames>
344                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CurrentPageTextBox" Storyboard.TargetProperty="Visibility">
345                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
346                                             </ObjectAnimationUsingKeyFrames>
347                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PageDisplay" Storyboard.TargetProperty="Visibility">
348                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
349                                             </ObjectAnimationUsingKeyFrames>
350                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Separator1" Storyboard.TargetProperty="Visibility">
351                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
352                                             </ObjectAnimationUsingKeyFrames>
353                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Separator2" Storyboard.TargetProperty="Visibility">
354                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
355                                             </ObjectAnimationUsingKeyFrames>
356                                         </Storyboard>
357                                     </vsm:VisualState>
358
359                                     <vsm:VisualState x:Name="PreviousNext">
360                                         <Storyboard>
361                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FirstPageButton" Storyboard.TargetProperty="Visibility">
362                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
363                                             </ObjectAnimationUsingKeyFrames>
364                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LastPageButton" Storyboard.TargetProperty="Visibility">
365                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
366                                             </ObjectAnimationUsingKeyFrames>
367                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="NumericButtonPanel" Storyboard.TargetProperty="Visibility">
368                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
369                                             </ObjectAnimationUsingKeyFrames>
370                                         </Storyboard>
371                                     </vsm:VisualState>
372
373                                     <vsm:VisualState x:Name="PreviousNextNumeric">
374                                         <Storyboard>
375                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FirstPageButton" Storyboard.TargetProperty="Visibility">
376                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
377                                             </ObjectAnimationUsingKeyFrames>
378                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LastPageButton" Storyboard.TargetProperty="Visibility">
379                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
380                                             </ObjectAnimationUsingKeyFrames>
381                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CurrentPageTextBox" Storyboard.TargetProperty="Visibility">
382                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
383                                             </ObjectAnimationUsingKeyFrames>
384                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PageDisplay" Storyboard.TargetProperty="Visibility">
385                                                 <DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed"/>
386                                             </ObjectAnimationUsingKeyFrames>
387                                         </Storyboard>
388                                     </vsm:VisualState>
389                                 </vsm:VisualStateGroup>
390
391                             </vsm:VisualStateManager.VisualStateGroups>
392
393                             
394                             <Border MinHeight="24" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" VerticalAlignment="Bottom" CornerRadius="2">
395                                 <StackPanel Orientation="Horizontal" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="Stretch">
396                                     
397                                     <Button x:Name="FirstPageButton" Content="首页" Height="20" Width="30" Background="{StaticResource BackgroundColor}" Foreground="{StaticResource ForegroundColor}" BorderBrush="{StaticResource BorderBrushColor}" BorderThickness="1" Padding="1" HorizontalAlignment="Right" VerticalAlignment="Center" HorizontalContentAlignment="Center" Template="{StaticResource ButtonTemplate}">
398                                         
405                                     </Button>
406
407
408                                     
409                                     <Button Name="PreviousPageButton" Content="上一页" Height="20" Width="40"   Background="{StaticResource BackgroundColor}" Foreground="{StaticResource ForegroundColor}" BorderBrush="{StaticResource BorderBrushColor}" BorderThickness="1" Padding="1" HorizontalAlignment="Right" VerticalAlignment="Center" Template="{StaticResource ButtonTemplate}">
410                                         
413                                     </Button>
414
415                                     <Border x:Name="Separator1" Width="1" Background="#FFCCD1D6" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,0,1,0" Margin="0,3,0,3"/>
416                                     
417                                     <StackPanel x:Name="NumericButtonPanel" Orientation="Horizontal" Margin="1"/>
418
419                                     
420                                     <StackPanel x:Name="PageDisplay" Orientation="Horizontal">
421                                         <TextBlock x:Name="CurrentPagePrefixTextBlock" Width="Auto" VerticalAlignment="Center" Margin="4,0,0,0" Foreground="{TemplateBinding Foreground}"/>
422                                         <TextBox x:Name="CurrentPageTextBox" TextWrapping="Wrap" Width="40" Height="Auto" VerticalAlignment="Center" Margin="4,2,4,2" Style="{StaticResource PagingTextBoxStyle}" Foreground="{TemplateBinding Foreground}" BorderBrush="{TemplateBinding BorderBrush}"/>
423                                         <TextBlock x:Name="CurrentPageSuffixTextBlock" Width="Auto" VerticalAlignment="Center" Margin="0,0,4,0" Foreground="{TemplateBinding Foreground}"/>
424                                     </StackPanel>
425                                     <Border x:Name="Separator2" Width="1" Background="#FFCCD1D6" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,0,1,0" Margin="0,3,0,3"/>
426
427                                     
428                                     <Button x:Name="NextPageButton" Content="下一页" Height="20" Width="40" Background="{StaticResource BackgroundColor}" Foreground="{StaticResource ForegroundColor}" BorderBrush="{StaticResource BorderBrushColor}" BorderThickness="1" Padding="1" HorizontalAlignment="Right" VerticalAlignment="Center" Template="{StaticResource ButtonTemplate}">
429                                         
432                                     </Button>
433
434                                     
435                                     <Button x:Name="LastPageButton" Content="尾页" Height="20" Width="30" Background="{StaticResource BackgroundColor}" Foreground="{StaticResource ForegroundColor}" BorderBrush="{StaticResource BorderBrushColor}" BorderThickness="1" Padding="1" HorizontalAlignment="Right" VerticalAlignment="Center" Template="{StaticResource ButtonTemplate}">
436                                         
442                                     </Button>
443                                 </StackPanel>
444                             </Border>
445                         </Grid>
446                     </ControlTemplate>
447                 </Setter.Value>
448             </Setter>
449         </Style>

调用

<data:DataPager x:Name ="PagerBar" DisplayMode="FirstLastPreviousNextNumeric" VerticalAlignment="Bottom" Style="{StaticResource DataPagerStyle}"
HorizontalAlignment="Center" Source="{Binding}" NumericButtonCount="4" AutoEllipsis="True" Canvas.Top="402" Canvas.Left="116" />

最后给大家给出我自己写的分页后台代码后台每次只取一页例子

1 public partial class WinFriendPanel : ChildWindow
2     {
3         private const int PageSize = 1;//页大小
4         private List<int> itemCount = new List<int>();//总记录
5         private bool flag = true;//首次加载标志
6
7         public WinFriendPanel()
8         {
9             InitializeComponent();
10             InitializeControls();
11         }
12
13         /// <summary>
14         /// 初始化控件
15         /// </summary>
16         private void InitializeControls()
17         {
18             this.Name = "playerFriend";
19             //点击页码的事件，获取当前页的数据并绑定到DataGrid
20               this.PagerBar.PageIndexChanged += (s, e) =>
21              {
22                  if (!flag)//如果不是首次加载
23                  {
24                      ClientMessagePool.AddSendMessage(ClientCommand.GetPlayerFriend(GameGlobal.CurrentUser.Player.playerId.ToString(), ((DataPager)s).PageIndex + 1, PageSize));
25                  }
26                  flag = false;
27              };
28             //默认第一页数据
29              ClientMessagePool.AddSendMessage(ClientCommand.GetPlayerFriend(GameGlobal.CurrentUser.Player.playerId.ToString(), 1, PageSize));
30         }
31
32         /// <summary>
33         /// 显示玩家好友列表
34         /// </summary>
35         /// <param name="current">好友列表</param>
36         public void DisplayPlayerFriends(List<PlayerFriendPage> current)
37         {
38             if (current != null)
39             {
40                 if (flag)//如果首次加载
41                 {
42                     int totalpagers = current[0] != null ? current[0].recordCount : 0;//总记录数
43                     for (int i = 1; i <= totalpagers; i++)
44                         itemCount.Add(i);
45                     PagedCollectionView pcv = new PagedCollectionView(itemCount);
46                     pcv.PageSize = PageSize;
47                     this.PagerBar.Source = pcv; //这儿会自动触发this.dataPager1.PageIndexChanged事件
48                 }
49                 PagedCollectionView view = new PagedCollectionView(current);
50                 this.GridListData.ItemsSource = view;
51             }
52         }
53
54     }