mirror of https://github.com/leiurayer/downkyi
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
326 lines
16 KiB
326 lines
16 KiB
3 years ago
|
<UserControl
|
||
|
x:Class="DownKyi.ui.CustomControl.CustomPager"
|
||
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||
|
xmlns:local="clr-namespace:DownKyi.ui.CustomControl"
|
||
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||
|
mc:Ignorable="d">
|
||
|
<UserControl.Resources>
|
||
|
<DrawingImage x:Key="ToLeftDrawingImage">
|
||
|
<DrawingImage.Drawing>
|
||
|
<DrawingGroup ClipGeometry="M0,0 V1024 H1024 V0 H0 Z">
|
||
|
<DrawingGroup.Transform>
|
||
|
<TranslateTransform X="0" Y="1.7763568394002505E-15" />
|
||
|
</DrawingGroup.Transform>
|
||
|
<GeometryDrawing Brush="#FF666666" Geometry="F1 M1024,1024z M0,0z M345.49,512L778.27,80.69Q791.47,66.02 791.47,46.95 791.47,27.88 777.54,13.94 763.6,-1.77635683940025E-15 744.53,-1.77635683940025E-15 725.46,-1.77635683940025E-15 710.79,14.67L247.2,478.26Q232.53,492.93 232.53,512 232.53,531.07 247.2,545.74L710.79,1009.33Q725.46,1024 744.53,1024 763.6,1024 777.54,1010.07 791.47,996.13 791.47,977.06 791.47,957.98 778.27,943.31L345.49,512z" />
|
||
|
</DrawingGroup>
|
||
|
</DrawingImage.Drawing>
|
||
|
</DrawingImage>
|
||
|
<DrawingImage x:Key="ToLeftHoverDrawingImage">
|
||
|
<DrawingImage.Drawing>
|
||
|
<DrawingGroup ClipGeometry="M0,0 V1024 H1024 V0 H0 Z">
|
||
|
<DrawingGroup.Transform>
|
||
|
<TranslateTransform X="0" Y="1.7763568394002505E-15" />
|
||
|
</DrawingGroup.Transform>
|
||
|
<GeometryDrawing Brush="#FF00A1D6" Geometry="F1 M1024,1024z M0,0z M345.49,512L778.27,80.69Q791.47,66.02 791.47,46.95 791.47,27.88 777.54,13.94 763.6,-1.77635683940025E-15 744.53,-1.77635683940025E-15 725.46,-1.77635683940025E-15 710.79,14.67L247.2,478.26Q232.53,492.93 232.53,512 232.53,531.07 247.2,545.74L710.79,1009.33Q725.46,1024 744.53,1024 763.6,1024 777.54,1010.07 791.47,996.13 791.47,977.06 791.47,957.98 778.27,943.31L345.49,512z" />
|
||
|
</DrawingGroup>
|
||
|
</DrawingImage.Drawing>
|
||
|
</DrawingImage>
|
||
|
|
||
|
<DrawingImage x:Key="ToRightDrawingImage">
|
||
|
<DrawingImage.Drawing>
|
||
|
<DrawingGroup ClipGeometry="M0,0 V1024 H1024 V0 H0 Z">
|
||
|
<DrawingGroup.Transform>
|
||
|
<TranslateTransform X="0" Y="1.7763568394002505E-15" />
|
||
|
</DrawingGroup.Transform>
|
||
|
<GeometryDrawing Brush="#FF666666" Geometry="F1 M1024,1024z M0,0z M678.51,512L245.73,80.69Q232.53,66.02 232.53,46.95 232.53,27.88 246.46,13.94 260.4,-1.77635683940025E-15 279.47,-1.77635683940025E-15 298.54,-1.77635683940025E-15 313.21,14.67L776.8,478.26Q791.47,492.93 791.47,512 791.47,531.07 776.8,545.74L313.21,1009.33Q298.54,1024 279.47,1024 260.4,1024 246.46,1010.07 232.53,996.13 232.53,977.06 232.53,957.98 245.73,943.31L678.51,512z" />
|
||
|
</DrawingGroup>
|
||
|
</DrawingImage.Drawing>
|
||
|
</DrawingImage>
|
||
|
<DrawingImage x:Key="ToRightHoverDrawingImage">
|
||
|
<DrawingImage.Drawing>
|
||
|
<DrawingGroup ClipGeometry="M0,0 V1024 H1024 V0 H0 Z">
|
||
|
<DrawingGroup.Transform>
|
||
|
<TranslateTransform X="0" Y="1.7763568394002505E-15" />
|
||
|
</DrawingGroup.Transform>
|
||
|
<GeometryDrawing Brush="#FF00A1D6" Geometry="F1 M1024,1024z M0,0z M678.51,512L245.73,80.69Q232.53,66.02 232.53,46.95 232.53,27.88 246.46,13.94 260.4,-1.77635683940025E-15 279.47,-1.77635683940025E-15 298.54,-1.77635683940025E-15 313.21,14.67L776.8,478.26Q791.47,492.93 791.47,512 791.47,531.07 776.8,545.74L313.21,1009.33Q298.54,1024 279.47,1024 260.4,1024 246.46,1010.07 232.53,996.13 232.53,977.06 232.53,957.98 245.73,943.31L678.51,512z" />
|
||
|
</DrawingGroup>
|
||
|
</DrawingImage.Drawing>
|
||
|
</DrawingImage>
|
||
|
|
||
|
<Style x:Key="pagerBorder" TargetType="Border">
|
||
|
<Setter Property="Background" Value="#FFFFFFFF" />
|
||
|
<Setter Property="BorderBrush" Value="#FFD7DDE4" />
|
||
|
<Setter Property="BorderThickness" Value="1" />
|
||
|
<Setter Property="CornerRadius" Value="4" />
|
||
|
<Setter Property="Width" Value="30" />
|
||
|
<Setter Property="Height" Value="30" />
|
||
|
<Setter Property="Cursor" Value="Hand" />
|
||
|
<Style.Triggers>
|
||
|
<Trigger Property="IsMouseOver" Value="true">
|
||
|
<Setter Property="BorderBrush" Value="#FF00A1D6" />
|
||
|
</Trigger>
|
||
|
<Trigger Property="IsMouseOver" Value="false">
|
||
|
<Setter Property="BorderBrush" Value="#FFD7DDE4" />
|
||
|
</Trigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</UserControl.Resources>
|
||
|
|
||
|
<StackPanel Orientation="Horizontal">
|
||
|
<Border
|
||
|
Name="namePrevious"
|
||
|
Margin="0,0,8,0"
|
||
|
MouseLeftButtonUp="Previous_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<Image
|
||
|
Width="16"
|
||
|
Height="16"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center">
|
||
|
<Image.Style>
|
||
|
<Style TargetType="Image">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=namePrevious}" Value="True">
|
||
|
<Setter Property="Source" Value="{DynamicResource ToLeftHoverDrawingImage}" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=namePrevious}" Value="False">
|
||
|
<Setter Property="Source" Value="{DynamicResource ToLeftDrawingImage}" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</Image.Style>
|
||
|
</Image>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameFirst"
|
||
|
Margin="0,0,4,0"
|
||
|
MouseLeftButtonUp="First_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<TextBlock
|
||
|
Name="nameFirstText"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
FontSize="14">
|
||
|
<TextBlock.Style>
|
||
|
<Style TargetType="TextBlock">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameFirst}" Value="True">
|
||
|
<Setter Property="Foreground" Value="#FF00A1D6" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameFirst}" Value="False">
|
||
|
<Setter Property="Foreground" Value="#FF657180" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</TextBlock.Style>
|
||
|
</TextBlock>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameLeftJump"
|
||
|
Width="20"
|
||
|
Height="40"
|
||
|
Margin="0,0,4,0">
|
||
|
<TextBlock
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
Foreground="#FF666666"
|
||
|
Text="•••" />
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="namePreviousSecond"
|
||
|
Margin="0,0,4,0"
|
||
|
MouseLeftButtonUp="PreviousSecond_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<TextBlock
|
||
|
Name="namePreviousSecondText"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
FontSize="14">
|
||
|
<TextBlock.Style>
|
||
|
<Style TargetType="TextBlock">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=namePreviousSecond}" Value="True">
|
||
|
<Setter Property="Foreground" Value="#FF00A1D6" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=namePreviousSecond}" Value="False">
|
||
|
<Setter Property="Foreground" Value="#FF657180" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</TextBlock.Style>
|
||
|
</TextBlock>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="namePreviousFirst"
|
||
|
Margin="0,0,4,0"
|
||
|
MouseLeftButtonUp="PreviousFirst_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<TextBlock
|
||
|
Name="namePreviousFirstText"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
FontSize="14">
|
||
|
<TextBlock.Style>
|
||
|
<Style TargetType="TextBlock">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=namePreviousFirst}" Value="True">
|
||
|
<Setter Property="Foreground" Value="#FF00A1D6" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=namePreviousFirst}" Value="False">
|
||
|
<Setter Property="Foreground" Value="#FF657180" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</TextBlock.Style>
|
||
|
</TextBlock>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameCurrent"
|
||
|
Margin="0,0,4,0"
|
||
|
Background="#FF00A1D6"
|
||
|
BorderThickness="0"
|
||
|
MouseLeftButtonUp="Current_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<TextBlock
|
||
|
Name="nameCurrentText"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
FontSize="14"
|
||
|
Foreground="#FFFFFFFF">
|
||
|
<!--<TextBlock.Style>
|
||
|
<Style TargetType="TextBlock">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameCurrent}" Value="True">
|
||
|
<Setter Property="Foreground" Value="#FF00A1D6"/>
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameCurrent}" Value="False">
|
||
|
<Setter Property="Foreground" Value="#FF657180"/>
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</TextBlock.Style>-->
|
||
|
</TextBlock>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameNextFirst"
|
||
|
Margin="0,0,4,0"
|
||
|
MouseLeftButtonUp="NextFirst_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<TextBlock
|
||
|
Name="nameNextFirstText"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
FontSize="14">
|
||
|
<TextBlock.Style>
|
||
|
<Style TargetType="TextBlock">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameNextFirst}" Value="True">
|
||
|
<Setter Property="Foreground" Value="#FF00A1D6" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameNextFirst}" Value="False">
|
||
|
<Setter Property="Foreground" Value="#FF657180" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</TextBlock.Style>
|
||
|
</TextBlock>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameNextSecond"
|
||
|
Margin="0,0,4,0"
|
||
|
MouseLeftButtonUp="NextSecond_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<TextBlock
|
||
|
Name="nameNextSecondText"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
FontSize="14">
|
||
|
<TextBlock.Style>
|
||
|
<Style TargetType="TextBlock">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameNextSecond}" Value="True">
|
||
|
<Setter Property="Foreground" Value="#FF00A1D6" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameNextSecond}" Value="False">
|
||
|
<Setter Property="Foreground" Value="#FF657180" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</TextBlock.Style>
|
||
|
</TextBlock>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameRightJump"
|
||
|
Width="20"
|
||
|
Height="40"
|
||
|
Margin="0,0,4,0">
|
||
|
<TextBlock
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
Foreground="#FF666666"
|
||
|
Text="•••" />
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameLast"
|
||
|
Margin="0,0,4,0"
|
||
|
MouseLeftButtonUp="Last_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<TextBlock
|
||
|
Name="nameLastText"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center"
|
||
|
FontSize="14">
|
||
|
<TextBlock.Style>
|
||
|
<Style TargetType="TextBlock">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameLast}" Value="True">
|
||
|
<Setter Property="Foreground" Value="#FF00A1D6" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameLast}" Value="False">
|
||
|
<Setter Property="Foreground" Value="#FF657180" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</TextBlock.Style>
|
||
|
</TextBlock>
|
||
|
</Border>
|
||
|
|
||
|
<Border
|
||
|
Name="nameNext"
|
||
|
Margin="4,0,4,0"
|
||
|
MouseLeftButtonUp="Next_MouseLeftButtonUp"
|
||
|
Style="{StaticResource pagerBorder}">
|
||
|
<Image
|
||
|
Width="16"
|
||
|
Height="16"
|
||
|
HorizontalAlignment="Center"
|
||
|
VerticalAlignment="Center">
|
||
|
<Image.Style>
|
||
|
<Style TargetType="Image">
|
||
|
<Style.Triggers>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameNext}" Value="True">
|
||
|
<Setter Property="Source" Value="{DynamicResource ToRightHoverDrawingImage}" />
|
||
|
</DataTrigger>
|
||
|
<DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=nameNext}" Value="False">
|
||
|
<Setter Property="Source" Value="{DynamicResource ToRightDrawingImage}" />
|
||
|
</DataTrigger>
|
||
|
</Style.Triggers>
|
||
|
</Style>
|
||
|
</Image.Style>
|
||
|
</Image>
|
||
|
</Border>
|
||
|
|
||
|
</StackPanel>
|
||
|
</UserControl>
|