1: <UserControl
2: x:Class="BlogEngine.UI.Pager"
3: xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4: xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5: xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
6: xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
7: mc:Ignorable="d"
8: xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
9: Width="Auto" Height="Auto">
10:
11: <UserControl.Resources>
12: <Style x:Key="PagerButtonOuterStyle" TargetType="Button">
13: <Setter Property="Background" Value="#FF0000FF"/>
14: <Setter Property="Foreground" Value="#FF445ECE"/>
15: <Setter Property="Padding" Value="3"/>
16: <Setter Property="BorderThickness" Value="0.5"/>
17: <Setter Property="Template">
18: <Setter.Value>
19: <ControlTemplate TargetType="Button">
20: <Grid Margin="3,3,3,3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
21: <vsm:VisualStateManager.VisualStateGroups>
22: <vsm:VisualStateGroup x:Name="CommonStates">
23: <vsm:VisualState x:Name="Normal">
24: <Storyboard>
25: <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
26: <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF0000FF"/>
27: </ColorAnimationUsingKeyFrames>
28: </Storyboard>
29: </vsm:VisualState>
30: <vsm:VisualState x:Name="MouseOver">
31: <Storyboard>
32: <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
33: <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF99A5D9"/>
34: </ColorAnimationUsingKeyFrames>
35: </Storyboard>
36: </vsm:VisualState>
37: <vsm:VisualState x:Name="Pressed">
38: <Storyboard>
39: <ColorAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
40: <SplineColorKeyFrame KeyTime="0" Value="#FF99A5D9"/>
41: </ColorAnimationUsingKeyFrames>
42: </Storyboard>
43: </vsm:VisualState>
44: <vsm:VisualState x:Name="Disabled">
45: <Storyboard>
46: <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity">
47: <SplineDoubleKeyFrame KeyTime="0" Value=".55"/>
48: </DoubleAnimationUsingKeyFrames>
49: <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(Rectangle.RadiusX)">
50: <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
51: </DoubleAnimationUsingKeyFrames>
52: <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(Rectangle.RadiusY)">
53: <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
54: </DoubleAnimationUsingKeyFrames>
55: </Storyboard>
56: </vsm:VisualState>
57: </vsm:VisualStateGroup>
58: <vsm:VisualStateGroup x:Name="FocusStates">
59: <vsm:VisualState x:Name="Focused">
60: <Storyboard>
61: <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity">
62: <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
63: </DoubleAnimationUsingKeyFrames>
64: </Storyboard>
65: </vsm:VisualState>
66: <vsm:VisualState x:Name="Unfocused"/>
67: </vsm:VisualStateGroup>
68: </vsm:VisualStateManager.VisualStateGroups>
69: <Border x:Name="Background" Background="#FF0000FF" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="0,0,0,0" BorderThickness="0.5,0.5,0.5,0.5">
70: <Grid Margin="0,0,1,1" Background="#FFFFFFFF" Width="Auto" HorizontalAlignment="Stretch"/>
71: </Border>
72: <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="contentPresenter" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
73: <Rectangle x:Name="DisabledVisualElement" IsHitTestVisible="false" Opacity="0" Fill="#FFFFFFFF" RadiusX="0" RadiusY="0" StrokeThickness="0.5"/>
74: <Rectangle Margin="1" x:Name="FocusVisualElement" IsHitTestVisible="false" Opacity="0" Stroke="#FF0000FF" StrokeThickness="0.5" RadiusX="0" RadiusY="0"/>
75: </Grid>
76: </ControlTemplate>
77: </Setter.Value>
78: </Setter>
79: </Style>
80: <Style x:Key="PagerButtonInnerStyle" TargetType="Button">
81: <Setter Property="Background" Value="#FF0000FF"/>
82: <Setter Property="Foreground" Value="#FF445ECE"/>
83: <Setter Property="Padding" Value="8,3,8,3"/>
84: <Setter Property="BorderThickness" Value="0.5"/>
85: <Setter Property="Template">
86: <Setter.Value>
87: <ControlTemplate TargetType="Button">
88: <Grid Margin="3,3,3,3" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
89: <vsm:VisualStateManager.VisualStateGroups>
90: <vsm:VisualStateGroup x:Name="CommonStates">
91: <vsm:VisualState x:Name="Normal">
92: <Storyboard>
93: <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
94: <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF0000FF"/>
95: </ColorAnimationUsingKeyFrames>
96: </Storyboard>
97: </vsm:VisualState>
98: <vsm:VisualState x:Name="MouseOver">
99: <Storyboard>
100: <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
101: <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF99A5D9"/>
102: </ColorAnimationUsingKeyFrames>
103: </Storyboard>
104: </vsm:VisualState>
105: <vsm:VisualState x:Name="Pressed">
106: <Storyboard>
107: <ColorAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
108: <SplineColorKeyFrame KeyTime="0" Value="#FF99A5D9"/>
109: </ColorAnimationUsingKeyFrames>
110: </Storyboard>
111: </vsm:VisualState>
112: <vsm:VisualState x:Name="Disabled">
113: <Storyboard>
114: <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity">
115: <SplineDoubleKeyFrame KeyTime="0" Value=".55"/>
116: </DoubleAnimationUsingKeyFrames>
117: <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(Rectangle.RadiusX)">
118: <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
119: </DoubleAnimationUsingKeyFrames>
120: <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="(Rectangle.RadiusY)">
121: <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
122: </DoubleAnimationUsingKeyFrames>
123: </Storyboard>
124: </vsm:VisualState>
125: </vsm:VisualStateGroup>
126: <vsm:VisualStateGroup x:Name="FocusStates">
127: <vsm:VisualState x:Name="Focused">
128: <Storyboard>
129: <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity">
130: <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
131: </DoubleAnimationUsingKeyFrames>
132: </Storyboard>
133: </vsm:VisualState>
134: <vsm:VisualState x:Name="Unfocused"/>
135: </vsm:VisualStateGroup>
136: </vsm:VisualStateManager.VisualStateGroups>
137: <Border x:Name="Background" Background="#FF0000FF" BorderBrush="{TemplateBinding BorderBrush}" CornerRadius="0,0,0,0" BorderThickness="0.5,0.5,0.5,0.5">
138: <Grid Margin="0,0,1,1" Background="#FFFFFFFF" Width="Auto" HorizontalAlignment="Stretch"/>
139: </Border>
140: <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="contentPresenter" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
141: <Rectangle x:Name="DisabledVisualElement" IsHitTestVisible="false" Opacity="0" Fill="#FFFFFFFF" RadiusX="0" RadiusY="0" StrokeThickness="0.5"/>
142: <Rectangle Margin="1" x:Name="FocusVisualElement" IsHitTestVisible="false" Opacity="0" Stroke="#FF0000FF" StrokeThickness="0.5" RadiusX="0" RadiusY="0"/>
143: </Grid>
144: </ControlTemplate>
145: </Setter.Value>
146: </Setter>
147: </Style>
148: </UserControl.Resources>
149:
150: <Grid x:Name="LayoutRoot" Background="Transparent">
151:
152: <StackPanel x:Name="spPager" Orientation="Horizontal" Margin="0,10,0,0" />
153:
154: </Grid>
155:
156: </UserControl>