spc-kiosk-pb/Kiosk/Common/SPC.Kiosk.Common/Controls/NumericPad2.xaml

<UserControl x:Class="SPC.Kiosk.Common.NumericPad2"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:SPC.Kiosk.Common"
             mc:Ignorable="d" 
             d:DesignHeight="450" 
             d:DesignWidth="400" 
             x:Name="PadBase">
    <UserControl.Resources>
        <local:DoublePercentValue x:Key="HeightToFontSize" />
    </UserControl.Resources>
    <Grid>
        <Grid x:Name="BaseGrid" Width="{Binding Path=Width,ElementName=PadBase}" Height="{Binding Path=Height,ElementName=PadBase}" Background="Transparent">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="1*"/>
                <ColumnDefinition Width="1*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="2*"/>
                <RowDefinition Height="2*"/>
                <RowDefinition Height="2*"/>
                <RowDefinition Height="2*"/>
            </Grid.RowDefinitions>
            <local:AnimationButton x:Name="Button0" 
                                   Grid.Column="1"
                                   Grid.Row="3"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="0"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button1" 
                                   Grid.Column="0"
                                   Grid.Row="0"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="1"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button2" 
                                   Grid.Column="1"
                                   Grid.Row="0"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="2"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button3" 
                                   Grid.Column="2"
                                   Grid.Row="0"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="3"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button4" 
                                   Grid.Column="0"
                                   Grid.Row="1"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="4"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button5" 
                                   Grid.Column="1"
                                   Grid.Row="1"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="5"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button6" 
                                   Grid.Column="2"
                                   Grid.Row="1"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="6"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button7" 
                                   Grid.Column="0"
                                   Grid.Row="2"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="7"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button8" 
                                   Grid.Column="1"
                                   Grid.Row="2"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="8"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="Button9" 
                                   Grid.Column="2"
                                   Grid.Row="2"
                                   NormalBrush="{Binding Path=NormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=TextForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   Text="9"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="ButtonBack" 
                                   Grid.Column="2"
                                   Grid.Row="3"
                                   NormalBrush="{Binding Path=CancelNormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=CancelDownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=CancelForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   TextWrapping="Wrap"
                                   Text="←"
                                   TextFontWeight="Black"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
            <local:AnimationButton x:Name="ButtonCancel" 
                                   Grid.Column="0"
                                   Grid.Row="3"
                                   Grid.ColumnSpan="1"
                                   DisplayLanguage="{Binding Path=DisplayLanguage,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}" 
                                   NormalBrush="{Binding Path=CancelNormalBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   DownBrush="{Binding Path=CancelDownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BrushStretch="Fill"
                                   ClickAnimationType="{Binding Path=ClickAnimationType,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextAlignment="Center"
                                   TextForeground="{Binding Path=CancelForeground,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextVisible="Visible"
                                   TextWrapping="Wrap"
                                   Text="{Binding Path=CancelText,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextFontWeight="Black"
                                   LanguageText="{Binding Path=CancelLanguageText,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   TextFontSize="{Binding ActualHeight,RelativeSource={RelativeSource Self},ConverterParameter=35,Converter={StaticResource HeightToFontSize}}"
                                   BorderBrush="{Binding Path=DownBrush,RelativeSource={RelativeSource AncestorType=local:NumericPad2}}"
                                   BorderThickness="1"
                                   />
        </Grid>
    </Grid>
</UserControl>