feat: use numpad button.
This commit is contained in:
@@ -9,73 +9,85 @@
|
||||
<Border>
|
||||
<Border.Styles>
|
||||
<Style Selector="RepeatButton">
|
||||
<Setter Property="Command" Value="{Binding $parent[u:NumPad].InputNumber}" />
|
||||
<Setter Property="Command" Value="{Binding $parent[u:NumPad].ProcessClick}" />
|
||||
<Setter Property="CommandParameter" Value="{Binding $self.Content}" />
|
||||
<Setter Property="Width" Value="48"/>
|
||||
<Setter Property="Height" Value="48"/>
|
||||
<Setter Property="Width" Value="48" />
|
||||
<Setter Property="Height" Value="48" />
|
||||
</Style>
|
||||
<Style Selector="u|NumPadButton">
|
||||
<Setter Property="NumMode" Value="{Binding $parent[u:NumPad].NumMode}" />
|
||||
<Setter Property="Command" Value="{Binding $parent[u:NumPad].ProcessClick}" />
|
||||
<Setter Property="Focusable" Value="False"></Setter>
|
||||
<Setter Property="CommandParameter" Value="{Binding $self}" />
|
||||
<Setter Property="Width" Value="54" />
|
||||
<Setter Property="Height" Value="54" />
|
||||
</Style>
|
||||
</Border.Styles>
|
||||
<Grid ColumnDefinitions="*,*,*" RowDefinitions="*,*,*,*">
|
||||
<RepeatButton
|
||||
<Grid ColumnDefinitions="*,*,*,*" RowDefinitions="*,*,*,*,*">
|
||||
<ToggleButton
|
||||
Grid.Row="0"
|
||||
Grid.Column="0"
|
||||
Content="7"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Width="54"
|
||||
Focusable="False"
|
||||
Height="54"
|
||||
Padding="0"
|
||||
IsChecked="{TemplateBinding NumMode,
|
||||
Mode=TwoWay}">
|
||||
<TextBlock>
|
||||
<Run Text="Num" />
|
||||
<LineBreak />
|
||||
<Run Text="Lock" />
|
||||
</TextBlock>
|
||||
</ToggleButton>
|
||||
<u:NumPadButton
|
||||
Grid.Row="0"
|
||||
Grid.Column="1"
|
||||
Content="8"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="0"
|
||||
Grid.Column="2"
|
||||
Content="9"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="1"
|
||||
Grid.Column="0"
|
||||
Content="4"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
FunctionContent="/"
|
||||
NumContent="/"
|
||||
NumKey="OemQuestion" />
|
||||
<u:NumPadButton
|
||||
Grid.Row="1"
|
||||
Grid.Column="1"
|
||||
Content="5"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="1"
|
||||
Grid.Column="2"
|
||||
Content="6"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="2"
|
||||
Grid.Column="0"
|
||||
Content="1"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="2"
|
||||
Grid.Column="1"
|
||||
Content="2"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="2"
|
||||
Grid.Column="2"
|
||||
Content="3"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="3"
|
||||
Grid.ColumnSpan="2"
|
||||
Grid.Column="0"
|
||||
Content="0"
|
||||
Focusable="False" />
|
||||
<RepeatButton
|
||||
Grid.Row="3"
|
||||
Grid.Column="2"
|
||||
Content="."
|
||||
Focusable="False" />
|
||||
FunctionContent="Home"
|
||||
FunctionKey="Home"
|
||||
NumContent="7"
|
||||
NumKey="NumPad7" />
|
||||
</Grid>
|
||||
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
</ControlTheme>
|
||||
|
||||
<ControlTheme x:Key="{x:Type u:NumPadButton}" TargetType="u:NumPadButton">
|
||||
<Setter Property="Focusable" Value="False" />
|
||||
<Setter Property="Cursor" Value="Hand" />
|
||||
<Setter Property="Background" Value="{DynamicResource ButtonDefaultBackground}" />
|
||||
<Setter Property="CornerRadius" Value="3"/>
|
||||
<Setter Property="Template">
|
||||
<ControlTemplate TargetType="u:NumPadButton">
|
||||
<Border Name="PART_Background" Background="{TemplateBinding Background}" CornerRadius="{TemplateBinding CornerRadius}">
|
||||
<Panel>
|
||||
<ContentPresenter
|
||||
Name="PART_ContentPresenter"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Content="{TemplateBinding NumContent}"
|
||||
IsVisible="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=NumMode}" />
|
||||
<ContentPresenter
|
||||
Name="PART_FunctionContentPresenter"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Content="{TemplateBinding FunctionContent}"
|
||||
IsVisible="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=!NumMode}" />
|
||||
</Panel>
|
||||
</Border>
|
||||
</ControlTemplate>
|
||||
</Setter>
|
||||
<Style Selector="^:pointerover /template/ Border#PART_Background">
|
||||
<Setter Property="Background" Value="{DynamicResource ButtonDefaultPointeroverBackground}"></Setter>
|
||||
</Style>
|
||||
<Style Selector="^:pressed /template/ Border#PART_Background">
|
||||
<Setter Property="Background" Value="{DynamicResource ButtonDefaultPressedBackground}"></Setter>
|
||||
</Style>
|
||||
</ControlTheme>
|
||||
</ResourceDictionary>
|
||||
|
||||
@@ -10,7 +10,6 @@ namespace Ursa.Controls;
|
||||
|
||||
public class NumPad: TemplatedControl
|
||||
{
|
||||
private Button? _sevenButton;
|
||||
public static readonly StyledProperty<InputElement?> TargetProperty = AvaloniaProperty.Register<NumPad, InputElement?>(
|
||||
nameof(Target));
|
||||
|
||||
@@ -20,6 +19,15 @@ public class NumPad: TemplatedControl
|
||||
set => SetValue(TargetProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<bool> NumModeProperty = AvaloniaProperty.Register<NumPad, bool>(
|
||||
nameof(NumMode), defaultValue: true);
|
||||
|
||||
public bool NumMode
|
||||
{
|
||||
get => GetValue(NumModeProperty);
|
||||
set => SetValue(NumModeProperty, value);
|
||||
}
|
||||
|
||||
public static readonly AttachedProperty<bool> AttachProperty =
|
||||
AvaloniaProperty.RegisterAttached<NumPad, InputElement, bool>("Attach");
|
||||
|
||||
@@ -28,8 +36,7 @@ public class NumPad: TemplatedControl
|
||||
|
||||
static NumPad()
|
||||
{
|
||||
TargetProperty.Changed.AddClassHandler<NumPad, InputElement?>((n, args) => n.OnTargetChanged(args));
|
||||
AttachProperty.Changed.AddClassHandler<InputElement, bool>((input, args)=> OnAttachNumPad(input, args));
|
||||
AttachProperty.Changed.AddClassHandler<InputElement, bool>(OnAttachNumPad);
|
||||
}
|
||||
|
||||
private static void OnAttachNumPad(InputElement input, AvaloniaPropertyChangedEventArgs<bool> args)
|
||||
@@ -43,12 +50,6 @@ public class NumPad: TemplatedControl
|
||||
GotFocusEvent.RemoveHandler(OnTargetGotFocus, input);
|
||||
}
|
||||
}
|
||||
|
||||
private void OnTargetChanged(AvaloniaPropertyChangedEventArgs<InputElement?> args)
|
||||
{
|
||||
//GotFocusEvent.RemoveHandler(OnTargetGotFocus, args.OldValue.Value);
|
||||
//GotFocusEvent.AddHandler(OnTargetGotFocus, args.NewValue.Value);
|
||||
}
|
||||
|
||||
private static void OnTargetGotFocus(object sender, GotFocusEventArgs e)
|
||||
{
|
||||
@@ -63,23 +64,54 @@ public class NumPad: TemplatedControl
|
||||
OverlayDialog.Show(numPad, new object(), options: new OverlayDialogOptions() { Buttons = DialogButton.None });
|
||||
}
|
||||
|
||||
private void OnSevenButtonClick(object sender, RoutedEventArgs e)
|
||||
private Dictionary<Key, string> _keyInputMapping = new()
|
||||
{
|
||||
Target?.RaiseEvent(new TextInputEventArgs()
|
||||
{
|
||||
Source = this,
|
||||
RoutedEvent = TextInputEvent,
|
||||
Text = "7",
|
||||
});
|
||||
}
|
||||
[Key.NumPad0] = "0",
|
||||
[Key.NumPad1] = "1",
|
||||
[Key.NumPad2] = "2",
|
||||
[Key.NumPad3] = "3",
|
||||
[Key.NumPad4] = "4",
|
||||
[Key.NumPad5] = "5",
|
||||
[Key.NumPad6] = "6",
|
||||
[Key.NumPad7] = "7",
|
||||
[Key.NumPad8] = "8",
|
||||
[Key.NumPad9] = "9",
|
||||
[Key.OemPlus] = "+",
|
||||
[Key.OemMinus] = "-",
|
||||
};
|
||||
|
||||
public void InputNumber(object o)
|
||||
public void ProcessClick(object o)
|
||||
{
|
||||
Target?.RaiseEvent(new TextInputEventArgs()
|
||||
if (o is NumPadButton b)
|
||||
{
|
||||
Source = this,
|
||||
RoutedEvent = TextInputEvent,
|
||||
Text = o.ToString(),
|
||||
});
|
||||
if (b is { NumMode: true, NumKey: not null })
|
||||
{
|
||||
Target?.RaiseEvent(new TextInputEventArgs()
|
||||
{
|
||||
Source = this,
|
||||
RoutedEvent = TextInputEvent,
|
||||
Text = _keyInputMapping.TryGetValue(b.NumKey.Value, out var text)? text:string.Empty,
|
||||
});
|
||||
}
|
||||
else if (b is { NumMode: false, FunctionKey: null, NumKey: not null })
|
||||
{
|
||||
Target?.RaiseEvent(new TextInputEventArgs()
|
||||
{
|
||||
Source = this,
|
||||
RoutedEvent = TextInputEvent,
|
||||
Text = _keyInputMapping.TryGetValue(b.NumKey.Value, out var text)? text:string.Empty,
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
Target?.RaiseEvent(new KeyEventArgs()
|
||||
{
|
||||
Source = this,
|
||||
RoutedEvent = KeyDownEvent,
|
||||
Key = b.FunctionKey ?? Key.None,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
54
src/Ursa/Controls/NumPad/NumPadButton.cs
Normal file
54
src/Ursa/Controls/NumPad/NumPadButton.cs
Normal file
@@ -0,0 +1,54 @@
|
||||
using Avalonia;
|
||||
using Avalonia.Controls;
|
||||
using Avalonia.Input;
|
||||
|
||||
namespace Ursa.Controls;
|
||||
|
||||
public class NumPadButton: RepeatButton
|
||||
{
|
||||
public static readonly StyledProperty<Key?> NumKeyProperty = AvaloniaProperty.Register<NumPadButton, Key?>(
|
||||
nameof(NumKey));
|
||||
|
||||
public Key? NumKey
|
||||
{
|
||||
get => GetValue(NumKeyProperty);
|
||||
set => SetValue(NumKeyProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<Key?> FunctionKeyProperty = AvaloniaProperty.Register<NumPadButton, Key?>(
|
||||
nameof(FunctionKey));
|
||||
|
||||
public Key? FunctionKey
|
||||
{
|
||||
get => GetValue(FunctionKeyProperty);
|
||||
set => SetValue(FunctionKeyProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<bool> NumModeProperty = AvaloniaProperty.Register<NumPadButton, bool>(
|
||||
nameof(NumMode));
|
||||
|
||||
public bool NumMode
|
||||
{
|
||||
get => GetValue(NumModeProperty);
|
||||
set => SetValue(NumModeProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<object?> NumContentProperty = AvaloniaProperty.Register<NumPadButton, object?>(
|
||||
nameof(NumContent));
|
||||
|
||||
public object? NumContent
|
||||
{
|
||||
get => GetValue(NumContentProperty);
|
||||
set => SetValue(NumContentProperty, value);
|
||||
}
|
||||
|
||||
public static readonly StyledProperty<object?> FunctionContentProperty = AvaloniaProperty.Register<NumPadButton, object?>(
|
||||
nameof(FunctionContent));
|
||||
|
||||
public object? FunctionContent
|
||||
{
|
||||
get => GetValue(FunctionContentProperty);
|
||||
set => SetValue(FunctionContentProperty, value);
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user