danwalmsley
6 years ago
committed by
GitHub
GitHub
30 changed files with 4632 additions and 19 deletions
@ -0,0 +1,123 @@ |
|||||
|
<UserControl xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
||||
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
||||
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
||||
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" |
||||
|
x:Class="ControlCatalog.Pages.DateTimePickerPage"> |
||||
|
<StackPanel Orientation="Vertical" Spacing="4" HorizontalAlignment="Stretch"> |
||||
|
<TextBlock Classes="h1">DatePicker and TimePicker</TextBlock> |
||||
|
<TextBlock Name="DatePickerDesc" Classes="h2" TextWrapping="Wrap"/> |
||||
|
<TextBlock Name="TimePickerDesc" Classes="h2" TextWrapping="Wrap"/> |
||||
|
|
||||
|
<StackPanel Orientation="Vertical" |
||||
|
Margin="16" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
Spacing="16"> |
||||
|
<TextBlock FontSize="18">A simple DatePicker with a header</TextBlock> |
||||
|
<StackPanel Orientation="Vertical"> |
||||
|
<Border BorderBrush="{DynamicResource SystemControlHighlightBaseLowBrush}" |
||||
|
BorderThickness="1" Padding="15"> |
||||
|
<DatePicker Header="Pick a date" /> |
||||
|
</Border> |
||||
|
<Panel Background="{DynamicResource SystemControlBackgroundBaseLowBrush}"> |
||||
|
<TextBlock Padding="15"> |
||||
|
<TextBlock.Text> |
||||
|
<x:String> |
||||
|
<DatePicker Header="Pick a date" /> |
||||
|
</x:String> |
||||
|
</TextBlock.Text> |
||||
|
</TextBlock> |
||||
|
</Panel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<TextBlock FontSize="18">A DatePicker with day formatted and year hidden.</TextBlock> |
||||
|
<StackPanel Orientation="Vertical"> |
||||
|
<Border BorderBrush="{DynamicResource SystemControlHighlightBaseLowBrush}" |
||||
|
BorderThickness="1" Padding="15"> |
||||
|
<DatePicker x:Name="Control2" DayFormat="d (ddd)" |
||||
|
YearVisible="False" /> |
||||
|
</Border> |
||||
|
<Panel Background="{DynamicResource SystemControlBackgroundBaseLowBrush}"> |
||||
|
<TextBlock Padding="15"> |
||||
|
<TextBlock.Text> |
||||
|
<x:String> |
||||
|
<DatePicker DayFormat="d (ddd)" YearVisible="False" /> |
||||
|
</x:String> |
||||
|
</TextBlock.Text> |
||||
|
</TextBlock> |
||||
|
</Panel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<Border Background="{DynamicResource SystemControlHighlightBaseLowBrush}" BorderThickness="1" Margin="15" /> |
||||
|
|
||||
|
<TextBlock FontSize="18">A simple TimePicker.</TextBlock> |
||||
|
<StackPanel Orientation="Vertical"> |
||||
|
<Border BorderBrush="{DynamicResource SystemControlHighlightBaseLowBrush}" |
||||
|
BorderThickness="1" Padding="15"> |
||||
|
<TimePicker /> |
||||
|
</Border> |
||||
|
<Panel Background="{DynamicResource SystemControlBackgroundBaseLowBrush}"> |
||||
|
<TextBlock Padding="15"> |
||||
|
<TextBlock.Text> |
||||
|
<x:String> |
||||
|
<TimePicker /> |
||||
|
</x:String> |
||||
|
</TextBlock.Text> |
||||
|
</TextBlock> |
||||
|
</Panel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<TextBlock FontSize="18">A TimePicker with a header and minute increments specified.</TextBlock> |
||||
|
<StackPanel Orientation="Vertical"> |
||||
|
<Border BorderBrush="{DynamicResource SystemControlHighlightBaseLowBrush}" |
||||
|
BorderThickness="1" Padding="15"> |
||||
|
<TimePicker Header="Arrival time" MinuteIncrement="15" /> |
||||
|
</Border> |
||||
|
<Panel Background="{DynamicResource SystemControlBackgroundBaseLowBrush}"> |
||||
|
<TextBlock Padding="15"> |
||||
|
<TextBlock.Text> |
||||
|
<x:String> |
||||
|
<TimePicker Header="Arrival time" MinuteIncrement="15" /> |
||||
|
</x:String> |
||||
|
</TextBlock.Text> |
||||
|
</TextBlock> |
||||
|
</Panel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<TextBlock FontSize="18">A TimePicker using a 12-hour clock.</TextBlock> |
||||
|
<StackPanel Orientation="Vertical"> |
||||
|
<Border BorderBrush="{DynamicResource SystemControlHighlightBaseLowBrush}" |
||||
|
BorderThickness="1" Padding="15"> |
||||
|
<TimePicker ClockIdentifier="12HourClock" Header="12 hour clock" /> |
||||
|
</Border> |
||||
|
<Panel Background="{DynamicResource SystemControlBackgroundBaseLowBrush}"> |
||||
|
<TextBlock Padding="15"> |
||||
|
<TextBlock.Text> |
||||
|
<x:String> |
||||
|
<TimePicker ClockIdentifier="12HourClock" Header="12 hour clock" /> |
||||
|
</x:String> |
||||
|
</TextBlock.Text> |
||||
|
</TextBlock> |
||||
|
</Panel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<TextBlock FontSize="18">A TimePicker using a 24-hour clock.</TextBlock> |
||||
|
<StackPanel Orientation="Vertical"> |
||||
|
<Border BorderBrush="{DynamicResource SystemControlHighlightBaseLowBrush}" |
||||
|
BorderThickness="1" Padding="15"> |
||||
|
<TimePicker ClockIdentifier="24HourClock" Header="24 hour clock" /> |
||||
|
</Border> |
||||
|
<Panel Background="{DynamicResource SystemControlBackgroundBaseLowBrush}"> |
||||
|
<TextBlock Padding="15"> |
||||
|
<TextBlock.Text> |
||||
|
<x:String> |
||||
|
<TimePicker ClockIdentifier="24HourClock" Header="24 hour clock" /> |
||||
|
</x:String> |
||||
|
</TextBlock.Text> |
||||
|
</TextBlock> |
||||
|
</Panel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
</StackPanel> |
||||
|
</StackPanel> |
||||
|
</UserControl> |
||||
@ -0,0 +1,30 @@ |
|||||
|
using Avalonia; |
||||
|
using Avalonia.Controls; |
||||
|
using Avalonia.Markup.Xaml; |
||||
|
|
||||
|
namespace ControlCatalog.Pages |
||||
|
{ |
||||
|
public class DateTimePickerPage : UserControl |
||||
|
{ |
||||
|
public DateTimePickerPage() |
||||
|
{ |
||||
|
this.InitializeComponent(); |
||||
|
this.FindControl<TextBlock>("DatePickerDesc").Text = "Use a DatePicker to let users set a date in your app, " + |
||||
|
"for example to schedule an appointment. The DatePicker displays three controls for month, day, and year. " + |
||||
|
"These controls are easy to use with touch or mouse, and they can be styled and configured in several different ways. " + |
||||
|
"Order of month, day, and year is dynamically set based on user date settings"; |
||||
|
|
||||
|
this.FindControl<TextBlock>("TimePickerDesc").Text = "Use a TimePicker to let users set a time in your app, for example " + |
||||
|
"to set a reminder. The TimePicker displays three controls for hour, minute, and AM / PM(if necessary).These controls " + |
||||
|
"are easy to use with touch or mouse, and they can be styled and configured in several different ways. " + |
||||
|
"12 - hour or 24 - hour clock and visiblility of AM / PM is dynamically set based on user time settings, or can be overridden."; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
private void InitializeComponent() |
||||
|
{ |
||||
|
AvaloniaXamlLoader.Load(this); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,97 @@ |
|||||
|
<UserControl xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
||||
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" |
||||
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" |
||||
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" |
||||
|
x:Class="ControlCatalog.Pages.SplitViewPage"> |
||||
|
|
||||
|
<Border> |
||||
|
|
||||
|
<Grid ColumnDefinitions="*,225"> |
||||
|
|
||||
|
<StackPanel Grid.Column="1" Orientation="Vertical" Spacing="4" Margin="5"> |
||||
|
<ToggleButton Name="PaneOpenButton" |
||||
|
Content="IsPaneOpen" |
||||
|
IsChecked="{Binding IsPaneOpen, ElementName=SplitView}" /> |
||||
|
|
||||
|
<ToggleButton Name="UseLightDismissOverlayModeButton" |
||||
|
Content="UseLightDismissOverlayMode" |
||||
|
IsChecked="{Binding UseLightDismissOverlayMode, ElementName=SplitView}" /> |
||||
|
|
||||
|
<ToggleSwitch OffContent="Left" OnContent="Right" Content="Placement" IsChecked="{Binding !IsLeft}" /> |
||||
|
|
||||
|
<TextBlock Text="DisplayMode" /> |
||||
|
<ComboBox Name="DisplayModeSelector" Width="170" Margin="10" SelectedIndex="{Binding DisplayMode}"> |
||||
|
<ComboBoxItem>Inline</ComboBoxItem> |
||||
|
<ComboBoxItem>CompactInline</ComboBoxItem> |
||||
|
<ComboBoxItem>Overlay</ComboBoxItem> |
||||
|
<ComboBoxItem>CompactOverlay</ComboBoxItem> |
||||
|
</ComboBox> |
||||
|
|
||||
|
<TextBlock Text="PaneBackground" /> |
||||
|
<ComboBox Name="PaneBackgroundSelector" SelectedIndex="0" Width="170" Margin="10"> |
||||
|
<ComboBoxItem Tag="{DynamicResource SystemControlBackgroundChromeMediumLowBrush}">SystemControlBackgroundChromeMediumLowBrush</ComboBoxItem> |
||||
|
<ComboBoxItem Tag="Red">Red</ComboBoxItem> |
||||
|
<ComboBoxItem Tag="Blue">Blue</ComboBoxItem> |
||||
|
<ComboBoxItem Tag="Green">Green</ComboBoxItem> |
||||
|
</ComboBox> |
||||
|
|
||||
|
<TextBlock Text="{Binding Value, ElementName=OpenPaneLengthSlider, StringFormat='{}OpenPaneLength: {0}'}" /> |
||||
|
<Slider Name="OpenPaneLengthSlider" Value="256" Minimum="128" Maximum="500" |
||||
|
Width="150" /> |
||||
|
|
||||
|
<TextBlock Text="{Binding Value, ElementName=CompactPaneLengthSlider, StringFormat='{}CompactPaneLength: {0}'}" /> |
||||
|
<Slider Name="CompactPaneLengthSlider" Value="48" Minimum="24" Maximum="128" |
||||
|
Width="150" /> |
||||
|
|
||||
|
</StackPanel> |
||||
|
|
||||
|
<Border BorderBrush="{DynamicResource SystemControlHighlightBaseLowBrush}" |
||||
|
BorderThickness="1"> |
||||
|
<!--{Binding SelectedItem.Tag, ElementName=PaneBackgroundSelector}--> |
||||
|
<SplitView Name="SplitView" |
||||
|
PanePlacement="{Binding PanePlacement}" |
||||
|
PaneBackground="{Binding SelectedItem.Tag, ElementName=PaneBackgroundSelector}" |
||||
|
OpenPaneLength="{Binding Value, ElementName=OpenPaneLengthSlider}" |
||||
|
CompactPaneLength="{Binding Value, ElementName=CompactPaneLengthSlider}" |
||||
|
DisplayMode="{Binding CurrentDisplayMode}"> |
||||
|
<SplitView.Pane> |
||||
|
<Grid> |
||||
|
<Grid.RowDefinitions> |
||||
|
<RowDefinition Height="Auto" /> |
||||
|
<RowDefinition Height="*" /> |
||||
|
<RowDefinition Height="Auto" /> |
||||
|
</Grid.RowDefinitions> |
||||
|
<TextBlock Text="PANE CONTENT" FontWeight="Bold" Name="PaneHeader" Margin="5,12,0,0" /> |
||||
|
<ListBoxItem Grid.Row="1" VerticalAlignment="Top" Margin="0 10"> |
||||
|
<StackPanel Orientation="Horizontal"> |
||||
|
<!--Path glyph from materialdesignicons.com--> |
||||
|
<Border Width="48"> |
||||
|
<Viewbox Width="24" Height="24" HorizontalAlignment="Left"> |
||||
|
<Canvas Width="24" Height="24"> |
||||
|
<Path Fill="{DynamicResource SystemControlForegroundBaseHighBrush}" Data="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z" /> |
||||
|
</Canvas> |
||||
|
</Viewbox> |
||||
|
</Border> |
||||
|
<TextBlock Text="People" VerticalAlignment="Center" /> |
||||
|
</StackPanel> |
||||
|
</ListBoxItem> |
||||
|
<TextBlock Grid.Row="2" Text="Item at bottom" Margin="60,12" /> |
||||
|
</Grid> |
||||
|
</SplitView.Pane> |
||||
|
|
||||
|
<Grid> |
||||
|
<TextBlock FontSize="14" FontWeight="700" Text="SplitViewContent" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="{DynamicResource SystemControlForegroundBaseHighBrush}" /> |
||||
|
<TextBlock FontSize="14" FontWeight="700" Text="SplitViewContent" TextAlignment="Left" Foreground="{DynamicResource SystemControlForegroundBaseHighBrush}" /> |
||||
|
<TextBlock FontSize="14" FontWeight="700" Text="SplitViewContent" HorizontalAlignment="Right" TextAlignment="Left" Foreground="{DynamicResource SystemControlForegroundBaseHighBrush}" /> |
||||
|
<TextBlock FontSize="14" FontWeight="700" Text="SplitViewContent" VerticalAlignment="Bottom" TextAlignment="Left" Foreground="{DynamicResource SystemControlForegroundBaseHighBrush}" /> |
||||
|
<TextBlock FontSize="14" FontWeight="700" Text="SplitViewContent" VerticalAlignment="Bottom" HorizontalAlignment="Right" TextAlignment="Left" Foreground="{DynamicResource SystemControlForegroundBaseHighBrush}" /> |
||||
|
</Grid> |
||||
|
|
||||
|
</SplitView> |
||||
|
</Border> |
||||
|
|
||||
|
</Grid> |
||||
|
</Border> |
||||
|
|
||||
|
</UserControl> |
||||
@ -0,0 +1,21 @@ |
|||||
|
using Avalonia; |
||||
|
using Avalonia.Controls; |
||||
|
using Avalonia.Markup.Xaml; |
||||
|
using ControlCatalog.ViewModels; |
||||
|
|
||||
|
namespace ControlCatalog.Pages |
||||
|
{ |
||||
|
public class SplitViewPage : UserControl |
||||
|
{ |
||||
|
public SplitViewPage() |
||||
|
{ |
||||
|
this.InitializeComponent(); |
||||
|
DataContext = new SplitViewPageViewModel(); |
||||
|
} |
||||
|
|
||||
|
private void InitializeComponent() |
||||
|
{ |
||||
|
AvaloniaXamlLoader.Load(this); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,46 @@ |
|||||
|
using System; |
||||
|
using Avalonia.Controls; |
||||
|
using ReactiveUI; |
||||
|
|
||||
|
namespace ControlCatalog.ViewModels |
||||
|
{ |
||||
|
public class SplitViewPageViewModel : ReactiveObject |
||||
|
{ |
||||
|
private bool _isLeft = true; |
||||
|
private int _displayMode = 3; //CompactOverlay
|
||||
|
|
||||
|
public bool IsLeft |
||||
|
{ |
||||
|
get => _isLeft; |
||||
|
set |
||||
|
{ |
||||
|
this.RaiseAndSetIfChanged(ref _isLeft, value); |
||||
|
this.RaisePropertyChanged(nameof(PanePlacement)); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
public int DisplayMode |
||||
|
{ |
||||
|
get => _displayMode; |
||||
|
set |
||||
|
{ |
||||
|
this.RaiseAndSetIfChanged(ref _displayMode, value); |
||||
|
this.RaisePropertyChanged(nameof(CurrentDisplayMode)); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
public SplitViewPanePlacement PanePlacement => _isLeft ? SplitViewPanePlacement.Left : SplitViewPanePlacement.Right; |
||||
|
|
||||
|
public SplitViewDisplayMode CurrentDisplayMode |
||||
|
{ |
||||
|
get |
||||
|
{ |
||||
|
if (Enum.IsDefined(typeof(SplitViewDisplayMode), _displayMode)) |
||||
|
{ |
||||
|
return (SplitViewDisplayMode)_displayMode; |
||||
|
} |
||||
|
return SplitViewDisplayMode.CompactOverlay; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,85 @@ |
|||||
|
namespace Avalonia.Animation.Easings |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Eases a <see cref="double"/> value
|
||||
|
/// using a user-defined cubic bezier curve.
|
||||
|
/// Good for custom easing functions that doesn't quite
|
||||
|
/// fit with the built-in ones.
|
||||
|
/// </summary>
|
||||
|
public class SplineEasing : Easing |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// X coordinate of the first control point
|
||||
|
/// </summary>
|
||||
|
public double X1 |
||||
|
{ |
||||
|
get => _internalKeySpline.ControlPointX1; |
||||
|
set |
||||
|
{ |
||||
|
_internalKeySpline.ControlPointX1 = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Y coordinate of the first control point
|
||||
|
/// </summary>
|
||||
|
public double Y1 |
||||
|
{ |
||||
|
get => _internalKeySpline.ControlPointY1; |
||||
|
set |
||||
|
{ |
||||
|
_internalKeySpline.ControlPointY1 = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// X coordinate of the second control point
|
||||
|
/// </summary>
|
||||
|
public double X2 |
||||
|
{ |
||||
|
get => _internalKeySpline.ControlPointX2; |
||||
|
set |
||||
|
{ |
||||
|
_internalKeySpline.ControlPointX2 = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Y coordinate of the second control point
|
||||
|
/// </summary>
|
||||
|
public double Y2 |
||||
|
{ |
||||
|
get => _internalKeySpline.ControlPointY2; |
||||
|
set |
||||
|
{ |
||||
|
_internalKeySpline.ControlPointY2 = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private readonly KeySpline _internalKeySpline; |
||||
|
|
||||
|
public SplineEasing(double x1 = 0d, double y1 = 0d, double x2 = 1d, double y2 = 1d) |
||||
|
{ |
||||
|
_internalKeySpline = new KeySpline(); |
||||
|
|
||||
|
this.X1 = x1; |
||||
|
this.Y1 = y1; |
||||
|
this.X2 = x2; |
||||
|
this.Y1 = y2; |
||||
|
} |
||||
|
|
||||
|
public SplineEasing(KeySpline keySpline) |
||||
|
{ |
||||
|
_internalKeySpline = keySpline; |
||||
|
} |
||||
|
|
||||
|
public SplineEasing() |
||||
|
{ |
||||
|
_internalKeySpline = new KeySpline(); |
||||
|
} |
||||
|
|
||||
|
/// <inheritdoc/>
|
||||
|
public override double Ease(double progress) => |
||||
|
_internalKeySpline.GetSplineProgress(progress); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,25 @@ |
|||||
|
using System; |
||||
|
using System.ComponentModel; |
||||
|
using System.Globalization; |
||||
|
|
||||
|
// Ported from WPF open-source code.
|
||||
|
// https://github.com/dotnet/wpf/blob/ae1790531c3b993b56eba8b1f0dd395a3ed7de75/src/Microsoft.DotNet.Wpf/src/PresentationCore/System/Windows/Media/Animation/KeySpline.cs
|
||||
|
|
||||
|
namespace Avalonia.Animation |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Converts string values to <see cref="KeySpline"/> values
|
||||
|
/// </summary>
|
||||
|
public class KeySplineTypeConverter : TypeConverter |
||||
|
{ |
||||
|
public override bool CanConvertFrom(ITypeDescriptorContext context, Type sourceType) |
||||
|
{ |
||||
|
return sourceType == typeof(string); |
||||
|
} |
||||
|
|
||||
|
public override object ConvertFrom(ITypeDescriptorContext context, CultureInfo culture, object value) |
||||
|
{ |
||||
|
return KeySpline.Parse((string)value, culture); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,412 @@ |
|||||
|
using Avalonia.Controls.Primitives; |
||||
|
using Avalonia.Controls.Shapes; |
||||
|
using Avalonia.Controls.Templates; |
||||
|
using Avalonia.Interactivity; |
||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Globalization; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// A control to allow the user to select a date
|
||||
|
/// </summary>
|
||||
|
public class DatePicker : TemplatedControl |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Define the <see cref="DayFormat"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, string> DayFormatProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, string>(nameof(DayFormat), |
||||
|
x => x.DayFormat, (x, v) => x.DayFormat = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="DayVisible"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, bool> DayVisibleProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, bool>(nameof(DayVisible), |
||||
|
x => x.DayVisible, (x, v) => x.DayVisible = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Header"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<object> HeaderProperty = |
||||
|
AvaloniaProperty.Register<DatePicker, object>(nameof(Header)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="HeaderTemplate"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<IDataTemplate> HeaderTemplateProperty = |
||||
|
AvaloniaProperty.Register<DatePicker, IDataTemplate>(nameof(HeaderTemplate)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MaxYear"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, DateTimeOffset> MaxYearProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, DateTimeOffset>(nameof(MaxYear), |
||||
|
x => x.MaxYear, (x, v) => x.MaxYear = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MinYear"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, DateTimeOffset> MinYearProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, DateTimeOffset>(nameof(MinYear), |
||||
|
x => x.MinYear, (x, v) => x.MinYear = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MonthFormat"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, string> MonthFormatProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, string>(nameof(MonthFormat), |
||||
|
x => x.MonthFormat, (x, v) => x.MonthFormat = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MonthVisible"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, bool> MonthVisibleProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, bool>(nameof(MonthVisible), |
||||
|
x => x.MonthVisible, (x, v) => x.MonthVisible = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defiens the <see cref="YearFormat"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, string> YearFormatProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, string>(nameof(YearFormat), |
||||
|
x => x.YearFormat, (x, v) => x.YearFormat = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="YearVisible"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, bool> YearVisibleProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, bool>(nameof(YearVisible), |
||||
|
x => x.YearVisible, (x, v) => x.YearVisible = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="SelectedDate"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePicker, DateTimeOffset?> SelectedDateProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePicker, DateTimeOffset?>(nameof(SelectedDate), |
||||
|
x => x.SelectedDate, (x, v) => x.SelectedDate = v); |
||||
|
|
||||
|
//Template Items
|
||||
|
private Button _flyoutButton; |
||||
|
private TextBlock _dayText; |
||||
|
private TextBlock _monthText; |
||||
|
private TextBlock _yearText; |
||||
|
private Grid _container; |
||||
|
private Rectangle _spacer1; |
||||
|
private Rectangle _spacer2; |
||||
|
private Popup _popup; |
||||
|
private DatePickerPresenter _presenter; |
||||
|
|
||||
|
private bool _areControlsAvailable; |
||||
|
|
||||
|
private string _dayFormat = "%d"; |
||||
|
private bool _dayVisible = true; |
||||
|
private DateTimeOffset _maxYear; |
||||
|
private DateTimeOffset _minYear; |
||||
|
private string _monthFormat = "MMMM"; |
||||
|
private bool _monthVisible = true; |
||||
|
private string _yearFormat = "yyyy"; |
||||
|
private bool _yearVisible = true; |
||||
|
private DateTimeOffset? _selectedDate; |
||||
|
|
||||
|
public DatePicker() |
||||
|
{ |
||||
|
PseudoClasses.Set(":hasnodate", true); |
||||
|
var now = DateTimeOffset.Now; |
||||
|
_minYear = new DateTimeOffset(now.Date.Year - 100, 1, 1, 0, 0, 0, now.Offset); |
||||
|
_maxYear = new DateTimeOffset(now.Date.Year + 100, 12, 31, 0, 0, 0, now.Offset); |
||||
|
} |
||||
|
|
||||
|
public string DayFormat |
||||
|
{ |
||||
|
get => _dayFormat; |
||||
|
set => SetAndRaise(DayFormatProperty, ref _dayFormat, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether the day is visible
|
||||
|
/// </summary>
|
||||
|
public bool DayVisible |
||||
|
{ |
||||
|
get => _dayVisible; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(DayVisibleProperty, ref _dayVisible, value); |
||||
|
SetGrid(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the DatePicker header
|
||||
|
/// </summary>
|
||||
|
public object Header |
||||
|
{ |
||||
|
get => GetValue(HeaderProperty); |
||||
|
set => SetValue(HeaderProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the header template
|
||||
|
/// </summary>
|
||||
|
public IDataTemplate HeaderTemplate |
||||
|
{ |
||||
|
get => GetValue(HeaderTemplateProperty); |
||||
|
set => SetValue(HeaderTemplateProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the maximum year for the picker
|
||||
|
/// </summary>
|
||||
|
public DateTimeOffset MaxYear |
||||
|
{ |
||||
|
get => _maxYear; |
||||
|
set |
||||
|
{ |
||||
|
if (value < MinYear) |
||||
|
throw new InvalidOperationException("MaxDate cannot be less than MinDate"); |
||||
|
SetAndRaise(MaxYearProperty, ref _maxYear, value); |
||||
|
|
||||
|
if (SelectedDate.HasValue && SelectedDate.Value > value) |
||||
|
SelectedDate = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minimum year for the picker
|
||||
|
/// </summary>
|
||||
|
public DateTimeOffset MinYear |
||||
|
{ |
||||
|
get => _minYear; |
||||
|
set |
||||
|
{ |
||||
|
if (value > MaxYear) |
||||
|
throw new InvalidOperationException("MinDate cannot be greater than MaxDate"); |
||||
|
SetAndRaise(MinYearProperty, ref _minYear, value); |
||||
|
|
||||
|
if (SelectedDate.HasValue && SelectedDate.Value < value) |
||||
|
SelectedDate = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the month format
|
||||
|
/// </summary>
|
||||
|
public string MonthFormat |
||||
|
{ |
||||
|
get => _monthFormat; |
||||
|
set => SetAndRaise(MonthFormatProperty, ref _monthFormat, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether the month is visible
|
||||
|
/// </summary>
|
||||
|
public bool MonthVisible |
||||
|
{ |
||||
|
get => _monthVisible; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(MonthVisibleProperty, ref _monthVisible, value); |
||||
|
SetGrid(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the year format
|
||||
|
/// </summary>
|
||||
|
public string YearFormat |
||||
|
{ |
||||
|
get => _yearFormat; |
||||
|
set => SetAndRaise(YearFormatProperty, ref _yearFormat, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether the year is visible
|
||||
|
/// </summary>
|
||||
|
public bool YearVisible |
||||
|
{ |
||||
|
get => _yearVisible; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(YearVisibleProperty, ref _yearVisible, value); |
||||
|
SetGrid(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the Selected Date for the picker, can be null
|
||||
|
/// </summary>
|
||||
|
public DateTimeOffset? SelectedDate |
||||
|
{ |
||||
|
get => _selectedDate; |
||||
|
set |
||||
|
{ |
||||
|
var old = _selectedDate; |
||||
|
SetAndRaise(SelectedDateProperty, ref _selectedDate, value); |
||||
|
SetSelectedDateText(); |
||||
|
OnSelectedDateChanged(this, new DatePickerSelectedValueChangedEventArgs(old, value)); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Raised when the <see cref="SelectedDate"/> changes
|
||||
|
/// </summary>
|
||||
|
public event EventHandler<DatePickerSelectedValueChangedEventArgs> SelectedDateChanged; |
||||
|
|
||||
|
protected override void OnApplyTemplate(TemplateAppliedEventArgs e) |
||||
|
{ |
||||
|
_areControlsAvailable = false; |
||||
|
if (_flyoutButton != null) |
||||
|
_flyoutButton.Click -= OnFlyoutButtonClicked; |
||||
|
if (_presenter != null) |
||||
|
{ |
||||
|
_presenter.Confirmed -= OnConfirmed; |
||||
|
_presenter.Dismissed -= OnDismissPicker; |
||||
|
} |
||||
|
|
||||
|
base.OnApplyTemplate(e); |
||||
|
_flyoutButton = e.NameScope.Find<Button>("FlyoutButton"); |
||||
|
_dayText = e.NameScope.Find<TextBlock>("DayText"); |
||||
|
_monthText = e.NameScope.Find<TextBlock>("MonthText"); |
||||
|
_yearText = e.NameScope.Find<TextBlock>("YearText"); |
||||
|
_container = e.NameScope.Find<Grid>("ButtonContentGrid"); |
||||
|
_spacer1 = e.NameScope.Find<Rectangle>("FirstSpacer"); |
||||
|
_spacer2 = e.NameScope.Find<Rectangle>("SecondSpacer"); |
||||
|
_popup = e.NameScope.Find<Popup>("Popup"); |
||||
|
_presenter = e.NameScope.Find<DatePickerPresenter>("PickerPresenter"); |
||||
|
|
||||
|
_areControlsAvailable = true; |
||||
|
|
||||
|
SetGrid(); |
||||
|
SetSelectedDateText(); |
||||
|
|
||||
|
if (_flyoutButton != null) |
||||
|
_flyoutButton.Click += OnFlyoutButtonClicked; |
||||
|
|
||||
|
if (_presenter != null) |
||||
|
{ |
||||
|
_presenter.Confirmed += OnConfirmed; |
||||
|
_presenter.Dismissed += OnDismissPicker; |
||||
|
|
||||
|
_presenter[!DatePickerPresenter.MaxYearProperty] = this[!MaxYearProperty]; |
||||
|
_presenter[!DatePickerPresenter.MinYearProperty] = this[!MinYearProperty]; |
||||
|
|
||||
|
_presenter[!DatePickerPresenter.MonthVisibleProperty] = this[!MonthVisibleProperty]; |
||||
|
_presenter[!DatePickerPresenter.MonthFormatProperty] = this[!MonthFormatProperty]; |
||||
|
|
||||
|
_presenter[!DatePickerPresenter.DayVisibleProperty] = this[!DayVisibleProperty]; |
||||
|
_presenter[!DatePickerPresenter.DayFormatProperty] = this[!DayFormatProperty]; |
||||
|
|
||||
|
_presenter[!DatePickerPresenter.YearVisibleProperty] = this[!YearVisibleProperty]; |
||||
|
_presenter[!DatePickerPresenter.YearFormatProperty] = this[!YearFormatProperty]; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void OnDismissPicker(object sender, EventArgs e) |
||||
|
{ |
||||
|
_popup.Close(); |
||||
|
Focus(); |
||||
|
} |
||||
|
|
||||
|
private void OnConfirmed(object sender, EventArgs e) |
||||
|
{ |
||||
|
_popup.Close(); |
||||
|
SelectedDate = _presenter.Date; |
||||
|
} |
||||
|
|
||||
|
private void SetGrid() |
||||
|
{ |
||||
|
if (_container == null) |
||||
|
return; |
||||
|
|
||||
|
var fmt = CultureInfo.CurrentCulture.DateTimeFormat.ShortDatePattern; |
||||
|
var columns = new List<(TextBlock, int)> |
||||
|
{ |
||||
|
(_monthText, MonthVisible ? fmt.IndexOf("m", StringComparison.OrdinalIgnoreCase) : -1), |
||||
|
(_yearText, YearVisible ? fmt.IndexOf("y", StringComparison.OrdinalIgnoreCase) : -1), |
||||
|
(_dayText, DayVisible ? fmt.IndexOf("d", StringComparison.OrdinalIgnoreCase) : -1), |
||||
|
}; |
||||
|
|
||||
|
columns.Sort((x, y) => x.Item2 - y.Item2); |
||||
|
_container.ColumnDefinitions.Clear(); |
||||
|
|
||||
|
var columnIndex = 0; |
||||
|
|
||||
|
foreach (var column in columns) |
||||
|
{ |
||||
|
if (column.Item1 is null) |
||||
|
continue; |
||||
|
|
||||
|
column.Item1.IsVisible = column.Item2 != -1; |
||||
|
|
||||
|
if (column.Item2 != -1) |
||||
|
{ |
||||
|
if (columnIndex > 0) |
||||
|
{ |
||||
|
_container.ColumnDefinitions.Add(new ColumnDefinition(0, GridUnitType.Auto)); |
||||
|
} |
||||
|
|
||||
|
_container.ColumnDefinitions.Add( |
||||
|
new ColumnDefinition(column.Item1 == _monthText ? 138 : 78, GridUnitType.Star)); |
||||
|
|
||||
|
if (column.Item1.Parent is null) |
||||
|
{ |
||||
|
_container.Children.Add(column.Item1); |
||||
|
} |
||||
|
|
||||
|
Grid.SetColumn(column.Item1, (columnIndex++ * 2)); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Grid.SetColumn(_spacer1, 1); |
||||
|
Grid.SetColumn(_spacer2, 3); |
||||
|
_spacer1.IsVisible = columnIndex > 1; |
||||
|
_spacer2.IsVisible = columnIndex > 2; |
||||
|
} |
||||
|
|
||||
|
private void SetSelectedDateText() |
||||
|
{ |
||||
|
if (!_areControlsAvailable) |
||||
|
return; |
||||
|
|
||||
|
if (SelectedDate.HasValue) |
||||
|
{ |
||||
|
PseudoClasses.Set(":hasnodate", false); |
||||
|
var selDate = SelectedDate.Value; |
||||
|
_monthText.Text = selDate.ToString(MonthFormat); |
||||
|
_yearText.Text = selDate.ToString(YearFormat); |
||||
|
_dayText.Text = selDate.ToString(DayFormat); |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
PseudoClasses.Set(":hasnodate", true); |
||||
|
_monthText.Text = "month"; |
||||
|
_yearText.Text = "year"; |
||||
|
_dayText.Text = "day"; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void OnFlyoutButtonClicked(object sender, RoutedEventArgs e) |
||||
|
{ |
||||
|
if (_presenter == null) |
||||
|
throw new InvalidOperationException("No DatePickerPresenter found"); |
||||
|
|
||||
|
_presenter.Date = SelectedDate ?? DateTimeOffset.Now; |
||||
|
|
||||
|
_popup.IsOpen = true; |
||||
|
|
||||
|
var deltaY = _presenter.GetOffsetForPopup(); |
||||
|
|
||||
|
//The extra 5 px I think is related to default popup placement behavior
|
||||
|
_popup.Host.ConfigurePosition(_popup.PlacementTarget, PlacementMode.AnchorAndGravity, new Point(0, deltaY + 5), |
||||
|
Primitives.PopupPositioning.PopupAnchor.Bottom, Primitives.PopupPositioning.PopupGravity.Bottom, |
||||
|
Primitives.PopupPositioning.PopupPositionerConstraintAdjustment.SlideY); |
||||
|
} |
||||
|
|
||||
|
protected virtual void OnSelectedDateChanged(object sender, DatePickerSelectedValueChangedEventArgs e) |
||||
|
{ |
||||
|
SelectedDateChanged?.Invoke(sender, e); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,531 @@ |
|||||
|
using Avalonia.Controls.Primitives; |
||||
|
using Avalonia.Controls.Shapes; |
||||
|
using Avalonia.Input; |
||||
|
using Avalonia.Interactivity; |
||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Globalization; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the presenter used for selecting a date for a
|
||||
|
/// <see cref="DatePicker"/>
|
||||
|
/// </summary>
|
||||
|
public class DatePickerPresenter : PickerPresenterBase |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Date"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, DateTimeOffset> DateProperty = |
||||
|
AvaloniaProperty.RegisterDirect<DatePickerPresenter, DateTimeOffset>(nameof(Date), |
||||
|
x => x.Date, (x, v) => x.Date = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="DayFormat"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, string> DayFormatProperty = |
||||
|
DatePicker.DayFormatProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.DayFormat, (x, v) => x.DayFormat = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="DayVisible"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, bool> DayVisibleProperty = |
||||
|
DatePicker.DayVisibleProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.DayVisible, (x, v) => x.DayVisible = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MaxYear"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, DateTimeOffset> MaxYearProperty = |
||||
|
DatePicker.MaxYearProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.MaxYear, (x, v) => x.MaxYear = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MinYear"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, DateTimeOffset> MinYearProperty = |
||||
|
DatePicker.MinYearProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.MinYear, (x, v) => x.MinYear = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MonthFormat"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, string> MonthFormatProperty = |
||||
|
DatePicker.MonthFormatProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.MonthFormat, (x, v) => x.MonthFormat = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MonthVisible"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, bool> MonthVisibleProperty = |
||||
|
DatePicker.MonthVisibleProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.MonthVisible, (x, v) => x.MonthVisible = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="YearFormat"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, string> YearFormatProperty = |
||||
|
DatePicker.YearFormatProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.YearFormat, (x, v) => x.YearFormat = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="YearVisible"/> Property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<DatePickerPresenter, bool> YearVisibleProperty = |
||||
|
DatePicker.YearVisibleProperty.AddOwner<DatePickerPresenter>(x => |
||||
|
x.YearVisible, (x, v) => x.YearVisible = v); |
||||
|
|
||||
|
//Template Items
|
||||
|
private Grid _pickerContainer; |
||||
|
private Button _acceptButton; |
||||
|
private Button _dismissButton; |
||||
|
private Rectangle _spacer1; |
||||
|
private Rectangle _spacer2; |
||||
|
private Panel _monthHost; |
||||
|
private Panel _yearHost; |
||||
|
private Panel _dayHost; |
||||
|
private DateTimePickerPanel _monthSelector; |
||||
|
private DateTimePickerPanel _yearSelector; |
||||
|
private DateTimePickerPanel _daySelector; |
||||
|
private Button _monthUpButton; |
||||
|
private Button _dayUpButton; |
||||
|
private Button _yearUpButton; |
||||
|
private Button _monthDownButton; |
||||
|
private Button _dayDownButton; |
||||
|
private Button _yearDownButton; |
||||
|
|
||||
|
private DateTimeOffset _date; |
||||
|
private string _dayFormat = "%d"; |
||||
|
private bool _dayVisible = true; |
||||
|
private DateTimeOffset _maxYear; |
||||
|
private DateTimeOffset _minYear; |
||||
|
private string _monthFormat = "MMMM"; |
||||
|
private bool _monthVisible = true; |
||||
|
private string _yearFormat = "yyyy"; |
||||
|
private bool _yearVisible = true; |
||||
|
private DateTimeOffset _syncDate; |
||||
|
|
||||
|
private GregorianCalendar _calendar; |
||||
|
private bool _suppressUpdateSelection; |
||||
|
|
||||
|
public DatePickerPresenter() |
||||
|
{ |
||||
|
var now = DateTimeOffset.Now; |
||||
|
_minYear = new DateTimeOffset(now.Year - 100, 1, 1, 0, 0, 0, now.Offset); |
||||
|
_maxYear = new DateTimeOffset(now.Year + 100, 12, 31, 0, 0, 0, now.Offset); |
||||
|
_date = now; |
||||
|
_calendar = new GregorianCalendar(); |
||||
|
KeyboardNavigation.SetTabNavigation(this, KeyboardNavigationMode.Cycle); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the current Date for the picker
|
||||
|
/// </summary>
|
||||
|
public DateTimeOffset Date |
||||
|
{ |
||||
|
get => _date; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(DateProperty, ref _date, value); |
||||
|
_syncDate = Date; |
||||
|
InitPicker(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the DayFormat
|
||||
|
/// </summary>
|
||||
|
public string DayFormat |
||||
|
{ |
||||
|
get => _dayFormat; |
||||
|
set => SetAndRaise(DayFormatProperty, ref _dayFormat, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Get or sets whether the Day selector is visible
|
||||
|
/// </summary>
|
||||
|
public bool DayVisible |
||||
|
{ |
||||
|
get => _dayVisible; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(DayVisibleProperty, ref _dayVisible, value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the maximum pickable year
|
||||
|
/// </summary>
|
||||
|
public DateTimeOffset MaxYear |
||||
|
{ |
||||
|
get => _maxYear; |
||||
|
set |
||||
|
{ |
||||
|
if (value < MinYear) |
||||
|
throw new InvalidOperationException("MaxDate cannot be less than MinDate"); |
||||
|
SetAndRaise(MaxYearProperty, ref _maxYear, value); |
||||
|
|
||||
|
if (Date > value) |
||||
|
Date = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minimum pickable year
|
||||
|
/// </summary>
|
||||
|
public DateTimeOffset MinYear |
||||
|
{ |
||||
|
get => _minYear; |
||||
|
set |
||||
|
{ |
||||
|
if (value > MaxYear) |
||||
|
throw new InvalidOperationException("MinDate cannot be greater than MaxDate"); |
||||
|
SetAndRaise(MinYearProperty, ref _minYear, value); |
||||
|
|
||||
|
if (Date < value) |
||||
|
Date = value; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the month format
|
||||
|
/// </summary>
|
||||
|
public string MonthFormat |
||||
|
{ |
||||
|
get => _monthFormat; |
||||
|
set => SetAndRaise(MonthFormatProperty, ref _monthFormat, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether the month selector is visible
|
||||
|
/// </summary>
|
||||
|
public bool MonthVisible |
||||
|
{ |
||||
|
get => _monthVisible; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(MonthVisibleProperty, ref _monthVisible, value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the year format
|
||||
|
/// </summary>
|
||||
|
public string YearFormat |
||||
|
{ |
||||
|
get => _yearFormat; |
||||
|
set => SetAndRaise(YearFormatProperty, ref _yearFormat, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether the year selector is visible
|
||||
|
/// </summary>
|
||||
|
public bool YearVisible |
||||
|
{ |
||||
|
get => _yearVisible; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(YearVisibleProperty, ref _yearVisible, value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
protected override void OnApplyTemplate(TemplateAppliedEventArgs e) |
||||
|
{ |
||||
|
base.OnApplyTemplate(e); |
||||
|
//These are requirements, so throw if not found
|
||||
|
_pickerContainer = e.NameScope.Get<Grid>("PickerContainer"); |
||||
|
_monthHost = e.NameScope.Get<Panel>("MonthHost"); |
||||
|
_dayHost = e.NameScope.Get<Panel>("DayHost"); |
||||
|
_yearHost = e.NameScope.Get<Panel>("YearHost"); |
||||
|
|
||||
|
_monthSelector = e.NameScope.Get<DateTimePickerPanel>("MonthSelector"); |
||||
|
_monthSelector.SelectionChanged += OnMonthChanged; |
||||
|
|
||||
|
_daySelector = e.NameScope.Get<DateTimePickerPanel>("DaySelector"); |
||||
|
_daySelector.SelectionChanged += OnDayChanged; |
||||
|
|
||||
|
_yearSelector = e.NameScope.Get<DateTimePickerPanel>("YearSelector"); |
||||
|
_yearSelector.SelectionChanged += OnYearChanged; |
||||
|
|
||||
|
_acceptButton = e.NameScope.Get<Button>("AcceptButton"); |
||||
|
|
||||
|
_monthUpButton = e.NameScope.Find<RepeatButton>("MonthUpButton"); |
||||
|
if (_monthUpButton != null) |
||||
|
{ |
||||
|
_monthUpButton.Click += OnSelectorButtonClick; |
||||
|
} |
||||
|
_monthDownButton = e.NameScope.Find<RepeatButton>("MonthDownButton"); |
||||
|
if (_monthDownButton != null) |
||||
|
{ |
||||
|
_monthDownButton.Click += OnSelectorButtonClick; |
||||
|
} |
||||
|
|
||||
|
_dayUpButton = e.NameScope.Find<RepeatButton>("DayUpButton"); |
||||
|
if (_dayUpButton != null) |
||||
|
{ |
||||
|
_dayUpButton.Click += OnSelectorButtonClick; |
||||
|
} |
||||
|
_dayDownButton = e.NameScope.Find<RepeatButton>("DayDownButton"); |
||||
|
if (_dayDownButton != null) |
||||
|
{ |
||||
|
_dayDownButton.Click += OnSelectorButtonClick; |
||||
|
} |
||||
|
|
||||
|
_yearUpButton = e.NameScope.Find<RepeatButton>("YearUpButton"); |
||||
|
if (_yearUpButton != null) |
||||
|
{ |
||||
|
_yearUpButton.Click += OnSelectorButtonClick; |
||||
|
} |
||||
|
_yearDownButton = e.NameScope.Find<RepeatButton>("YearDownButton"); |
||||
|
if (_yearDownButton != null) |
||||
|
{ |
||||
|
_yearDownButton.Click += OnSelectorButtonClick; |
||||
|
} |
||||
|
|
||||
|
_dismissButton = e.NameScope.Find<Button>("DismissButton"); |
||||
|
_spacer1 = e.NameScope.Find<Rectangle>("FirstSpacer"); |
||||
|
_spacer2 = e.NameScope.Find<Rectangle>("SecondSpacer"); |
||||
|
|
||||
|
if (_acceptButton != null) |
||||
|
{ |
||||
|
_acceptButton.Click += OnAcceptButtonClicked; |
||||
|
} |
||||
|
if (_dismissButton != null) |
||||
|
{ |
||||
|
_dismissButton.Click += OnDismissButtonClicked; |
||||
|
} |
||||
|
InitPicker(); |
||||
|
} |
||||
|
|
||||
|
protected override void OnKeyDown(KeyEventArgs e) |
||||
|
{ |
||||
|
switch (e.Key) |
||||
|
{ |
||||
|
case Key.Escape: |
||||
|
OnDismiss(); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
case Key.Tab: |
||||
|
var nextFocus = KeyboardNavigationHandler.GetNext(FocusManager.Instance.Current, NavigationDirection.Next); |
||||
|
KeyboardDevice.Instance?.SetFocusedElement(nextFocus, NavigationMethod.Tab, KeyModifiers.None); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
case Key.Enter: |
||||
|
Date = _syncDate; |
||||
|
OnConfirmed(); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
} |
||||
|
base.OnKeyDown(e); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Initializes the picker selectors.
|
||||
|
/// </summary>
|
||||
|
private void InitPicker() |
||||
|
{ |
||||
|
//OnApplyTemplate must've been called before we can init here...
|
||||
|
if (_pickerContainer == null) |
||||
|
return; |
||||
|
|
||||
|
_suppressUpdateSelection = true; |
||||
|
|
||||
|
_monthSelector.MaximumValue = 12; |
||||
|
_monthSelector.MinimumValue = 1; |
||||
|
_monthSelector.ItemFormat = MonthFormat; |
||||
|
|
||||
|
_daySelector.ItemFormat = DayFormat; |
||||
|
|
||||
|
_yearSelector.MaximumValue = MaxYear.Year; |
||||
|
_yearSelector.MinimumValue = MinYear.Year; |
||||
|
_yearSelector.ItemFormat = YearFormat; |
||||
|
|
||||
|
SetGrid(); |
||||
|
|
||||
|
//Date should've been set when we reach this point
|
||||
|
var dt = Date; |
||||
|
if (DayVisible) |
||||
|
{ |
||||
|
GregorianCalendar gc = new GregorianCalendar(); |
||||
|
var maxDays = gc.GetDaysInMonth(dt.Year, dt.Month); |
||||
|
_daySelector.MaximumValue = maxDays; |
||||
|
_daySelector.MinimumValue = 1; |
||||
|
_daySelector.SelectedValue = dt.Day; |
||||
|
_daySelector.FormatDate = dt.Date; |
||||
|
} |
||||
|
|
||||
|
if (MonthVisible) |
||||
|
_monthSelector.SelectedValue = dt.Month; |
||||
|
|
||||
|
if (YearVisible) |
||||
|
_yearSelector.SelectedValue = dt.Year; |
||||
|
_suppressUpdateSelection = false; |
||||
|
|
||||
|
SetInitialFocus(); |
||||
|
} |
||||
|
|
||||
|
private void SetGrid() |
||||
|
{ |
||||
|
var fmt = CultureInfo.CurrentCulture.DateTimeFormat.ShortDatePattern; |
||||
|
var columns = new List<(Panel, int)> |
||||
|
{ |
||||
|
(_monthHost, MonthVisible ? fmt.IndexOf("m", StringComparison.OrdinalIgnoreCase) : -1), |
||||
|
(_yearHost, YearVisible ? fmt.IndexOf("y", StringComparison.OrdinalIgnoreCase) : -1), |
||||
|
(_dayHost, DayVisible ? fmt.IndexOf("d", StringComparison.OrdinalIgnoreCase) : -1), |
||||
|
}; |
||||
|
|
||||
|
columns.Sort((x, y) => x.Item2 - y.Item2); |
||||
|
_pickerContainer.ColumnDefinitions.Clear(); |
||||
|
|
||||
|
var columnIndex = 0; |
||||
|
|
||||
|
foreach (var column in columns) |
||||
|
{ |
||||
|
if (column.Item1 is null) |
||||
|
continue; |
||||
|
|
||||
|
column.Item1.IsVisible = column.Item2 != -1; |
||||
|
|
||||
|
if (column.Item2 != -1) |
||||
|
{ |
||||
|
if (columnIndex > 0) |
||||
|
{ |
||||
|
_pickerContainer.ColumnDefinitions.Add(new ColumnDefinition(0, GridUnitType.Auto)); |
||||
|
} |
||||
|
|
||||
|
_pickerContainer.ColumnDefinitions.Add( |
||||
|
new ColumnDefinition(column.Item1 == _monthHost ? 138 : 78, GridUnitType.Star)); |
||||
|
|
||||
|
if (column.Item1.Parent is null) |
||||
|
{ |
||||
|
_pickerContainer.Children.Add(column.Item1); |
||||
|
} |
||||
|
|
||||
|
Grid.SetColumn(column.Item1, (columnIndex++ * 2)); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Grid.SetColumn(_spacer1, 1); |
||||
|
Grid.SetColumn(_spacer2, 3); |
||||
|
_spacer1.IsVisible = columnIndex > 1; |
||||
|
_spacer2.IsVisible = columnIndex > 2; |
||||
|
} |
||||
|
|
||||
|
private void SetInitialFocus() |
||||
|
{ |
||||
|
int monthCol = MonthVisible ? Grid.GetColumn(_monthHost) : int.MaxValue; |
||||
|
int dayCol = DayVisible ? Grid.GetColumn(_dayHost) : int.MaxValue; |
||||
|
int yearCol = YearVisible ? Grid.GetColumn(_yearHost) : int.MaxValue; |
||||
|
|
||||
|
if (monthCol < dayCol && monthCol < yearCol) |
||||
|
{ |
||||
|
KeyboardDevice.Instance?.SetFocusedElement(_monthSelector, NavigationMethod.Pointer, KeyModifiers.None); |
||||
|
} |
||||
|
else if (dayCol < monthCol && dayCol < yearCol) |
||||
|
{ |
||||
|
KeyboardDevice.Instance?.SetFocusedElement(_daySelector, NavigationMethod.Pointer, KeyModifiers.None); |
||||
|
} |
||||
|
else if (yearCol < monthCol && yearCol < dayCol) |
||||
|
{ |
||||
|
KeyboardDevice.Instance?.SetFocusedElement(_yearSelector, NavigationMethod.Pointer, KeyModifiers.None); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void OnDismissButtonClicked(object sender, Avalonia.Interactivity.RoutedEventArgs e) |
||||
|
{ |
||||
|
OnDismiss(); |
||||
|
} |
||||
|
|
||||
|
private void OnAcceptButtonClicked(object sender, Avalonia.Interactivity.RoutedEventArgs e) |
||||
|
{ |
||||
|
Date = _syncDate; |
||||
|
OnConfirmed(); |
||||
|
} |
||||
|
|
||||
|
private void OnSelectorButtonClick(object sender, RoutedEventArgs e) |
||||
|
{ |
||||
|
if (sender == _monthUpButton) |
||||
|
_monthSelector.ScrollUp(); |
||||
|
else if (sender == _monthDownButton) |
||||
|
_monthSelector.ScrollDown(); |
||||
|
else if (sender == _yearUpButton) |
||||
|
_yearSelector.ScrollUp(); |
||||
|
else if (sender == _yearDownButton) |
||||
|
_yearSelector.ScrollDown(); |
||||
|
else if (sender == _dayUpButton) |
||||
|
_daySelector.ScrollUp(); |
||||
|
else if (sender == _dayDownButton) |
||||
|
_daySelector.ScrollDown(); |
||||
|
} |
||||
|
|
||||
|
private void OnYearChanged(object sender, EventArgs e) |
||||
|
{ |
||||
|
if (_suppressUpdateSelection) |
||||
|
return; |
||||
|
|
||||
|
int maxDays = _calendar.GetDaysInMonth(_yearSelector.SelectedValue, _syncDate.Month); |
||||
|
var newDate = new DateTimeOffset(_yearSelector.SelectedValue, _syncDate.Month, |
||||
|
_syncDate.Day > maxDays ? maxDays : _syncDate.Day, 0, 0, 0, _syncDate.Offset); |
||||
|
|
||||
|
_syncDate = newDate; |
||||
|
|
||||
|
//We don't need to update the days if not displaying day, not february
|
||||
|
if (!DayVisible || _syncDate.Month != 2) |
||||
|
return; |
||||
|
|
||||
|
_suppressUpdateSelection = true; |
||||
|
|
||||
|
_daySelector.FormatDate = newDate.Date; |
||||
|
|
||||
|
if (_daySelector.MaximumValue != maxDays) |
||||
|
_daySelector.MaximumValue = maxDays; |
||||
|
else |
||||
|
_daySelector.RefreshItems(); |
||||
|
|
||||
|
_suppressUpdateSelection = false; |
||||
|
} |
||||
|
|
||||
|
private void OnDayChanged(object sender, EventArgs e) |
||||
|
{ |
||||
|
if (_suppressUpdateSelection) |
||||
|
return; |
||||
|
_syncDate = new DateTimeOffset(_syncDate.Year, _syncDate.Month, _daySelector.SelectedValue, 0, 0, 0, _syncDate.Offset); |
||||
|
} |
||||
|
|
||||
|
private void OnMonthChanged(object sender, EventArgs e) |
||||
|
{ |
||||
|
if (_suppressUpdateSelection) |
||||
|
return; |
||||
|
|
||||
|
int maxDays = _calendar.GetDaysInMonth(_syncDate.Year, _monthSelector.SelectedValue); |
||||
|
var newDate = new DateTimeOffset(_syncDate.Year, _monthSelector.SelectedValue, |
||||
|
_syncDate.Day > maxDays ? maxDays : _syncDate.Day, 0, 0, 0, _syncDate.Offset); |
||||
|
|
||||
|
if (!DayVisible) |
||||
|
{ |
||||
|
_syncDate = newDate; |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
_suppressUpdateSelection = true; |
||||
|
|
||||
|
_daySelector.FormatDate = newDate.Date; |
||||
|
_syncDate = newDate; |
||||
|
|
||||
|
if (_daySelector.MaximumValue != maxDays) |
||||
|
_daySelector.MaximumValue = maxDays; |
||||
|
else |
||||
|
_daySelector.RefreshItems(); |
||||
|
|
||||
|
_suppressUpdateSelection = false; |
||||
|
} |
||||
|
|
||||
|
internal double GetOffsetForPopup() |
||||
|
{ |
||||
|
var acceptDismissButtonHeight = _acceptButton != null ? _acceptButton.Bounds.Height : 41; |
||||
|
return -(MaxHeight - acceptDismissButtonHeight) / 2 - (_monthSelector.ItemHeight / 2); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,19 @@ |
|||||
|
using System; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the argument passed when the <see cref="DatePicker"/> SelectedDate changes
|
||||
|
/// </summary>
|
||||
|
public class DatePickerSelectedValueChangedEventArgs |
||||
|
{ |
||||
|
public DateTimeOffset? NewDate { get; } |
||||
|
public DateTimeOffset? OldDate { get; } |
||||
|
|
||||
|
public DatePickerSelectedValueChangedEventArgs(DateTimeOffset? oldDate, DateTimeOffset? newDate) |
||||
|
{ |
||||
|
NewDate = newDate; |
||||
|
OldDate = oldDate; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,566 @@ |
|||||
|
using System; |
||||
|
using System.Globalization; |
||||
|
using System.Linq; |
||||
|
using Avalonia.Input; |
||||
|
using Avalonia.VisualTree; |
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
public enum DateTimePickerPanelType |
||||
|
{ |
||||
|
Year, |
||||
|
Month, |
||||
|
Day, |
||||
|
Hour, |
||||
|
Minute, |
||||
|
TimePeriod //AM or PM
|
||||
|
} |
||||
|
|
||||
|
public class DateTimePickerPanel : Panel, ILogicalScrollable |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="ItemHeight"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> ItemHeightProperty = |
||||
|
AvaloniaProperty.Register<DateTimePickerPanel, double>(nameof(ItemHeight), 40.0); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="PanelType"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<DateTimePickerPanelType> PanelTypeProperty = |
||||
|
AvaloniaProperty.Register<DateTimePickerPanel, DateTimePickerPanelType>(nameof(PanelType)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="ItemFormat"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<string> ItemFormatProperty = |
||||
|
AvaloniaProperty.Register<DateTimePickerPanel, string>(nameof(ItemFormat), "yyyy"); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="ShouldLoop"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<bool> ShouldLoopProperty = |
||||
|
AvaloniaProperty.Register<DateTimePickerPanel, bool>(nameof(ShouldLoop)); |
||||
|
|
||||
|
//Backing fields for properties
|
||||
|
private int _minimumValue = 1; |
||||
|
private int _maximumValue = 2; |
||||
|
private int _selectedValue = 1; |
||||
|
private int _increment = 1; |
||||
|
|
||||
|
//Helper fields
|
||||
|
private int _selectedIndex = 0; |
||||
|
private int _totalItems; |
||||
|
private int _numItemsAboveBelowSelected; |
||||
|
private int _range; |
||||
|
private double _extentOne; |
||||
|
private Size _extent; |
||||
|
private Vector _offset; |
||||
|
private bool _hasInit; |
||||
|
private bool _suppressUpdateOffset; |
||||
|
private ListBoxItem _pressedItem; |
||||
|
|
||||
|
public DateTimePickerPanel() |
||||
|
{ |
||||
|
FormatDate = DateTime.Now; |
||||
|
AddHandler(ListBoxItem.PointerPressedEvent, OnItemPointerDown, Avalonia.Interactivity.RoutingStrategies.Bubble); |
||||
|
AddHandler(ListBoxItem.PointerReleasedEvent, OnItemPointerUp, Avalonia.Interactivity.RoutingStrategies.Bubble); |
||||
|
} |
||||
|
|
||||
|
static DateTimePickerPanel() |
||||
|
{ |
||||
|
FocusableProperty.OverrideDefaultValue<DateTimePickerPanel>(true); |
||||
|
AffectsMeasure<DateTimePickerPanel>(ItemHeightProperty); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets what this panel displays in date or time units
|
||||
|
/// </summary>
|
||||
|
public DateTimePickerPanelType PanelType |
||||
|
{ |
||||
|
get => GetValue(PanelTypeProperty); |
||||
|
set => SetValue(PanelTypeProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the height of each item
|
||||
|
/// </summary>
|
||||
|
public double ItemHeight |
||||
|
{ |
||||
|
get => GetValue(ItemHeightProperty); |
||||
|
set => SetValue(ItemHeightProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the string format for the items, using standard
|
||||
|
/// .net DateTime or TimeSpan formatting. Format must match panel type
|
||||
|
/// </summary>
|
||||
|
public string ItemFormat |
||||
|
{ |
||||
|
get => GetValue(ItemFormatProperty); |
||||
|
set => SetValue(ItemFormatProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether the panel should loop
|
||||
|
/// </summary>
|
||||
|
public bool ShouldLoop |
||||
|
{ |
||||
|
get => GetValue(ShouldLoopProperty); |
||||
|
set => SetValue(ShouldLoopProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minimum value
|
||||
|
/// </summary>
|
||||
|
public int MinimumValue |
||||
|
{ |
||||
|
get => _minimumValue; |
||||
|
set |
||||
|
{ |
||||
|
if (value > MaximumValue) |
||||
|
throw new InvalidOperationException("Minimum cannot be greater than Maximum"); |
||||
|
_minimumValue = value; |
||||
|
UpdateHelperInfo(); |
||||
|
var sel = CoerceSelected(SelectedValue); |
||||
|
if (sel != SelectedValue) |
||||
|
SelectedValue = sel; |
||||
|
UpdateItems(); |
||||
|
InvalidateArrange(); |
||||
|
RaiseScrollInvalidated(EventArgs.Empty); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the maximum value
|
||||
|
/// </summary>
|
||||
|
public int MaximumValue |
||||
|
{ |
||||
|
get => _maximumValue; |
||||
|
set |
||||
|
{ |
||||
|
if (value < MinimumValue) |
||||
|
throw new InvalidOperationException("Maximum cannot be less than Minimum"); |
||||
|
_maximumValue = value; |
||||
|
UpdateHelperInfo(); |
||||
|
var sel = CoerceSelected(SelectedValue); |
||||
|
if (sel != SelectedValue) |
||||
|
SelectedValue = sel; |
||||
|
UpdateItems(); |
||||
|
InvalidateArrange(); |
||||
|
RaiseScrollInvalidated(EventArgs.Empty); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the selected value
|
||||
|
/// </summary>
|
||||
|
public int SelectedValue |
||||
|
{ |
||||
|
get => _selectedValue; |
||||
|
set |
||||
|
{ |
||||
|
if (value > MaximumValue || value < MinimumValue) |
||||
|
throw new ArgumentOutOfRangeException("SelectedValue"); |
||||
|
|
||||
|
var sel = CoerceSelected(value); |
||||
|
_selectedValue = sel; |
||||
|
_selectedIndex = (value - MinimumValue) / Increment; |
||||
|
|
||||
|
if (!ShouldLoop) |
||||
|
CreateOrDestroyItems(Children); |
||||
|
|
||||
|
if (!_suppressUpdateOffset) |
||||
|
_offset = new Vector(0, ShouldLoop ? _selectedIndex * ItemHeight + (_extentOne * 50) : |
||||
|
_selectedIndex * ItemHeight); |
||||
|
|
||||
|
UpdateItems(); |
||||
|
InvalidateArrange(); |
||||
|
RaiseScrollInvalidated(EventArgs.Empty); |
||||
|
|
||||
|
SelectionChanged?.Invoke(this, EventArgs.Empty); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the increment
|
||||
|
/// </summary>
|
||||
|
public int Increment |
||||
|
{ |
||||
|
get => _increment; |
||||
|
set |
||||
|
{ |
||||
|
if (value <= 0 || value > _range) |
||||
|
throw new ArgumentOutOfRangeException("Increment"); |
||||
|
_increment = value; |
||||
|
UpdateHelperInfo(); |
||||
|
var sel = CoerceSelected(SelectedValue); |
||||
|
if (sel != SelectedValue) |
||||
|
SelectedValue = sel; |
||||
|
UpdateItems(); |
||||
|
InvalidateArrange(); |
||||
|
RaiseScrollInvalidated(EventArgs.Empty); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//Used to help format the date (if applicable), for ex.,
|
||||
|
//if we're want to display the day of week, we need context
|
||||
|
//for the month/year, this is our context
|
||||
|
internal DateTime FormatDate { get; set; } |
||||
|
|
||||
|
public Vector Offset |
||||
|
{ |
||||
|
get => _offset; |
||||
|
set |
||||
|
{ |
||||
|
var old = _offset; |
||||
|
_offset = value; |
||||
|
var dy = _offset.Y - old.Y; |
||||
|
var children = Children; |
||||
|
|
||||
|
if (dy > 0) // Scroll Down
|
||||
|
{ |
||||
|
int numContsToMove = 0; |
||||
|
for (int i = 0; i < children.Count; i++) |
||||
|
{ |
||||
|
if (children[i].Bounds.Bottom - dy < 0) |
||||
|
numContsToMove++; |
||||
|
else |
||||
|
break; |
||||
|
} |
||||
|
children.MoveRange(0, numContsToMove, children.Count); |
||||
|
|
||||
|
var scrollHeight = _extent.Height - Viewport.Height; |
||||
|
if (ShouldLoop && value.Y >= scrollHeight - _extentOne) |
||||
|
_offset = new Vector(0, value.Y - (_extentOne * 50)); |
||||
|
} |
||||
|
else if (dy < 0) // Scroll Up
|
||||
|
{ |
||||
|
int numContsToMove = 0; |
||||
|
for (int i = children.Count - 1; i >= 0; i--) |
||||
|
{ |
||||
|
if (children[i].Bounds.Top - dy > Bounds.Height) |
||||
|
numContsToMove++; |
||||
|
else |
||||
|
break; |
||||
|
} |
||||
|
children.MoveRange(children.Count - numContsToMove, numContsToMove, 0); |
||||
|
if (ShouldLoop && value.Y < _extentOne) |
||||
|
_offset = new Vector(0, value.Y + (_extentOne * 50)); |
||||
|
} |
||||
|
|
||||
|
//Setting selection will handle all invalidation
|
||||
|
var newSel = (Offset.Y / ItemHeight) % _totalItems; |
||||
|
_suppressUpdateOffset = true; |
||||
|
SelectedValue = (int)newSel * Increment + MinimumValue; |
||||
|
_suppressUpdateOffset = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
public bool CanHorizontallyScroll { get => false; set { } } |
||||
|
|
||||
|
public bool CanVerticallyScroll { get => true; set { } } |
||||
|
|
||||
|
public bool IsLogicalScrollEnabled => true; |
||||
|
|
||||
|
public Size ScrollSize => new Size(0, ItemHeight); |
||||
|
|
||||
|
public Size PageScrollSize => new Size(0, ItemHeight * 4); |
||||
|
|
||||
|
public Size Extent => _extent; |
||||
|
|
||||
|
public Size Viewport => new Size(0, ItemHeight); |
||||
|
|
||||
|
public event EventHandler ScrollInvalidated; |
||||
|
|
||||
|
public event EventHandler SelectionChanged; |
||||
|
|
||||
|
protected override Size MeasureOverride(Size availableSize) |
||||
|
{ |
||||
|
if (double.IsInfinity(availableSize.Width) || |
||||
|
double.IsInfinity(availableSize.Height)) |
||||
|
throw new InvalidOperationException("Panel must have finite height"); |
||||
|
|
||||
|
if (!_hasInit) |
||||
|
UpdateHelperInfo(); |
||||
|
|
||||
|
double initY = (availableSize.Height / 2.0) - (ItemHeight / 2.0); |
||||
|
_numItemsAboveBelowSelected = (int)Math.Ceiling(initY / ItemHeight) + 1; |
||||
|
|
||||
|
var children = Children; |
||||
|
|
||||
|
CreateOrDestroyItems(children); |
||||
|
|
||||
|
for (int i = 0; i < children.Count; i++) |
||||
|
children[i].Measure(availableSize); |
||||
|
|
||||
|
if (!_hasInit) |
||||
|
{ |
||||
|
UpdateItems(); |
||||
|
RaiseScrollInvalidated(EventArgs.Empty); |
||||
|
_hasInit = true; |
||||
|
} |
||||
|
|
||||
|
return availableSize; |
||||
|
} |
||||
|
|
||||
|
protected override Size ArrangeOverride(Size finalSize) |
||||
|
{ |
||||
|
if (Children.Count == 0) |
||||
|
return base.ArrangeOverride(finalSize); |
||||
|
|
||||
|
var itemHgt = ItemHeight; |
||||
|
var children = Children; |
||||
|
Rect rc; |
||||
|
double initY = (finalSize.Height / 2.0) - (itemHgt / 2.0); |
||||
|
|
||||
|
if (ShouldLoop) |
||||
|
{ |
||||
|
var currentSet = Math.Truncate(Offset.Y / _extentOne); |
||||
|
initY += (_extentOne * currentSet) + (_selectedIndex - _numItemsAboveBelowSelected) * ItemHeight; |
||||
|
|
||||
|
for (int i = 0; i < children.Count; i++) |
||||
|
{ |
||||
|
rc = new Rect(0, initY - Offset.Y, finalSize.Width, itemHgt); |
||||
|
children[i].Arrange(rc); |
||||
|
initY += itemHgt; |
||||
|
} |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
var first = Math.Max(0, (_selectedIndex - _numItemsAboveBelowSelected)); |
||||
|
for (int i = 0; i < children.Count; i++) |
||||
|
{ |
||||
|
rc = new Rect(0, (initY + first * itemHgt) - Offset.Y, finalSize.Width, itemHgt); |
||||
|
children[i].Arrange(rc); |
||||
|
initY += itemHgt; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
return finalSize; |
||||
|
} |
||||
|
|
||||
|
protected override void OnKeyDown(KeyEventArgs e) |
||||
|
{ |
||||
|
switch (e.Key) |
||||
|
{ |
||||
|
case Key.Up: |
||||
|
ScrollUp(); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
case Key.Down: |
||||
|
ScrollDown(); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
case Key.PageUp: |
||||
|
ScrollUp(4); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
case Key.PageDown: |
||||
|
ScrollDown(4); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
} |
||||
|
base.OnKeyDown(e); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Refreshes the content of the visible items
|
||||
|
/// </summary>
|
||||
|
public void RefreshItems() |
||||
|
{ |
||||
|
UpdateItems(); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Scrolls up the specified number of items
|
||||
|
/// </summary>
|
||||
|
public void ScrollUp(int numItems = 1) |
||||
|
{ |
||||
|
var newY = Math.Max(Offset.Y - (numItems * ItemHeight), 0); |
||||
|
Offset = new Vector(0, newY); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Scrolls down the specified number of items
|
||||
|
/// </summary>
|
||||
|
public void ScrollDown(int numItems = 1) |
||||
|
{ |
||||
|
var scrollHeight = _extent.Height - Viewport.Height; |
||||
|
var newY = Math.Min(Offset.Y + (numItems * ItemHeight), scrollHeight); |
||||
|
Offset = new Vector(0, newY); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Updates helper fields used in various calculations
|
||||
|
/// </summary>
|
||||
|
private void UpdateHelperInfo() |
||||
|
{ |
||||
|
_range = _maximumValue - _minimumValue + 1; |
||||
|
_totalItems = (int)Math.Ceiling((double)_range / _increment); |
||||
|
|
||||
|
var itemHgt = ItemHeight; |
||||
|
//If looping, measure 100x as many items as we actually have
|
||||
|
_extent = new Size(0, ShouldLoop ? _totalItems * itemHgt * 100 : _totalItems * itemHgt); |
||||
|
|
||||
|
//Height of 1 "set" of items
|
||||
|
_extentOne = _totalItems * itemHgt; |
||||
|
_offset = new Vector(0, ShouldLoop ? _extentOne * 50 + _selectedIndex * itemHgt : _selectedIndex * itemHgt); |
||||
|
|
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Ensures enough containers are visible in the viewport
|
||||
|
/// </summary>
|
||||
|
/// <param name="children"></param>
|
||||
|
private void CreateOrDestroyItems(Controls children) |
||||
|
{ |
||||
|
int totalItemsInViewport = _numItemsAboveBelowSelected * 2 + 1; |
||||
|
|
||||
|
if (!ShouldLoop) |
||||
|
{ |
||||
|
int numItemAboveSelect = _numItemsAboveBelowSelected; |
||||
|
if (_selectedIndex - _numItemsAboveBelowSelected < 0) |
||||
|
numItemAboveSelect = _selectedIndex; |
||||
|
int numItemBelowSelect = _numItemsAboveBelowSelected; |
||||
|
if (_selectedIndex + _numItemsAboveBelowSelected >= _totalItems) |
||||
|
numItemBelowSelect = _totalItems - _selectedIndex - 1; |
||||
|
|
||||
|
totalItemsInViewport = numItemBelowSelect + numItemAboveSelect + 1; |
||||
|
} |
||||
|
|
||||
|
while (children.Count < totalItemsInViewport) |
||||
|
{ |
||||
|
children.Add(new ListBoxItem |
||||
|
{ |
||||
|
Height = ItemHeight, |
||||
|
Classes = new Classes("DateTimePickerItem", $"{PanelType}Item"), |
||||
|
VerticalContentAlignment = Avalonia.Layout.VerticalAlignment.Center, |
||||
|
Focusable = false |
||||
|
}); |
||||
|
} |
||||
|
if (children.Count > totalItemsInViewport) |
||||
|
{ |
||||
|
var numToRemove = children.Count - totalItemsInViewport; |
||||
|
children.RemoveRange(children.Count - numToRemove, numToRemove); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Updates item content based on the current selection
|
||||
|
/// and the panel type
|
||||
|
/// </summary>
|
||||
|
private void UpdateItems() |
||||
|
{ |
||||
|
var children = Children; |
||||
|
var min = MinimumValue; |
||||
|
var panelType = PanelType; |
||||
|
var selected = SelectedValue; |
||||
|
var max = MaximumValue; |
||||
|
|
||||
|
int first; |
||||
|
if (ShouldLoop) |
||||
|
{ |
||||
|
first = (_selectedIndex - _numItemsAboveBelowSelected) % _totalItems; |
||||
|
first = first < 0 ? min + (first + _totalItems) * Increment : min + first * Increment; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
first = min + Math.Max(0, _selectedIndex - _numItemsAboveBelowSelected) * Increment; |
||||
|
} |
||||
|
|
||||
|
for (int i = 0; i < children.Count; i++) |
||||
|
{ |
||||
|
ListBoxItem item = (ListBoxItem)children[i]; |
||||
|
item.Content = FormatContent(first, panelType); |
||||
|
item.Tag = first; |
||||
|
item.IsSelected = first == selected; |
||||
|
first += Increment; |
||||
|
if (first > max) |
||||
|
first = min; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private string FormatContent(int value, DateTimePickerPanelType panelType) |
||||
|
{ |
||||
|
switch (panelType) |
||||
|
{ |
||||
|
case DateTimePickerPanelType.Year: |
||||
|
return new DateTime(value, FormatDate.Month, FormatDate.Day).ToString(ItemFormat); |
||||
|
case DateTimePickerPanelType.Month: |
||||
|
return new DateTime(FormatDate.Year, value, FormatDate.Day).ToString(ItemFormat); |
||||
|
case DateTimePickerPanelType.Day: |
||||
|
return new DateTime(FormatDate.Year, FormatDate.Month, value).ToString(ItemFormat); |
||||
|
case DateTimePickerPanelType.Hour: |
||||
|
return new TimeSpan(value, 0, 0).ToString(ItemFormat); |
||||
|
case DateTimePickerPanelType.Minute: |
||||
|
return new TimeSpan(0, value, 0).ToString(ItemFormat); |
||||
|
case DateTimePickerPanelType.TimePeriod: |
||||
|
return value == MinimumValue ? CultureInfo.CurrentCulture.DateTimeFormat.AMDesignator : |
||||
|
CultureInfo.CurrentCulture.DateTimeFormat.PMDesignator; |
||||
|
default: |
||||
|
return ""; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Ensures the <see cref="SelectedValue"/> is within the bounds and
|
||||
|
/// follows the current Increment
|
||||
|
/// </summary>
|
||||
|
private int CoerceSelected(int newValue) |
||||
|
{ |
||||
|
if (newValue < MinimumValue) |
||||
|
return MinimumValue; |
||||
|
if (newValue > MaximumValue) |
||||
|
return MaximumValue; |
||||
|
|
||||
|
if (newValue % Increment != 0) |
||||
|
{ |
||||
|
var items = Enumerable.Range(MinimumValue, MaximumValue + 1).Where(i => i % Increment == 0).ToList(); |
||||
|
var nearest = items.Aggregate((x, y) => Math.Abs(x - newValue) > Math.Abs(y - newValue) ? y : x); |
||||
|
return items.IndexOf(nearest) * Increment; |
||||
|
} |
||||
|
return newValue; |
||||
|
} |
||||
|
|
||||
|
private void OnItemPointerDown(object sender, PointerPressedEventArgs e) |
||||
|
{ |
||||
|
if (e.GetCurrentPoint(this).Properties.IsLeftButtonPressed) |
||||
|
{ |
||||
|
_pressedItem = GetItemFromSource((IVisual)e.Source); |
||||
|
e.Handled = true; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void OnItemPointerUp(object sender, PointerReleasedEventArgs e) |
||||
|
{ |
||||
|
if (e.GetCurrentPoint(this).Properties.PointerUpdateKind == PointerUpdateKind.LeftButtonReleased && |
||||
|
_pressedItem != null) |
||||
|
{ |
||||
|
SelectedValue = (int)GetItemFromSource((IVisual)e.Source).Tag; |
||||
|
_pressedItem = null; |
||||
|
e.Handled = true; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//Helper to get ListBoxItem from pointerevent source
|
||||
|
private ListBoxItem GetItemFromSource(IVisual src) |
||||
|
{ |
||||
|
var item = src; |
||||
|
while (item != null && !(item is ListBoxItem)) |
||||
|
{ |
||||
|
item = item.VisualParent; |
||||
|
} |
||||
|
return (ListBoxItem)item; |
||||
|
} |
||||
|
|
||||
|
public bool BringIntoView(IControl target, Rect targetRect) { return false; } |
||||
|
|
||||
|
public IControl GetControlInDirection(NavigationDirection direction, IControl from) { return null; } |
||||
|
|
||||
|
public void RaiseScrollInvalidated(EventArgs e) |
||||
|
{ |
||||
|
ScrollInvalidated?.Invoke(this, e); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,25 @@ |
|||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Text; |
||||
|
|
||||
|
namespace Avalonia.Controls.Primitives |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the base class for Date and Time PickerPresenters
|
||||
|
/// </summary>
|
||||
|
public abstract class PickerPresenterBase : TemplatedControl |
||||
|
{ |
||||
|
protected virtual void OnConfirmed() |
||||
|
{ |
||||
|
Confirmed?.Invoke(this, EventArgs.Empty); |
||||
|
} |
||||
|
|
||||
|
protected virtual void OnDismiss() |
||||
|
{ |
||||
|
Dismissed.Invoke(this, EventArgs.Empty); |
||||
|
} |
||||
|
|
||||
|
public event EventHandler Confirmed; |
||||
|
public event EventHandler Dismissed; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,292 @@ |
|||||
|
using Avalonia.Controls.Primitives; |
||||
|
using Avalonia.Controls.Shapes; |
||||
|
using Avalonia.Controls.Templates; |
||||
|
using System; |
||||
|
using System.Globalization; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// A control to allow the user to select a time
|
||||
|
/// </summary>
|
||||
|
public class TimePicker : TemplatedControl |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MinuteIncrement"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<TimePicker, int> MinuteIncrementProperty = |
||||
|
AvaloniaProperty.RegisterDirect<TimePicker, int>(nameof(MinuteIncrement), |
||||
|
x => x.MinuteIncrement, (x, v) => x.MinuteIncrement = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Header"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<object> HeaderProperty = |
||||
|
AvaloniaProperty.Register<DatePicker, object>(nameof(Header)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="HeaderTemplate"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<IDataTemplate> HeaderTemplateProperty = |
||||
|
AvaloniaProperty.Register<DatePicker, IDataTemplate>(nameof(HeaderTemplate)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="ClockIdentifier"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<TimePicker, string> ClockIdentifierProperty = |
||||
|
AvaloniaProperty.RegisterDirect<TimePicker, string>(nameof(ClockIdentifier), |
||||
|
x => x.ClockIdentifier, (x, v) => x.ClockIdentifier = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="SelectedTime"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<TimePicker, TimeSpan?> SelectedTimeProperty = |
||||
|
AvaloniaProperty.RegisterDirect<TimePicker, TimeSpan?>(nameof(SelectedTime), |
||||
|
x => x.SelectedTime, (x, v) => x.SelectedTime = v); |
||||
|
|
||||
|
//Template Items
|
||||
|
private TimePickerPresenter _presenter; |
||||
|
private Button _flyoutButton; |
||||
|
private Border _firstPickerHost; |
||||
|
private Border _secondPickerHost; |
||||
|
private Border _thirdPickerHost; |
||||
|
private TextBlock _hourText; |
||||
|
private TextBlock _minuteText; |
||||
|
public TextBlock _periodText; |
||||
|
private Rectangle _firstSplitter; |
||||
|
private Rectangle _secondSplitter; |
||||
|
private Grid _contentGrid; |
||||
|
private Popup _popup; |
||||
|
|
||||
|
private TimeSpan? _selectedTime; |
||||
|
private int _minuteIncrement = 1; |
||||
|
private string _clockIdentifier = "12HourClock"; |
||||
|
|
||||
|
public TimePicker() |
||||
|
{ |
||||
|
PseudoClasses.Set(":hasnotime", true); |
||||
|
|
||||
|
var timePattern = CultureInfo.CurrentCulture.DateTimeFormat.ShortTimePattern; |
||||
|
if (timePattern.IndexOf("H") != -1) |
||||
|
_clockIdentifier = "24HourClock"; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minute increment in the picker
|
||||
|
/// </summary>
|
||||
|
public int MinuteIncrement |
||||
|
{ |
||||
|
get => _minuteIncrement; |
||||
|
set |
||||
|
{ |
||||
|
if (value < 1 || value > 59) |
||||
|
throw new ArgumentOutOfRangeException("1 >= MinuteIncrement <= 59"); |
||||
|
SetAndRaise(MinuteIncrementProperty, ref _minuteIncrement, value); |
||||
|
SetSelectedTimeText(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the header
|
||||
|
/// </summary>
|
||||
|
public object Header |
||||
|
{ |
||||
|
get => GetValue(HeaderProperty); |
||||
|
set => SetValue(HeaderProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the header template
|
||||
|
/// </summary>
|
||||
|
public IDataTemplate HeaderTemplate |
||||
|
{ |
||||
|
get => GetValue(HeaderTemplateProperty); |
||||
|
set => SetValue(HeaderTemplateProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the clock identifier, either 12HourClock or 24HourClock
|
||||
|
/// </summary>
|
||||
|
public string ClockIdentifier |
||||
|
{ |
||||
|
get => _clockIdentifier; |
||||
|
set |
||||
|
{ |
||||
|
if (!(string.IsNullOrEmpty(value) || value == "" || value == "12HourClock" || value == "24HourClock")) |
||||
|
throw new ArgumentException("Invalid ClockIdentifier"); |
||||
|
SetAndRaise(ClockIdentifierProperty, ref _clockIdentifier, value); |
||||
|
SetGrid(); |
||||
|
SetSelectedTimeText(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the selected time. Can be null.
|
||||
|
/// </summary>
|
||||
|
public TimeSpan? SelectedTime |
||||
|
{ |
||||
|
get => _selectedTime; |
||||
|
set |
||||
|
{ |
||||
|
var old = _selectedTime; |
||||
|
SetAndRaise(SelectedTimeProperty, ref _selectedTime, value); |
||||
|
OnSelectedTimeChanged(old, value); |
||||
|
SetSelectedTimeText(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Raised when the <see cref="SelectedTime"/> property changes
|
||||
|
/// </summary>
|
||||
|
public event EventHandler<TimePickerSelectedValueChangedEventArgs> SelectedTimeChanged; |
||||
|
|
||||
|
protected override void OnApplyTemplate(TemplateAppliedEventArgs e) |
||||
|
{ |
||||
|
if (_flyoutButton != null) |
||||
|
_flyoutButton.Click -= OnFlyoutButtonClicked; |
||||
|
|
||||
|
if(_presenter != null) |
||||
|
{ |
||||
|
_presenter.Confirmed -= OnConfirmed; |
||||
|
_presenter.Dismissed -= OnDismissPicker; |
||||
|
} |
||||
|
base.OnApplyTemplate(e); |
||||
|
|
||||
|
_flyoutButton = e.NameScope.Find<Button>("FlyoutButton"); |
||||
|
|
||||
|
_firstPickerHost = e.NameScope.Find<Border>("FirstPickerHost"); |
||||
|
_secondPickerHost = e.NameScope.Find<Border>("SecondPickerHost"); |
||||
|
_thirdPickerHost = e.NameScope.Find<Border>("ThirdPickerHost"); |
||||
|
|
||||
|
_hourText = e.NameScope.Find<TextBlock>("HourTextBlock"); |
||||
|
_minuteText = e.NameScope.Find<TextBlock>("MinuteTextBlock"); |
||||
|
_periodText = e.NameScope.Find<TextBlock>("PeriodTextBlock"); |
||||
|
|
||||
|
_firstSplitter = e.NameScope.Find<Rectangle>("FirstColumnDivider"); |
||||
|
_secondSplitter = e.NameScope.Find<Rectangle>("SecondColumnDivider"); |
||||
|
|
||||
|
_contentGrid = e.NameScope.Find<Grid>("FlyoutButtonContentGrid"); |
||||
|
|
||||
|
_popup = e.NameScope.Find<Popup>("Popup"); |
||||
|
_presenter = e.NameScope.Find<TimePickerPresenter>("PickerPresenter"); |
||||
|
|
||||
|
|
||||
|
if (_flyoutButton != null) |
||||
|
_flyoutButton.Click += OnFlyoutButtonClicked; |
||||
|
|
||||
|
SetGrid(); |
||||
|
SetSelectedTimeText(); |
||||
|
|
||||
|
if (_presenter != null) |
||||
|
{ |
||||
|
_presenter.Confirmed += OnConfirmed; |
||||
|
_presenter.Dismissed += OnDismissPicker; |
||||
|
|
||||
|
_presenter[!TimePickerPresenter.MinuteIncrementProperty] = this[!MinuteIncrementProperty]; |
||||
|
_presenter[!TimePickerPresenter.ClockIdentifierProperty] = this[!ClockIdentifierProperty]; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
private void SetGrid() |
||||
|
{ |
||||
|
if (_contentGrid == null) |
||||
|
return; |
||||
|
|
||||
|
bool use24HourClock = ClockIdentifier == "24HourClock"; |
||||
|
|
||||
|
if (!use24HourClock) |
||||
|
{ |
||||
|
_contentGrid.ColumnDefinitions = new ColumnDefinitions("*,Auto,*,Auto,*"); |
||||
|
_thirdPickerHost.IsVisible = true; |
||||
|
_secondSplitter.IsVisible = true; |
||||
|
|
||||
|
Grid.SetColumn(_firstPickerHost, 0); |
||||
|
Grid.SetColumn(_secondPickerHost, 2); |
||||
|
Grid.SetColumn(_thirdPickerHost, 4); |
||||
|
|
||||
|
Grid.SetColumn(_firstSplitter, 1); |
||||
|
Grid.SetColumn(_secondSplitter, 3); |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
_contentGrid.ColumnDefinitions = new ColumnDefinitions("*,Auto,*"); |
||||
|
_thirdPickerHost.IsVisible = false; |
||||
|
_secondSplitter.IsVisible = false; |
||||
|
|
||||
|
Grid.SetColumn(_firstPickerHost, 0); |
||||
|
Grid.SetColumn(_secondPickerHost, 2); |
||||
|
|
||||
|
Grid.SetColumn(_firstSplitter, 1); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void SetSelectedTimeText() |
||||
|
{ |
||||
|
if (_hourText == null || _minuteText == null || _periodText == null) |
||||
|
return; |
||||
|
|
||||
|
var time = SelectedTime; |
||||
|
if (time.HasValue) |
||||
|
{ |
||||
|
var newTime = SelectedTime.Value; |
||||
|
|
||||
|
if (ClockIdentifier == "12HourClock") |
||||
|
{ |
||||
|
var hr = newTime.Hours; |
||||
|
hr = hr > 12 ? hr - 12 : hr == 0 ? 12 : hr; |
||||
|
newTime = new TimeSpan(hr, newTime.Minutes, 0); |
||||
|
} |
||||
|
_hourText.Text = newTime.ToString("%h"); |
||||
|
|
||||
|
_minuteText.Text = newTime.ToString("mm"); |
||||
|
PseudoClasses.Set(":hasnotime", false); |
||||
|
|
||||
|
_periodText.Text = time.Value.Hours >= 12 ? CultureInfo.CurrentCulture.DateTimeFormat.PMDesignator : |
||||
|
CultureInfo.CurrentCulture.DateTimeFormat.AMDesignator; |
||||
|
|
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
_hourText.Text = "hour"; |
||||
|
_minuteText.Text = "minute"; |
||||
|
PseudoClasses.Set(":hasnotime", true); |
||||
|
|
||||
|
_periodText.Text = DateTime.Now.Hour >= 12 ? CultureInfo.CurrentCulture.DateTimeFormat.PMDesignator : |
||||
|
CultureInfo.CurrentCulture.DateTimeFormat.AMDesignator; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
protected virtual void OnSelectedTimeChanged(TimeSpan? oldTime, TimeSpan? newTime) |
||||
|
{ |
||||
|
SelectedTimeChanged?.Invoke(this, new TimePickerSelectedValueChangedEventArgs(oldTime, newTime)); |
||||
|
} |
||||
|
|
||||
|
private void OnFlyoutButtonClicked(object sender, Avalonia.Interactivity.RoutedEventArgs e) |
||||
|
{ |
||||
|
_presenter.Time = SelectedTime ?? DateTime.Now.TimeOfDay; |
||||
|
|
||||
|
_popup.IsOpen = true; |
||||
|
|
||||
|
var deltaY = _presenter.GetOffsetForPopup(); |
||||
|
|
||||
|
//The extra 5 px I think is related to default popup placement behavior
|
||||
|
_popup.Host.ConfigurePosition(_popup.PlacementTarget, PlacementMode.AnchorAndGravity, new Point(0, deltaY + 5), |
||||
|
Primitives.PopupPositioning.PopupAnchor.Bottom, Primitives.PopupPositioning.PopupGravity.Bottom, |
||||
|
Primitives.PopupPositioning.PopupPositionerConstraintAdjustment.SlideY); |
||||
|
} |
||||
|
|
||||
|
private void OnDismissPicker(object sender, EventArgs e) |
||||
|
{ |
||||
|
_popup.Close(); |
||||
|
Focus(); |
||||
|
} |
||||
|
|
||||
|
private void OnConfirmed(object sender, EventArgs e) |
||||
|
{ |
||||
|
_popup.Close(); |
||||
|
SelectedTime = _presenter.Time; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,262 @@ |
|||||
|
using Avalonia.Controls.Primitives; |
||||
|
using Avalonia.Controls.Shapes; |
||||
|
using Avalonia.Input; |
||||
|
using Avalonia.Interactivity; |
||||
|
using System; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the presenter used for selecting a time. Intended for use with
|
||||
|
/// <see cref="TimePicker"/> but can be used independently
|
||||
|
/// </summary>
|
||||
|
public class TimePickerPresenter : PickerPresenterBase |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="MinuteIncrement"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<TimePickerPresenter, int> MinuteIncrementProperty = |
||||
|
TimePicker.MinuteIncrementProperty.AddOwner<TimePickerPresenter>(x => x.MinuteIncrement, |
||||
|
(x, v) => x.MinuteIncrement = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="ClockIdentifier"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<TimePickerPresenter, string> ClockIdentifierProperty = |
||||
|
TimePicker.ClockIdentifierProperty.AddOwner<TimePickerPresenter>(x => x.ClockIdentifier, |
||||
|
(x, v) => x.ClockIdentifier = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Time"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<TimePickerPresenter, TimeSpan> TimeProperty = |
||||
|
AvaloniaProperty.RegisterDirect<TimePickerPresenter, TimeSpan>(nameof(Time), |
||||
|
x => x.Time, (x, v) => x.Time = v); |
||||
|
|
||||
|
public TimePickerPresenter() |
||||
|
{ |
||||
|
Time = DateTime.Now.TimeOfDay; |
||||
|
KeyboardNavigation.SetTabNavigation(this, KeyboardNavigationMode.Cycle); |
||||
|
} |
||||
|
|
||||
|
//TemplateItems
|
||||
|
private Grid _pickerContainer; |
||||
|
private Button _acceptButton; |
||||
|
private Button _dismissButton; |
||||
|
private Rectangle _spacer2; |
||||
|
private Panel _periodHost; |
||||
|
private DateTimePickerPanel _hourSelector; |
||||
|
private DateTimePickerPanel _minuteSelector; |
||||
|
private DateTimePickerPanel _periodSelector; |
||||
|
private Button _hourUpButton; |
||||
|
private Button _minuteUpButton; |
||||
|
private Button _periodUpButton; |
||||
|
private Button _hourDownButton; |
||||
|
private Button _minuteDownButton; |
||||
|
private Button _periodDownButton; |
||||
|
|
||||
|
//Backing Fields
|
||||
|
private TimeSpan _Time; |
||||
|
private int _minuteIncrement = 1; |
||||
|
private string _clockIdentifier = "12HourClock"; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the minute increment in the selector
|
||||
|
/// </summary>
|
||||
|
public int MinuteIncrement |
||||
|
{ |
||||
|
get => _minuteIncrement; |
||||
|
set |
||||
|
{ |
||||
|
if (value < 1 || value > 59) |
||||
|
throw new ArgumentOutOfRangeException("1 >= MinuteIncrement <= 59"); |
||||
|
SetAndRaise(MinuteIncrementProperty, ref _minuteIncrement, value); |
||||
|
InitPicker(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the current clock identifier, either 12HourClock or 24HourClock
|
||||
|
/// </summary>
|
||||
|
public string ClockIdentifier |
||||
|
{ |
||||
|
get => _clockIdentifier; |
||||
|
set |
||||
|
{ |
||||
|
if (string.IsNullOrEmpty(value) || value == "" || !(value == "12HourClock" || value == "24HourClock")) |
||||
|
throw new ArgumentException("Invalid ClockIdentifier"); |
||||
|
SetAndRaise(ClockIdentifierProperty, ref _clockIdentifier, value); |
||||
|
InitPicker(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the current time
|
||||
|
/// </summary>
|
||||
|
public TimeSpan Time |
||||
|
{ |
||||
|
get => _Time; |
||||
|
set |
||||
|
{ |
||||
|
SetAndRaise(TimeProperty, ref _Time, value); |
||||
|
InitPicker(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
protected override void OnApplyTemplate(TemplateAppliedEventArgs e) |
||||
|
{ |
||||
|
base.OnApplyTemplate(e); |
||||
|
|
||||
|
_pickerContainer = e.NameScope.Get<Grid>("PickerContainer"); |
||||
|
_periodHost = e.NameScope.Get<Panel>("PeriodHost"); |
||||
|
|
||||
|
_hourSelector = e.NameScope.Get<DateTimePickerPanel>("HourSelector"); |
||||
|
_minuteSelector = e.NameScope.Get<DateTimePickerPanel>("MinuteSelector"); |
||||
|
_periodSelector = e.NameScope.Get<DateTimePickerPanel>("PeriodSelector"); |
||||
|
|
||||
|
_spacer2 = e.NameScope.Get<Rectangle>("SecondSpacer"); |
||||
|
|
||||
|
_acceptButton = e.NameScope.Get<Button>("AcceptButton"); |
||||
|
_acceptButton.Click += OnAcceptButtonClicked; |
||||
|
|
||||
|
_hourUpButton = e.NameScope.Find<RepeatButton>("HourUpButton"); |
||||
|
if (_hourUpButton != null) |
||||
|
_hourUpButton.Click += OnSelectorButtonClick; |
||||
|
_hourDownButton = e.NameScope.Find<RepeatButton>("HourDownButton"); |
||||
|
if (_hourDownButton != null) |
||||
|
_hourDownButton.Click += OnSelectorButtonClick; |
||||
|
|
||||
|
_minuteUpButton = e.NameScope.Find<RepeatButton>("MinuteUpButton"); |
||||
|
if (_minuteUpButton != null) |
||||
|
_minuteUpButton.Click += OnSelectorButtonClick; |
||||
|
_minuteDownButton = e.NameScope.Find<RepeatButton>("MinuteDownButton"); |
||||
|
if (_minuteDownButton != null) |
||||
|
_minuteDownButton.Click += OnSelectorButtonClick; |
||||
|
|
||||
|
_periodUpButton = e.NameScope.Find<RepeatButton>("PeriodUpButton"); |
||||
|
if (_periodUpButton != null) |
||||
|
_periodUpButton.Click += OnSelectorButtonClick; |
||||
|
_periodDownButton = e.NameScope.Find<RepeatButton>("PeriodDownButton"); |
||||
|
if (_periodDownButton != null) |
||||
|
_periodDownButton.Click += OnSelectorButtonClick; |
||||
|
|
||||
|
_dismissButton = e.NameScope.Find<Button>("DismissButton"); |
||||
|
if (_dismissButton != null) |
||||
|
_dismissButton.Click += OnDismissButtonClicked; |
||||
|
|
||||
|
InitPicker(); |
||||
|
} |
||||
|
|
||||
|
protected override void OnKeyDown(KeyEventArgs e) |
||||
|
{ |
||||
|
switch (e.Key) |
||||
|
{ |
||||
|
case Key.Escape: |
||||
|
OnDismiss(); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
case Key.Tab: |
||||
|
var nextFocus = KeyboardNavigationHandler.GetNext(FocusManager.Instance.Current, NavigationDirection.Next); |
||||
|
KeyboardDevice.Instance?.SetFocusedElement(nextFocus, NavigationMethod.Tab, KeyModifiers.None); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
case Key.Enter: |
||||
|
OnConfirmed(); |
||||
|
e.Handled = true; |
||||
|
break; |
||||
|
} |
||||
|
base.OnKeyDown(e); |
||||
|
} |
||||
|
|
||||
|
protected override void OnConfirmed() |
||||
|
{ |
||||
|
var hr = _hourSelector.SelectedValue; |
||||
|
var min = _minuteSelector.SelectedValue; |
||||
|
var per = _periodSelector.SelectedValue; |
||||
|
|
||||
|
if (ClockIdentifier == "12HourClock") |
||||
|
{ |
||||
|
hr = per == 1 ? hr + 12 : per == 0 && hr == 12 ? 0 : hr; |
||||
|
} |
||||
|
|
||||
|
Time = new TimeSpan(hr, min, 0); |
||||
|
|
||||
|
base.OnConfirmed(); |
||||
|
} |
||||
|
|
||||
|
private void InitPicker() |
||||
|
{ |
||||
|
if (_pickerContainer == null) |
||||
|
return; |
||||
|
|
||||
|
bool clock12 = ClockIdentifier == "12HourClock"; |
||||
|
_hourSelector.MaximumValue = clock12 ? 12 : 23; |
||||
|
_hourSelector.MinimumValue = clock12 ? 1 : 0; |
||||
|
_hourSelector.ItemFormat = "%h"; |
||||
|
var hr = Time.Hours; |
||||
|
_hourSelector.SelectedValue = !clock12 ? hr : |
||||
|
hr > 12 ? hr - 12 : hr == 0 ? 12 : hr; |
||||
|
|
||||
|
_minuteSelector.MaximumValue = 59; |
||||
|
_minuteSelector.MinimumValue = 0; |
||||
|
_minuteSelector.Increment = MinuteIncrement; |
||||
|
_minuteSelector.SelectedValue = Time.Minutes; |
||||
|
_minuteSelector.ItemFormat = "mm"; |
||||
|
|
||||
|
_periodSelector.MaximumValue = 1; |
||||
|
_periodSelector.MinimumValue = 0; |
||||
|
_periodSelector.SelectedValue = hr >= 12 ? 1 : 0; |
||||
|
|
||||
|
SetGrid(); |
||||
|
KeyboardDevice.Instance?.SetFocusedElement(_hourSelector, NavigationMethod.Pointer, KeyModifiers.None); |
||||
|
} |
||||
|
|
||||
|
private void SetGrid() |
||||
|
{ |
||||
|
if (ClockIdentifier == "12HourClock") |
||||
|
{ |
||||
|
_pickerContainer.ColumnDefinitions = new ColumnDefinitions("*,Auto,*,Auto,*"); |
||||
|
_spacer2.IsVisible = true; |
||||
|
_periodHost.IsVisible = true; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
_pickerContainer.ColumnDefinitions = new ColumnDefinitions("*,Auto,*"); |
||||
|
_spacer2.IsVisible = false; |
||||
|
_periodHost.IsVisible = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void OnDismissButtonClicked(object sender, Avalonia.Interactivity.RoutedEventArgs e) |
||||
|
{ |
||||
|
OnDismiss(); |
||||
|
} |
||||
|
|
||||
|
private void OnAcceptButtonClicked(object sender, Avalonia.Interactivity.RoutedEventArgs e) |
||||
|
{ |
||||
|
OnConfirmed(); |
||||
|
} |
||||
|
|
||||
|
private void OnSelectorButtonClick(object sender, RoutedEventArgs e) |
||||
|
{ |
||||
|
if (sender == _hourUpButton) |
||||
|
_hourSelector.ScrollUp(); |
||||
|
else if (sender == _hourDownButton) |
||||
|
_hourSelector.ScrollDown(); |
||||
|
else if (sender == _minuteUpButton) |
||||
|
_minuteSelector.ScrollUp(); |
||||
|
else if (sender == _minuteDownButton) |
||||
|
_minuteSelector.ScrollDown(); |
||||
|
else if (sender == _periodUpButton) |
||||
|
_periodSelector.ScrollUp(); |
||||
|
else if (sender == _periodDownButton) |
||||
|
_periodSelector.ScrollDown(); |
||||
|
} |
||||
|
|
||||
|
internal double GetOffsetForPopup() |
||||
|
{ |
||||
|
var acceptDismissButtonHeight = _acceptButton != null ? _acceptButton.Bounds.Height : 41; |
||||
|
return -(MaxHeight - acceptDismissButtonHeight) / 2 - (_hourSelector.ItemHeight / 2); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,15 @@ |
|||||
|
using System; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
public class TimePickerSelectedValueChangedEventArgs |
||||
|
{ |
||||
|
public TimeSpan? OldTime { get; } |
||||
|
public TimeSpan? NewTime { get; } |
||||
|
public TimePickerSelectedValueChangedEventArgs(TimeSpan? old, TimeSpan? newT) |
||||
|
{ |
||||
|
OldTime = old; |
||||
|
NewTime = newT; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,487 @@ |
|||||
|
using Avalonia.Controls.Primitives; |
||||
|
using Avalonia.Input; |
||||
|
using Avalonia.Input.Raw; |
||||
|
using Avalonia.Interactivity; |
||||
|
using Avalonia.Media; |
||||
|
using Avalonia.Metadata; |
||||
|
using Avalonia.Platform; |
||||
|
using Avalonia.VisualTree; |
||||
|
using System; |
||||
|
using System.Reactive.Disposables; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines constants for how the SplitView Pane should display
|
||||
|
/// </summary>
|
||||
|
public enum SplitViewDisplayMode |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Pane is displayed next to content, and does not auto collapse
|
||||
|
/// when tapped outside
|
||||
|
/// </summary>
|
||||
|
Inline, |
||||
|
/// <summary>
|
||||
|
/// Pane is displayed next to content. When collapsed, pane is still
|
||||
|
/// visible according to CompactPaneLength. Pane does not auto collapse
|
||||
|
/// when tapped outside
|
||||
|
/// </summary>
|
||||
|
CompactInline, |
||||
|
/// <summary>
|
||||
|
/// Pane is displayed above content. Pane collapses when tapped outside
|
||||
|
/// </summary>
|
||||
|
Overlay, |
||||
|
/// <summary>
|
||||
|
/// Pane is displayed above content. When collapsed, pane is still
|
||||
|
/// visible according to CompactPaneLength. Pane collapses when tapped outside
|
||||
|
/// </summary>
|
||||
|
CompactOverlay |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines constants for where the Pane should appear
|
||||
|
/// </summary>
|
||||
|
public enum SplitViewPanePlacement |
||||
|
{ |
||||
|
Left, |
||||
|
Right |
||||
|
} |
||||
|
|
||||
|
public class SplitViewTemplateSettings : AvaloniaObject |
||||
|
{ |
||||
|
internal SplitViewTemplateSettings() { } |
||||
|
|
||||
|
public static readonly StyledProperty<double> ClosedPaneWidthProperty = |
||||
|
AvaloniaProperty.Register<SplitViewTemplateSettings, double>(nameof(ClosedPaneWidth), 0d); |
||||
|
|
||||
|
public static readonly StyledProperty<GridLength> PaneColumnGridLengthProperty = |
||||
|
AvaloniaProperty.Register<SplitViewTemplateSettings, GridLength>(nameof(PaneColumnGridLength)); |
||||
|
|
||||
|
public double ClosedPaneWidth |
||||
|
{ |
||||
|
get => GetValue(ClosedPaneWidthProperty); |
||||
|
internal set => SetValue(ClosedPaneWidthProperty, value); |
||||
|
} |
||||
|
|
||||
|
public GridLength PaneColumnGridLength |
||||
|
{ |
||||
|
get => GetValue(PaneColumnGridLengthProperty); |
||||
|
internal set => SetValue(PaneColumnGridLengthProperty, value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// A control with two views: A collapsible pane and an area for content
|
||||
|
/// </summary>
|
||||
|
public class SplitView : TemplatedControl |
||||
|
{ |
||||
|
/* |
||||
|
Pseudo classes & combos |
||||
|
:open / :closed |
||||
|
:compactoverlay :compactinline :overlay :inline |
||||
|
:left :right |
||||
|
*/ |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Content"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<IControl> ContentProperty = |
||||
|
AvaloniaProperty.Register<SplitView, IControl>(nameof(Content)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="CompactPaneLength"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> CompactPaneLengthProperty = |
||||
|
AvaloniaProperty.Register<SplitView, double>(nameof(CompactPaneLength), defaultValue: 48); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="DisplayMode"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<SplitViewDisplayMode> DisplayModeProperty = |
||||
|
AvaloniaProperty.Register<SplitView, SplitViewDisplayMode>(nameof(DisplayMode), defaultValue: SplitViewDisplayMode.Overlay); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="IsPaneOpen"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly DirectProperty<SplitView, bool> IsPaneOpenProperty = |
||||
|
AvaloniaProperty.RegisterDirect<SplitView, bool>(nameof(IsPaneOpen), |
||||
|
x => x.IsPaneOpen, (x, v) => x.IsPaneOpen = v); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="OpenPaneLength"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> OpenPaneLengthProperty = |
||||
|
AvaloniaProperty.Register<SplitView, double>(nameof(OpenPaneLength), defaultValue: 320); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="PaneBackground"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<IBrush> PaneBackgroundProperty = |
||||
|
AvaloniaProperty.Register<SplitView, IBrush>(nameof(PaneBackground)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="PanePlacement"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<SplitViewPanePlacement> PanePlacementProperty = |
||||
|
AvaloniaProperty.Register<SplitView, SplitViewPanePlacement>(nameof(PanePlacement)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Pane"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<IControl> PaneProperty = |
||||
|
AvaloniaProperty.Register<SplitView, IControl>(nameof(Pane)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="UseLightDismissOverlayMode"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<bool> UseLightDismissOverlayModeProperty = |
||||
|
AvaloniaProperty.Register<SplitView, bool>(nameof(UseLightDismissOverlayMode)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="TemplateSettings"/> property
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<SplitViewTemplateSettings> TemplateSettingsProperty = |
||||
|
AvaloniaProperty.Register<SplitView, SplitViewTemplateSettings>(nameof(TemplateSettings)); |
||||
|
|
||||
|
private bool _isPaneOpen; |
||||
|
private Panel _pane; |
||||
|
private CompositeDisposable _pointerDisposables; |
||||
|
|
||||
|
public SplitView() |
||||
|
{ |
||||
|
PseudoClasses.Add(":overlay"); |
||||
|
PseudoClasses.Add(":left"); |
||||
|
|
||||
|
TemplateSettings = new SplitViewTemplateSettings(); |
||||
|
} |
||||
|
|
||||
|
static SplitView() |
||||
|
{ |
||||
|
UseLightDismissOverlayModeProperty.Changed.AddClassHandler<SplitView>((x, v) => x.OnUseLightDismissChanged(v)); |
||||
|
CompactPaneLengthProperty.Changed.AddClassHandler<SplitView>((x, v) => x.OnCompactPaneLengthChanged(v)); |
||||
|
PanePlacementProperty.Changed.AddClassHandler<SplitView>((x, v) => x.OnPanePlacementChanged(v)); |
||||
|
DisplayModeProperty.Changed.AddClassHandler<SplitView>((x, v) => x.OnDisplayModeChanged(v)); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the content of the SplitView
|
||||
|
/// </summary>
|
||||
|
[Content] |
||||
|
public IControl Content |
||||
|
{ |
||||
|
get => GetValue(ContentProperty); |
||||
|
set => SetValue(ContentProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the length of the pane when in <see cref="SplitViewDisplayMode.CompactOverlay"/>
|
||||
|
/// or <see cref="SplitViewDisplayMode.CompactInline"/> mode
|
||||
|
/// </summary>
|
||||
|
public double CompactPaneLength |
||||
|
{ |
||||
|
get => GetValue(CompactPaneLengthProperty); |
||||
|
set => SetValue(CompactPaneLengthProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the <see cref="SplitViewDisplayMode"/> for the SplitView
|
||||
|
/// </summary>
|
||||
|
public SplitViewDisplayMode DisplayMode |
||||
|
{ |
||||
|
get => GetValue(DisplayModeProperty); |
||||
|
set => SetValue(DisplayModeProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether the pane is open or closed
|
||||
|
/// </summary>
|
||||
|
public bool IsPaneOpen |
||||
|
{ |
||||
|
get => _isPaneOpen; |
||||
|
set |
||||
|
{ |
||||
|
if (value == _isPaneOpen) |
||||
|
{ |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
if (value) |
||||
|
{ |
||||
|
OnPaneOpening(this, null); |
||||
|
SetAndRaise(IsPaneOpenProperty, ref _isPaneOpen, value); |
||||
|
|
||||
|
PseudoClasses.Add(":open"); |
||||
|
PseudoClasses.Remove(":closed"); |
||||
|
OnPaneOpened(this, null); |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
SplitViewPaneClosingEventArgs args = new SplitViewPaneClosingEventArgs(false); |
||||
|
OnPaneClosing(this, args); |
||||
|
if (!args.Cancel) |
||||
|
{ |
||||
|
SetAndRaise(IsPaneOpenProperty, ref _isPaneOpen, value); |
||||
|
|
||||
|
PseudoClasses.Add(":closed"); |
||||
|
PseudoClasses.Remove(":open"); |
||||
|
OnPaneClosed(this, null); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the length of the pane when open
|
||||
|
/// </summary>
|
||||
|
public double OpenPaneLength |
||||
|
{ |
||||
|
get => GetValue(OpenPaneLengthProperty); |
||||
|
set => SetValue(OpenPaneLengthProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the background of the pane
|
||||
|
/// </summary>
|
||||
|
public IBrush PaneBackground |
||||
|
{ |
||||
|
get => GetValue(PaneBackgroundProperty); |
||||
|
set => SetValue(PaneBackgroundProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the <see cref="SplitViewPanePlacement"/> for the SplitView
|
||||
|
/// </summary>
|
||||
|
public SplitViewPanePlacement PanePlacement |
||||
|
{ |
||||
|
get => GetValue(PanePlacementProperty); |
||||
|
set => SetValue(PanePlacementProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the Pane for the SplitView
|
||||
|
/// </summary>
|
||||
|
public IControl Pane |
||||
|
{ |
||||
|
get => GetValue(PaneProperty); |
||||
|
set => SetValue(PaneProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets whether WinUI equivalent LightDismissOverlayMode is enabled
|
||||
|
/// <para>When enabled, and the pane is open in Overlay or CompactOverlay mode,
|
||||
|
/// the contents of the splitview are darkened to visually separate the open pane
|
||||
|
/// and the rest of the SplitView</para>
|
||||
|
/// </summary>
|
||||
|
public bool UseLightDismissOverlayMode |
||||
|
{ |
||||
|
get => GetValue(UseLightDismissOverlayModeProperty); |
||||
|
set => SetValue(UseLightDismissOverlayModeProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the TemplateSettings for the SplitView
|
||||
|
/// </summary>
|
||||
|
public SplitViewTemplateSettings TemplateSettings |
||||
|
{ |
||||
|
get => GetValue(TemplateSettingsProperty); |
||||
|
set => SetValue(TemplateSettingsProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Fired when the pane is closed
|
||||
|
/// </summary>
|
||||
|
public event EventHandler<EventArgs> PaneClosed; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Fired when the pane is closing
|
||||
|
/// </summary>
|
||||
|
public event EventHandler<SplitViewPaneClosingEventArgs> PaneClosing; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Fired when the pane is opened
|
||||
|
/// </summary>
|
||||
|
public event EventHandler<EventArgs> PaneOpened; |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Fired when the pane is opening
|
||||
|
/// </summary>
|
||||
|
public event EventHandler<EventArgs> PaneOpening; |
||||
|
|
||||
|
protected override void OnApplyTemplate(TemplateAppliedEventArgs e) |
||||
|
{ |
||||
|
base.OnApplyTemplate(e); |
||||
|
_pane = e.NameScope.Find<Panel>("PART_PaneRoot"); |
||||
|
} |
||||
|
|
||||
|
protected override void OnAttachedToVisualTree(VisualTreeAttachmentEventArgs e) |
||||
|
{ |
||||
|
base.OnAttachedToVisualTree(e); |
||||
|
|
||||
|
var topLevel = this.VisualRoot; |
||||
|
if (topLevel is Window window) |
||||
|
{ |
||||
|
//Logic adapted from Popup
|
||||
|
//Basically if we're using an overlay DisplayMode, close the pane if we don't click on the pane
|
||||
|
IDisposable subscribeToEventHandler<T, TEventHandler>(T target, TEventHandler handler, |
||||
|
Action<T, TEventHandler> subscribe, Action<T, TEventHandler> unsubscribe) |
||||
|
{ |
||||
|
subscribe(target, handler); |
||||
|
return Disposable.Create((unsubscribe, target, handler), state => state.unsubscribe(state.target, state.handler)); |
||||
|
} |
||||
|
|
||||
|
_pointerDisposables = new CompositeDisposable( |
||||
|
window.AddDisposableHandler(PointerPressedEvent, PointerPressedOutside, RoutingStrategies.Tunnel), |
||||
|
InputManager.Instance?.Process.Subscribe(OnNonClientClick), |
||||
|
subscribeToEventHandler<Window, EventHandler>(window, Window_Deactivated, |
||||
|
(x, handler) => x.Deactivated += handler, (x, handler) => x.Deactivated -= handler), |
||||
|
subscribeToEventHandler<IWindowImpl, Action>(window.PlatformImpl, OnWindowLostFocus, |
||||
|
(x, handler) => x.LostFocus += handler, (x, handler) => x.LostFocus -= handler)); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
protected override void OnDetachedFromVisualTree(VisualTreeAttachmentEventArgs e) |
||||
|
{ |
||||
|
base.OnDetachedFromVisualTree(e); |
||||
|
_pointerDisposables?.Dispose(); |
||||
|
} |
||||
|
|
||||
|
private void OnWindowLostFocus() |
||||
|
{ |
||||
|
if (IsPaneOpen && ShouldClosePane()) |
||||
|
{ |
||||
|
IsPaneOpen = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void PointerPressedOutside(object sender, PointerPressedEventArgs e) |
||||
|
{ |
||||
|
if (!IsPaneOpen) |
||||
|
{ |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
//If we click within the Pane, don't do anything
|
||||
|
//Otherwise, ClosePane if open & using an overlay display mode
|
||||
|
bool closePane = ShouldClosePane(); |
||||
|
if (!closePane) |
||||
|
{ |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
var src = e.Source as IVisual; |
||||
|
while (src != null) |
||||
|
{ |
||||
|
if (src == _pane) |
||||
|
{ |
||||
|
closePane = false; |
||||
|
break; |
||||
|
} |
||||
|
|
||||
|
src = src.VisualParent; |
||||
|
} |
||||
|
if (closePane) |
||||
|
{ |
||||
|
IsPaneOpen = false; |
||||
|
e.Handled = true; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void OnNonClientClick(RawInputEventArgs obj) |
||||
|
{ |
||||
|
if (!IsPaneOpen) |
||||
|
{ |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
var mouse = obj as RawPointerEventArgs; |
||||
|
if (mouse?.Type == RawPointerEventType.NonClientLeftButtonDown) |
||||
|
|
||||
|
{ |
||||
|
if (ShouldClosePane()) |
||||
|
IsPaneOpen = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void Window_Deactivated(object sender, EventArgs e) |
||||
|
{ |
||||
|
if (IsPaneOpen && ShouldClosePane()) |
||||
|
{ |
||||
|
IsPaneOpen = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private bool ShouldClosePane() |
||||
|
{ |
||||
|
return (DisplayMode == SplitViewDisplayMode.CompactOverlay || DisplayMode == SplitViewDisplayMode.Overlay); |
||||
|
} |
||||
|
|
||||
|
protected virtual void OnPaneOpening(SplitView sender, EventArgs args) |
||||
|
{ |
||||
|
PaneOpening?.Invoke(sender, args); |
||||
|
} |
||||
|
|
||||
|
protected virtual void OnPaneOpened(SplitView sender, EventArgs args) |
||||
|
{ |
||||
|
PaneOpened?.Invoke(sender, args); |
||||
|
} |
||||
|
|
||||
|
protected virtual void OnPaneClosing(SplitView sender, SplitViewPaneClosingEventArgs args) |
||||
|
{ |
||||
|
PaneClosing?.Invoke(sender, args); |
||||
|
} |
||||
|
|
||||
|
protected virtual void OnPaneClosed(SplitView sender, EventArgs args) |
||||
|
{ |
||||
|
PaneClosed?.Invoke(sender, args); |
||||
|
} |
||||
|
|
||||
|
private void OnCompactPaneLengthChanged(AvaloniaPropertyChangedEventArgs e) |
||||
|
{ |
||||
|
var newLen = (double)e.NewValue; |
||||
|
var displayMode = DisplayMode; |
||||
|
if (displayMode == SplitViewDisplayMode.CompactInline) |
||||
|
{ |
||||
|
TemplateSettings.ClosedPaneWidth = newLen; |
||||
|
} |
||||
|
else if (displayMode == SplitViewDisplayMode.CompactOverlay) |
||||
|
{ |
||||
|
TemplateSettings.ClosedPaneWidth = newLen; |
||||
|
TemplateSettings.PaneColumnGridLength = new GridLength(newLen, GridUnitType.Pixel); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void OnPanePlacementChanged(AvaloniaPropertyChangedEventArgs e) |
||||
|
{ |
||||
|
var oldState = e.OldValue.ToString().ToLower(); |
||||
|
var newState = e.NewValue.ToString().ToLower(); |
||||
|
PseudoClasses.Remove($":{oldState}"); |
||||
|
PseudoClasses.Add($":{newState}"); |
||||
|
} |
||||
|
|
||||
|
private void OnDisplayModeChanged(AvaloniaPropertyChangedEventArgs e) |
||||
|
{ |
||||
|
var oldState = e.OldValue.ToString().ToLower(); |
||||
|
var newState = e.NewValue.ToString().ToLower(); |
||||
|
|
||||
|
PseudoClasses.Remove($":{oldState}"); |
||||
|
PseudoClasses.Add($":{newState}"); |
||||
|
|
||||
|
var (closedPaneWidth, paneColumnGridLength) = (SplitViewDisplayMode)e.NewValue switch |
||||
|
{ |
||||
|
SplitViewDisplayMode.Overlay => (0, new GridLength(0, GridUnitType.Pixel)), |
||||
|
SplitViewDisplayMode.CompactOverlay => (CompactPaneLength, new GridLength(CompactPaneLength, GridUnitType.Pixel)), |
||||
|
SplitViewDisplayMode.Inline => (0, new GridLength(0, GridUnitType.Auto)), |
||||
|
SplitViewDisplayMode.CompactInline => (CompactPaneLength, new GridLength(0, GridUnitType.Auto)), |
||||
|
_ => throw new NotImplementedException(), |
||||
|
}; |
||||
|
TemplateSettings.ClosedPaneWidth = closedPaneWidth; |
||||
|
TemplateSettings.PaneColumnGridLength = paneColumnGridLength; |
||||
|
} |
||||
|
|
||||
|
private void OnUseLightDismissChanged(AvaloniaPropertyChangedEventArgs e) |
||||
|
{ |
||||
|
var mode = (bool)e.NewValue; |
||||
|
PseudoClasses.Set(":lightdismiss", mode); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,14 @@ |
|||||
|
using System; |
||||
|
|
||||
|
namespace Avalonia.Controls |
||||
|
{ |
||||
|
public class SplitViewPaneClosingEventArgs : EventArgs |
||||
|
{ |
||||
|
public bool Cancel { get; set; } |
||||
|
|
||||
|
public SplitViewPaneClosingEventArgs(bool cancel) |
||||
|
{ |
||||
|
Cancel = cancel; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,338 @@ |
|||||
|
<!-- |
||||
|
// (c) Copyright Microsoft Corporation. |
||||
|
// This source is subject to the Microsoft Public License (Ms-PL). |
||||
|
// Please see http://go.microsoft.com/fwlink/?LinkID=131993 for details. |
||||
|
// All other rights reserved. |
||||
|
--> |
||||
|
|
||||
|
<Styles xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
||||
|
xmlns:sys="clr-namespace:System;assembly=netstandard"> |
||||
|
<Styles.Resources> |
||||
|
<Thickness x:Key="DatePickerTopHeaderMargin">0,0,0,4</Thickness> |
||||
|
<x:Double x:Key="DatePickerFlyoutPresenterHighlightHeight">40</x:Double> |
||||
|
<x:Double x:Key="DatePickerFlyoutPresenterItemHeight">40</x:Double> |
||||
|
<x:Double x:Key="DatePickerFlyoutPresenterAcceptDismissHostGridHeight">41</x:Double> |
||||
|
<x:Double x:Key="DatePickerThemeMinWidth">296</x:Double> |
||||
|
<x:Double x:Key="DatePickerThemeMaxWidth">456</x:Double> |
||||
|
<Thickness x:Key="DatePickerFlyoutPresenterItemPadding">0,3,0,6</Thickness> |
||||
|
<Thickness x:Key="DatePickerFlyoutPresenterMonthPadding">9,3,0,6</Thickness> |
||||
|
<Thickness x:Key="DatePickerHostPadding">0,3,0,6</Thickness> |
||||
|
<Thickness x:Key="DatePickerHostMonthPadding">9,3,0,6</Thickness> |
||||
|
<x:Double x:Key="DatePickerSpacerThemeWidth">1</x:Double> |
||||
|
</Styles.Resources> |
||||
|
|
||||
|
<!-- Styles for the items displayed in the selectors --> |
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem"> |
||||
|
<Setter Property="Padding" Value="{DynamicResource DatePickerFlyoutPresenterItemPadding}"/> |
||||
|
<Setter Property="VerticalContentAlignment" Value="Center" /> |
||||
|
<Setter Property="HorizontalContentAlignment" Value="Center" /> |
||||
|
</Style> |
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem:selected"> |
||||
|
<Setter Property="IsHitTestVisible" Value="False"/> |
||||
|
</Style> |
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem:selected /template/ Rectangle#PressedBackground"> |
||||
|
<Setter Property="Fill" Value="Transparent"/> |
||||
|
</Style> |
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem:selected /template/ ContentPresenter"> |
||||
|
<Setter Property="Background" Value="Transparent" /> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource SystemControlForegroundBaseHighBrush}"/> |
||||
|
</Style> |
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem.MonthItem"> |
||||
|
<Setter Property="Padding" Value="{DynamicResource DatePickerFlyoutPresenterMonthPadding}"/> |
||||
|
<Setter Property="VerticalContentAlignment" Value="Center" /> |
||||
|
<Setter Property="HorizontalContentAlignment" Value="Left" /> |
||||
|
</Style> |
||||
|
|
||||
|
|
||||
|
<!-- This is used for both the accept/dismiss & repeatbuttons in the presenter--> |
||||
|
<Style Selector=":is(Button).DateTimeFlyoutButtonStyle"> |
||||
|
<Setter Property="Background" Value="{DynamicResource DateTimePickerFlyoutButtonBackground}" /> |
||||
|
<Setter Property="HorizontalContentAlignment" Value="Center"/> |
||||
|
<Setter Property="VerticalContentAlignment" Value="Center"/> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<!-- |
||||
|
The background is doubled here for the loopingselector up/down repeat buttons |
||||
|
that appear opaque. Not sure how MS does it though I suspect this is it |
||||
|
but source isn't MIT yet, so this is my solution --> |
||||
|
<Border Background="{TemplateBinding Background}"> |
||||
|
<ContentPresenter x:Name="ContentPresenter" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
BorderBrush="{DynamicResource DateTimePickerFlyoutButtonBorderBrush}" |
||||
|
BorderThickness="{DynamicResource DateTimeFlyoutButtonBorderThickness}" |
||||
|
Content="{TemplateBinding Content}" |
||||
|
TextBlock.Foreground="{DynamicResource SystemControlHighlightAltBaseHighBrush}" |
||||
|
ContentTemplate="{TemplateBinding ContentTemplate}" |
||||
|
Padding="{TemplateBinding Padding}" |
||||
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" |
||||
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" |
||||
|
CornerRadius="{DynamicResource ControlCornerRadius}"/> |
||||
|
</Border> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector=":is(Button).DateTimeFlyoutButtonStyle:pointerover /template/ ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource DateTimePickerFlyoutButtonBackgroundPointerOver}"/> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource DateTimePickerFlyoutButtonBorderBrushPointerOver}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource DateTimePickerFlyoutButtonForegroundPointerOver}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector=":is(Button).DateTimeFlyoutButtonStyle:pressed /template/ ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource DateTimePickerFlyoutButtonBackgroundPressed}"/> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource DateTimePickerFlyoutButtonBorderBrushPressed}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource DateTimePickerFlyoutButtonForegroundPressed}"/> |
||||
|
</Style> |
||||
|
|
||||
|
|
||||
|
<Style Selector="RepeatButton.UpButton"> |
||||
|
<Setter Property="VerticalAlignment" Value="Top"/> |
||||
|
<Setter Property="Height" Value="22" /> |
||||
|
<Setter Property="HorizontalAlignment" Value="Stretch" /> |
||||
|
<Setter Property="Focusable" Value="False" /> |
||||
|
<Setter Property="Background" Value="{DynamicResource SystemControlBackgroundChromeMediumLowBrush}" /> |
||||
|
<Setter Property="Content"> |
||||
|
<Template> |
||||
|
<Viewbox Height="10" Width="10" HorizontalAlignment="Center" VerticalAlignment="Center"> |
||||
|
<Path Stroke="{Binding $parent[RepeatButton].Foreground}" StrokeThickness="1" Data="M 0,9 L 9,0 L 18,9"/> |
||||
|
</Viewbox> |
||||
|
</Template> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
<Style Selector="RepeatButton.DownButton"> |
||||
|
<Setter Property="VerticalAlignment" Value="Bottom"/> |
||||
|
<Setter Property="Height" Value="22" /> |
||||
|
<Setter Property="HorizontalAlignment" Value="Stretch" /> |
||||
|
<Setter Property="Focusable" Value="False" /> |
||||
|
<Setter Property="Background" Value="{DynamicResource SystemControlBackgroundChromeMediumLowBrush}" /> |
||||
|
<Setter Property="Content"> |
||||
|
<Template> |
||||
|
<Viewbox Height="10" Width="10" HorizontalAlignment="Center" VerticalAlignment="Center"> |
||||
|
<Path Stroke="{Binding $parent[RepeatButton].Foreground}" StrokeThickness="1" Data="M 0,0 L 9,9 L 18,0"/> |
||||
|
</Viewbox> |
||||
|
</Template> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="DatePicker"> |
||||
|
<Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" /> |
||||
|
<Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" /> |
||||
|
<Setter Property="Foreground" Value="{DynamicResource DatePickerButtonForeground}" /> |
||||
|
<Setter Property="Background" Value="{DynamicResource DatePickerButtonBackground}"/> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource DatePickerButtonBorderBrush}"/> |
||||
|
<Setter Property="BorderThickness" Value="1"/> |
||||
|
<Setter Property="HorizontalAlignment" Value="Left" /> |
||||
|
<Setter Property="VerticalAlignment" Value="Center" /> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Grid Name="LayoutRoot" Margin="{TemplateBinding Padding}" RowDefinitions="Auto,*"> |
||||
|
<ContentPresenter Name="HeaderContentPresenter" Grid.Row="0" |
||||
|
Content="{TemplateBinding Header}" |
||||
|
ContentTemplate="{TemplateBinding HeaderTemplate}" |
||||
|
Margin="{DynamicResource DatePickerTopHeaderMargin}" |
||||
|
MaxWidth="{DynamicResource DatePickerThemeMaxWidth}" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Top"/> |
||||
|
|
||||
|
<Button Name="FlyoutButton" Grid.Row="1" |
||||
|
Foreground="{TemplateBinding Foreground}" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
IsEnabled="{TemplateBinding IsEnabled}" |
||||
|
MinWidth="{StaticResource DatePickerThemeMinWidth}" |
||||
|
MaxWidth="{StaticResource DatePickerThemeMaxWidth}" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Stretch" |
||||
|
HorizontalContentAlignment="Stretch" |
||||
|
VerticalContentAlignment="Stretch" |
||||
|
TemplatedControl.IsTemplateFocusTarget="True"> |
||||
|
<Button.Template> |
||||
|
<ControlTemplate> |
||||
|
<ContentPresenter Name="ContentPresenter" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
Content="{TemplateBinding Content}" |
||||
|
TextBlock.Foreground="{TemplateBinding Foreground}" |
||||
|
HorizontalContentAlignment="Stretch" |
||||
|
VerticalContentAlignment="Stretch" |
||||
|
CornerRadius="{DynamicResource ControlCornerRadius}"/> |
||||
|
</ControlTemplate> |
||||
|
</Button.Template> |
||||
|
<Grid Name="ButtonContentGrid" ColumnDefinitions="78*,Auto,132*,Auto,78*"> |
||||
|
<TextBlock Name="DayText" Text="day" HorizontalAlignment="Center" |
||||
|
Padding="{DynamicResource DatePickerHostPadding}" |
||||
|
FontFamily="{TemplateBinding FontFamily}" |
||||
|
FontWeight="{TemplateBinding FontWeight}" |
||||
|
FontSize="{TemplateBinding FontSize}"/> |
||||
|
<TextBlock Name="MonthText" Text="month" TextAlignment="Left" |
||||
|
Padding="{DynamicResource DatePickerHostMonthPadding}" |
||||
|
FontFamily="{TemplateBinding FontFamily}" |
||||
|
FontWeight="{TemplateBinding FontWeight}" |
||||
|
FontSize="{TemplateBinding FontSize}"/> |
||||
|
<TextBlock Name="YearText" Text="year" HorizontalAlignment="Center" |
||||
|
Padding="{DynamicResource DatePickerHostPadding}" |
||||
|
FontFamily="{TemplateBinding FontFamily}" |
||||
|
FontWeight="{TemplateBinding FontWeight}" |
||||
|
FontSize="{TemplateBinding FontSize}"/> |
||||
|
<Rectangle x:Name="FirstSpacer" |
||||
|
Fill="{DynamicResource DatePickerSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="1" |
||||
|
Grid.Column="1" /> |
||||
|
<Rectangle x:Name="SecondSpacer" |
||||
|
Fill="{DynamicResource DatePickerSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="1" |
||||
|
Grid.Column="3" /> |
||||
|
</Grid> |
||||
|
</Button> |
||||
|
|
||||
|
<Popup Name="Popup" WindowManagerAddShadowHint="False" |
||||
|
StaysOpen="False" PlacementTarget="{TemplateBinding}" |
||||
|
PlacementMode="Bottom"> |
||||
|
<DatePickerPresenter Name="PickerPresenter" /> |
||||
|
</Popup> |
||||
|
|
||||
|
</Grid> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
<Style Selector="DatePicker /template/ ContentPresenter#HeaderContentPresenter"> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource DatePickerHeaderForeground}"/> |
||||
|
</Style> |
||||
|
<Style Selector="DatePicker:disabled /template/ Rectangle"> |
||||
|
<Setter Property="Fill" Value="{DynamicResource DatePickerSpacerFillDisabled}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="DatePicker /template/ Button#FlyoutButton:pointerover /template/ ContentPresenter"> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource DatePickerButtonBorderBrushPointerOver}"/> |
||||
|
<Setter Property="Background" Value="{DynamicResource DatePickerButtonBackgroundPointerOver}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource DatePickerButtonForegroundPointerOver}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="DatePicker /template/ Button#FlyoutButton:pressed /template/ ContentPresenter"> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource DatePickerButtonBorderBrushPressed}"/> |
||||
|
<Setter Property="Background" Value="{DynamicResource DatePickerButtonBackgroundPressed}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource DatePickerButtonForegroundPressed}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="DatePicker /template/ Button#FlyoutButton:disabled /template/ ContentPresenter"> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource DatePickerButtonBorderBrushDisabled}"/> |
||||
|
<Setter Property="Background" Value="{DynamicResource DatePickerButtonBackgroundDisabled}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource DatePickerButtonForegroundDisabled}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Changes foreground for watermark text when SelectedDate is null--> |
||||
|
<Style Selector="DatePicker:hasnodate /template/ Button#FlyoutButton TextBlock"> |
||||
|
<Setter Property="Foreground" Value="{DynamicResource TextControlPlaceholderForeground}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!--WinUI: DatePickerFlyoutPresenter--> |
||||
|
<Style Selector="DatePickerPresenter"> |
||||
|
<Setter Property="Width" Value="296" /> |
||||
|
<Setter Property="MinWidth" Value="296" /> |
||||
|
<Setter Property="MaxHeight" Value="398" /> |
||||
|
<Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" /> |
||||
|
<Setter Property="FontWeight" Value="Normal" /> |
||||
|
<Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" /> |
||||
|
<Setter Property="Background" Value="{DynamicResource DatePickerFlyoutPresenterBackground}" /> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource DatePickerFlyoutPresenterBorderBrush}" /> |
||||
|
<Setter Property="BorderThickness" Value="{DynamicResource DateTimeFlyoutBorderThickness}" /> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Border Name="Background" Background="{TemplateBinding Background}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
Padding="{DynamicResource DateTimeFlyoutBorderPadding}" |
||||
|
MaxHeight="398" CornerRadius="{DynamicResource OverlayCornerRadius}"> |
||||
|
<Grid Name="ContentRoot" RowDefinitions="*,Auto"> |
||||
|
<Grid Name="PickerContainer"> |
||||
|
<!--Column Definitions set in code, ignore here--> |
||||
|
<Panel Name="MonthHost"> |
||||
|
<ScrollViewer HorizontalScrollBarVisibility="Disabled" |
||||
|
VerticalScrollBarVisibility="Hidden"> |
||||
|
<DateTimePickerPanel Name="MonthSelector" |
||||
|
PanelType="Month" |
||||
|
ItemHeight="{DynamicResource DatePickerFlyoutPresenterItemHeight}" |
||||
|
ShouldLoop="True" /> |
||||
|
</ScrollViewer> |
||||
|
<RepeatButton Name="MonthUpButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle UpButton"/> |
||||
|
<RepeatButton Name="MonthDownButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle DownButton"/> |
||||
|
</Panel> |
||||
|
<Panel Name="DayHost"> |
||||
|
<ScrollViewer HorizontalScrollBarVisibility="Disabled" |
||||
|
VerticalScrollBarVisibility="Hidden"> |
||||
|
<DateTimePickerPanel Name="DaySelector" |
||||
|
PanelType="Day" |
||||
|
ItemHeight="{DynamicResource DatePickerFlyoutPresenterItemHeight}" |
||||
|
ShouldLoop="True" /> |
||||
|
</ScrollViewer> |
||||
|
<RepeatButton Name="DayUpButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle UpButton"/> |
||||
|
<RepeatButton Name="DayDownButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle DownButton"/> |
||||
|
</Panel> |
||||
|
<Panel Name="YearHost"> |
||||
|
<ScrollViewer HorizontalScrollBarVisibility="Disabled" |
||||
|
VerticalScrollBarVisibility="Hidden"> |
||||
|
<DateTimePickerPanel Name="YearSelector" |
||||
|
PanelType="Year" |
||||
|
ItemHeight="{DynamicResource DatePickerFlyoutPresenterItemHeight}" |
||||
|
ShouldLoop="False" /> |
||||
|
</ScrollViewer> |
||||
|
<RepeatButton Name="YearUpButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle UpButton"/> |
||||
|
<RepeatButton Name="YearDownButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle DownButton"/> |
||||
|
</Panel> |
||||
|
<Rectangle Name="HighlightRect" IsHitTestVisible="False" ZIndex="-1" |
||||
|
Fill="{DynamicResource DatePickerFlyoutPresenterHighlightFill}" |
||||
|
Grid.Column="0" Grid.ColumnSpan="5" VerticalAlignment="Center" |
||||
|
Height="{DynamicResource DatePickerFlyoutPresenterHighlightHeight}" /> |
||||
|
<Rectangle Name="FirstSpacer" |
||||
|
Fill="{DynamicResource DatePickerFlyoutPresenterSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="{DynamicResource DatePickerSpacerThemeWidth}" |
||||
|
Grid.Column="1" /> |
||||
|
<Rectangle Name="SecondSpacer" |
||||
|
Fill="{DynamicResource DatePickerFlyoutPresenterSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="{DynamicResource DatePickerSpacerThemeWidth}" |
||||
|
Grid.Column="3" /> |
||||
|
</Grid> |
||||
|
<Grid Grid.Row="1" Height="{DynamicResource DatePickerFlyoutPresenterAcceptDismissHostGridHeight}" |
||||
|
Name="AcceptDismissGrid" ColumnDefinitions="*,*"> |
||||
|
<Rectangle Height="{DynamicResource DatePickerSpacerThemeWidth}" VerticalAlignment="Top" |
||||
|
Fill="{DynamicResource DatePickerFlyoutPresenterSpacerFill}" |
||||
|
Grid.ColumnSpan="2"/> |
||||
|
<Button Name="AcceptButton" Grid.Column="0" Classes="DateTimeFlyoutButtonStyle" |
||||
|
HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
||||
|
<Path Stroke="{Binding $parent[Button].Foreground}" StrokeLineCap="Round" |
||||
|
StrokeThickness="0.75" Data="M0.5,8.5 5,13.5 15.5,3" /> |
||||
|
</Button> |
||||
|
<Button Name="DismissButton" Grid.Column="1" Classes="DateTimeFlyoutButtonStyle" |
||||
|
FontSize="16" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
||||
|
<Path Stroke="{Binding $parent[Button].Foreground}" StrokeLineCap="Round" |
||||
|
StrokeThickness="0.75" Data="M2,2 14,14 M2,14 14 2" /> |
||||
|
</Button> |
||||
|
</Grid> |
||||
|
</Grid> |
||||
|
</Border> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="DatePickerPresenter /template/ Panel RepeatButton"> |
||||
|
<Setter Property="IsVisible" Value="False" /> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="DatePickerPresenter /template/ Panel:pointerover RepeatButton"> |
||||
|
<Setter Property="IsVisible" Value="True" /> |
||||
|
</Style> |
||||
|
|
||||
|
</Styles> |
||||
@ -0,0 +1,219 @@ |
|||||
|
<Styles xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> |
||||
|
|
||||
|
<Styles.Resources> |
||||
|
<x:Double x:Key="SplitViewOpenPaneThemeLength">320</x:Double> |
||||
|
<x:Double x:Key="SplitViewCompactPaneThemeLength">48</x:Double> |
||||
|
|
||||
|
<!-- Not used here (directly) since they're strings, but preserving for reference |
||||
|
<x:String x:Key="SplitViewPaneAnimationOpenDuration">00:00:00.2</x:String> |
||||
|
<x:String x:Key="SplitViewPaneAnimationOpenPreDuration">00:00:00.19999</x:String> |
||||
|
<x:String x:Key="SplitViewPaneAnimationCloseDuration">00:00:00.1</x:String>--> |
||||
|
</Styles.Resources> |
||||
|
|
||||
|
<Style Selector="SplitView"> |
||||
|
<Setter Property="OpenPaneLength" Value="{DynamicResource SplitViewOpenPaneThemeLength}" /> |
||||
|
<Setter Property="CompactPaneLength" Value="{DynamicResource SplitViewCompactPaneThemeLength}" /> |
||||
|
<Setter Property="PaneBackground" Value="{DynamicResource SystemControlPageBackgroundChromeLowBrush}" /> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Left --> |
||||
|
<Style Selector="SplitView:left"> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Grid Name="Container" Background="{TemplateBinding Background}"> |
||||
|
<Grid.ColumnDefinitions> |
||||
|
<!-- why is this throwing a binding error? --> |
||||
|
<ColumnDefinition Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}"/> |
||||
|
<ColumnDefinition Width="*"/> |
||||
|
</Grid.ColumnDefinitions> |
||||
|
|
||||
|
<Panel Name="PART_PaneRoot" Background="{TemplateBinding PaneBackground}" |
||||
|
ClipToBounds="True" |
||||
|
HorizontalAlignment="Left" |
||||
|
ZIndex="100"> |
||||
|
<Border Child="{TemplateBinding Pane}"/> |
||||
|
<Rectangle Name="HCPaneBorder" Fill="{DynamicResource SystemControlForegroundTransparentBrush}" Width="1" HorizontalAlignment="Right" /> |
||||
|
</Panel> |
||||
|
|
||||
|
<Panel Name="ContentRoot"> |
||||
|
<Border Child="{TemplateBinding Content}" /> |
||||
|
<Rectangle Name="LightDismissLayer"/> |
||||
|
</Panel> |
||||
|
|
||||
|
</Grid> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Overlay --> |
||||
|
<Style Selector="SplitView:overlay:left /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
<!-- ColumnSpan should be 2 --> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:overlay:left /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="2"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- CompactInline --> |
||||
|
<Style Selector="SplitView:compactinline:left /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:compactinline:left /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- CompactOverlay --> |
||||
|
<Style Selector="SplitView:compactoverlay:left /template/ Panel#PART_PaneRoot"> |
||||
|
<!-- ColumnSpan should be 2 --> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:compactoverlay:left /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Inline --> |
||||
|
<Style Selector="SplitView:inline:left /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:inline:left /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Right --> |
||||
|
<Style Selector="SplitView:right"> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Grid Name="Container" Background="{TemplateBinding Background}"> |
||||
|
<Grid.ColumnDefinitions> |
||||
|
<ColumnDefinition Width="*"/> |
||||
|
<ColumnDefinition Width="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}"/> |
||||
|
</Grid.ColumnDefinitions> |
||||
|
|
||||
|
<Panel Name="PART_PaneRoot" Background="{TemplateBinding PaneBackground}" |
||||
|
ClipToBounds="True" |
||||
|
HorizontalAlignment="Right" |
||||
|
ZIndex="100"> |
||||
|
<Border Child="{TemplateBinding Pane}"/> |
||||
|
<Rectangle Name="HCPaneBorder" |
||||
|
Fill="{DynamicResource SystemControlForegroundTransparentBrush}" |
||||
|
Width="1" HorizontalAlignment="Left" /> |
||||
|
</Panel> |
||||
|
|
||||
|
<Panel Name="ContentRoot"> |
||||
|
<Border Child="{TemplateBinding Content}" /> |
||||
|
<Rectangle Name="LightDismissLayer"/> |
||||
|
</Panel> |
||||
|
|
||||
|
</Grid> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Overlay --> |
||||
|
<Style Selector="SplitView:overlay:right /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="2"/> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:overlay:right /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="2"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- CompactInline --> |
||||
|
<Style Selector="SplitView:compactinline:right /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:compactinline:right /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- CompactOverlay --> |
||||
|
<Style Selector="SplitView:compactoverlay:right /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="2"/> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:compactoverlay:right /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Inline --> |
||||
|
<Style Selector="SplitView:inline:right /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
<Setter Property="Grid.Column" Value="1"/> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:inline:right /template/ Panel#ContentRoot"> |
||||
|
<Setter Property="Grid.Column" Value="0"/> |
||||
|
<Setter Property="Grid.ColumnSpan" Value="1"/> |
||||
|
</Style> |
||||
|
|
||||
|
<!-- Open/Close Pane animation --> |
||||
|
<Style Selector="SplitView:open /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Transitions"> |
||||
|
<Transitions> |
||||
|
<DoubleTransition Property="Width" Duration="00:00:00.2" Easing="0.1,0.9,0.2,1.0" /> |
||||
|
</Transitions> |
||||
|
</Setter> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:open /template/ Rectangle#LightDismissLayer"> |
||||
|
<Setter Property="Transitions"> |
||||
|
<Transitions> |
||||
|
<DoubleTransition Property="Opacity" Duration="00:00:00.2" Easing="0.1,0.9,0.2,1.0" /> |
||||
|
</Transitions> |
||||
|
</Setter> |
||||
|
<Setter Property="Opacity" Value="1.0"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="SplitView:closed /template/ Panel#PART_PaneRoot"> |
||||
|
<Setter Property="Transitions"> |
||||
|
<Transitions> |
||||
|
<DoubleTransition Property="Width" Duration="00:00:00.1" Easing="0.1,0.9,0.2,1.0" /> |
||||
|
</Transitions> |
||||
|
</Setter> |
||||
|
<Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:closed /template/ Rectangle#LightDismissLayer"> |
||||
|
<Setter Property="Transitions"> |
||||
|
<Transitions> |
||||
|
<DoubleTransition Property="Opacity" Duration="00:00:00.2" Easing="0.1,0.9,0.2,1.0" /> |
||||
|
</Transitions> |
||||
|
</Setter> |
||||
|
<Setter Property="Opacity" Value="0.0"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="SplitView /template/ Rectangle#LightDismissLayer"> |
||||
|
<Setter Property="IsVisible" Value="False"/> |
||||
|
<Setter Property="Fill" Value="Transparent" /> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:lightdismiss /template/ Rectangle#LightDismissLayer"> |
||||
|
<Setter Property="Fill" Value="{DynamicResource SplitViewLightDismissOverlayBackground}" /> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="SplitView:overlay:open /template/ Rectangle#LightDismissLayer"> |
||||
|
<Setter Property="IsVisible" Value="True"/> |
||||
|
</Style> |
||||
|
<Style Selector="SplitView:compactoverlay:open /template/ Rectangle#LightDismissLayer"> |
||||
|
<Setter Property="IsVisible" Value="True"/> |
||||
|
</Style> |
||||
|
|
||||
|
</Styles> |
||||
@ -0,0 +1,284 @@ |
|||||
|
<!-- |
||||
|
// (c) Copyright Microsoft Corporation. |
||||
|
// This source is subject to the Microsoft Public License (Ms-PL). |
||||
|
// Please see http://go.microsoft.com/fwlink/?LinkID=131993 for details. |
||||
|
// All other rights reserved. |
||||
|
--> |
||||
|
|
||||
|
<Styles xmlns="https://github.com/avaloniaui" |
||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
||||
|
xmlns:sys="clr-namespace:System;assembly=netstandard"> |
||||
|
<Styles.Resources> |
||||
|
<x:Double x:Key="TimePickerFlyoutPresenterItemHeight">40</x:Double> |
||||
|
<x:Double x:Key="TimePickerSpacerThemeWidth">1</x:Double> |
||||
|
<Thickness x:Key="TimePickerBorderThemeThickness">1</Thickness> |
||||
|
<Thickness x:Key="TimePickerTopHeaderMargin">0,0,0,4</Thickness> |
||||
|
<x:Double x:Key="TimePickerFlyoutPresenterHighlightHeight">40</x:Double> |
||||
|
<x:Double x:Key="TimePickerFlyoutPresenterAcceptDismissHostGridHeight">41</x:Double> |
||||
|
<x:Double x:Key="TimePickerThemeMinWidth">242</x:Double> |
||||
|
<x:Double x:Key="TimePickerThemeMaxWidth">456</x:Double> |
||||
|
<Thickness x:Key="TimePickerFlyoutPresenterItemPadding">0,3,0,6</Thickness> |
||||
|
<Thickness x:Key="TimePickerHostPadding">0,3,0,6</Thickness> |
||||
|
</Styles.Resources> |
||||
|
|
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem.HourItem"> |
||||
|
<Setter Property="Padding" Value="{DynamicResource TimePickerFlyoutPresenterItemPadding}" /> |
||||
|
</Style> |
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem.MinuteItem"> |
||||
|
<Setter Property="Padding" Value="{DynamicResource TimePickerFlyoutPresenterItemPadding}" /> |
||||
|
</Style> |
||||
|
<Style Selector="ListBoxItem.DateTimePickerItem.TimePeriodItem"> |
||||
|
<Setter Property="Padding" Value="{DynamicResource TimePickerFlyoutPresenterItemPadding}" /> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePicker"> |
||||
|
<Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" /> |
||||
|
<Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" /> |
||||
|
<Setter Property="Foreground" Value="{DynamicResource TimePickerButtonForeground}" /> |
||||
|
<Setter Property="Background" Value="{DynamicResource TimePickerButtonBackground}"/> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource TimePickerButtonBorderBrush}"/> |
||||
|
<Setter Property="BorderThickness" Value="{DynamicResource TimePickerBorderThemeThickness}"/> |
||||
|
<Setter Property="HorizontalAlignment" Value="Left" /> |
||||
|
<Setter Property="VerticalAlignment" Value="Center" /> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Grid Name="LayoutRoot" Margin="{TemplateBinding Padding}" RowDefinitions="Auto,*"> |
||||
|
<ContentPresenter x:Name="HeaderContentPresenter" |
||||
|
Grid.Row="0" |
||||
|
Content="{TemplateBinding Header}" |
||||
|
ContentTemplate="{TemplateBinding HeaderTemplate}" |
||||
|
Margin="{DynamicResource TimePickerTopHeaderMargin}" |
||||
|
MaxWidth="{DynamicResource TimePickerThemeMaxWidth}" |
||||
|
TextBlock.Foreground="{DynamicResource TimePickerHeaderForeground}" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
VerticalAlignment="Top" /> |
||||
|
|
||||
|
<Button x:Name="FlyoutButton" |
||||
|
Grid.Row="1" |
||||
|
Foreground="{TemplateBinding Foreground}" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
IsEnabled="{TemplateBinding IsEnabled}" |
||||
|
MinWidth="{StaticResource TimePickerThemeMinWidth}" |
||||
|
MaxWidth="{StaticResource TimePickerThemeMaxWidth}" |
||||
|
HorizontalAlignment="Stretch" |
||||
|
HorizontalContentAlignment="Stretch" |
||||
|
VerticalAlignment="Top" |
||||
|
VerticalContentAlignment="Stretch"> |
||||
|
<Button.Template> |
||||
|
<ControlTemplate> |
||||
|
<ContentPresenter Name="ContentPresenter" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
Content="{TemplateBinding Content}" |
||||
|
TextBlock.Foreground="{TemplateBinding Foreground}" |
||||
|
HorizontalContentAlignment="Stretch" |
||||
|
VerticalContentAlignment="Stretch" |
||||
|
CornerRadius="{DynamicResource ControlCornerRadius}" /> |
||||
|
</ControlTemplate> |
||||
|
</Button.Template> |
||||
|
|
||||
|
<Grid Name="FlyoutButtonContentGrid"> |
||||
|
<!--Ignore col defs here, set in code--> |
||||
|
<Border x:Name="FirstPickerHost" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
||||
|
<TextBlock x:Name="HourTextBlock" |
||||
|
HorizontalAlignment="Center" |
||||
|
Padding="{DynamicResource TimePickerHostPadding}" |
||||
|
FontFamily="{TemplateBinding FontFamily}" |
||||
|
FontWeight="{TemplateBinding FontWeight}" |
||||
|
FontSize="{TemplateBinding FontSize}" /> |
||||
|
</Border> |
||||
|
|
||||
|
<Rectangle Name="FirstColumnDivider" |
||||
|
Fill="{DynamicResource TimePickerSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="{DynamicResource TimePickerSpacerThemeWidth}" |
||||
|
Grid.Column="1" /> |
||||
|
|
||||
|
<Border x:Name="SecondPickerHost" Grid.Column="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
||||
|
<TextBlock x:Name="MinuteTextBlock" |
||||
|
HorizontalAlignment="Center" |
||||
|
Padding="{DynamicResource TimePickerHostPadding}" |
||||
|
FontFamily="{TemplateBinding FontFamily}" |
||||
|
FontWeight="{TemplateBinding FontWeight}" |
||||
|
FontSize="{TemplateBinding FontSize}"/> |
||||
|
</Border> |
||||
|
|
||||
|
<Rectangle Name="SecondColumnDivider" |
||||
|
Fill="{DynamicResource TimePickerSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="{DynamicResource TimePickerSpacerThemeWidth}" |
||||
|
Grid.Column="3" /> |
||||
|
|
||||
|
<Border x:Name="ThirdPickerHost" Grid.Column="4" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
||||
|
<TextBlock x:Name="PeriodTextBlock" |
||||
|
HorizontalAlignment="Center" |
||||
|
Padding="{DynamicResource TimePickerHostPadding}" |
||||
|
FontFamily="{TemplateBinding FontFamily}" |
||||
|
FontWeight="{TemplateBinding FontWeight}" |
||||
|
FontSize="{TemplateBinding FontSize}" /> |
||||
|
</Border> |
||||
|
</Grid> |
||||
|
</Button> |
||||
|
|
||||
|
<Popup Name="Popup" WindowManagerAddShadowHint="False" |
||||
|
StaysOpen="False" PlacementTarget="{TemplateBinding}" |
||||
|
PlacementMode="Bottom"> |
||||
|
<TimePickerPresenter Name="PickerPresenter" /> |
||||
|
</Popup> |
||||
|
|
||||
|
</Grid> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePicker:disabled /template/ ContentPresenter#HeaderContentPresenter"> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource TimePickerHeaderForegroundDisabled}"/> |
||||
|
</Style> |
||||
|
<Style Selector="TimePicker:disabled /template/ Rectangle"> |
||||
|
<Setter Property="Fill" Value="{DynamicResource TimePickerSpacerFillDisabled}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePicker /template/ Button#FlyoutButton:pointerover /template/ ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource TimePickerButtonBackgroundPointerOver}"/> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource TimePickerButtonBorderBrushPointerOver}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource TimePickerButtonForegroundPointerOver}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePicker /template/ Button:pressed /template/ ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource TimePickerButtonBackgroundPressed}"/> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource TimePickerButtonBorderBrushPressed}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource TimePickerButtonForegroundPressed}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePicker /template/ Button:disabled /template/ ContentPresenter"> |
||||
|
<Setter Property="Background" Value="{DynamicResource TimePickerButtonBackgroundDisabled}"/> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource TimePickerButtonBorderBrushDisabled}"/> |
||||
|
<Setter Property="TextBlock.Foreground" Value="{DynamicResource TimePickerButtonForegroundDisabled}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePicker:hasnotime /template/ Button#FlyoutButton TextBlock"> |
||||
|
<Setter Property="Foreground" Value="{DynamicResource TextControlPlaceholderForeground}"/> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePickerPresenter"> |
||||
|
<Setter Property="Width" Value="242" /> |
||||
|
<Setter Property="MinWidth" Value="242" /> |
||||
|
<Setter Property="MaxHeight" Value="398" /> |
||||
|
<Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" /> |
||||
|
<Setter Property="FontWeight" Value="Normal" /> |
||||
|
<Setter Property="Background" Value="{DynamicResource TimePickerFlyoutPresenterBackground}" /> |
||||
|
<Setter Property="BorderBrush" Value="{DynamicResource TimePickerFlyoutPresenterBorderBrush}" /> |
||||
|
<Setter Property="BorderThickness" Value="{DynamicResource DateTimeFlyoutBorderThickness}" /> |
||||
|
<Setter Property="Template"> |
||||
|
<ControlTemplate> |
||||
|
<Border Name="Background" |
||||
|
Background="{TemplateBinding Background}" |
||||
|
BorderBrush="{TemplateBinding BorderBrush}" |
||||
|
BorderThickness="{TemplateBinding BorderThickness}" |
||||
|
CornerRadius="{DynamicResource OverlayCornerRadius}" |
||||
|
Padding="{DynamicResource DateTimeFlyoutBorderPadding}" |
||||
|
MaxHeight="398"> |
||||
|
<Grid Name="ContentPanel" RowDefinitions="*,Auto"> |
||||
|
<Grid Name="PickerContainer"> |
||||
|
<!--Ignore col defs here, set in code--> |
||||
|
<Panel Name="HourHost" Grid.Column="0"> |
||||
|
<ScrollViewer HorizontalScrollBarVisibility="Disabled" |
||||
|
VerticalScrollBarVisibility="Hidden"> |
||||
|
<DateTimePickerPanel Name="HourSelector" |
||||
|
PanelType="Hour" |
||||
|
ShouldLoop="True" |
||||
|
ItemHeight="{DynamicResource TimePickerFlyoutPresenterItemHeight}"/> |
||||
|
</ScrollViewer> |
||||
|
<RepeatButton Name="HourUpButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle UpButton"/> |
||||
|
<RepeatButton Name="HourDownButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle DownButton"/> |
||||
|
|
||||
|
</Panel> |
||||
|
|
||||
|
<Panel Name="MinuteHost" Grid.Column="2"> |
||||
|
<ScrollViewer HorizontalScrollBarVisibility="Disabled" |
||||
|
VerticalScrollBarVisibility="Hidden"> |
||||
|
<DateTimePickerPanel Name="MinuteSelector" |
||||
|
PanelType="Minute" |
||||
|
ShouldLoop="True" |
||||
|
ItemHeight="{DynamicResource TimePickerFlyoutPresenterItemHeight}"/> |
||||
|
</ScrollViewer> |
||||
|
<RepeatButton Name="MinuteUpButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle UpButton"/> |
||||
|
<RepeatButton Name="MinuteDownButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle DownButton"/> |
||||
|
|
||||
|
</Panel> |
||||
|
|
||||
|
<Panel Name="PeriodHost" Grid.Column="4"> |
||||
|
<ScrollViewer HorizontalScrollBarVisibility="Disabled" |
||||
|
VerticalScrollBarVisibility="Hidden"> |
||||
|
<DateTimePickerPanel Name="PeriodSelector" |
||||
|
PanelType="TimePeriod" |
||||
|
ShouldLoop="False" |
||||
|
ItemHeight="{DynamicResource TimePickerFlyoutPresenterItemHeight}"/> |
||||
|
</ScrollViewer> |
||||
|
<RepeatButton Name="PeriodUpButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle UpButton"/> |
||||
|
<RepeatButton Name="PeriodDownButton" |
||||
|
Classes="DateTimeFlyoutButtonStyle DownButton"/> |
||||
|
|
||||
|
</Panel> |
||||
|
|
||||
|
<Rectangle x:Name="HighlightRect" ZIndex="-1" |
||||
|
Fill="{DynamicResource TimePickerFlyoutPresenterHighlightFill}" |
||||
|
Grid.Column="0" |
||||
|
Grid.ColumnSpan="5" |
||||
|
VerticalAlignment="Center" |
||||
|
Height="{DynamicResource TimePickerFlyoutPresenterHighlightHeight}" /> |
||||
|
|
||||
|
<Rectangle Name="FirstSpacer" |
||||
|
Fill="{DynamicResource TimePickerFlyoutPresenterSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="{DynamicResource TimePickerSpacerThemeWidth}" |
||||
|
Grid.Column="1" /> |
||||
|
|
||||
|
<Rectangle Name="SecondSpacer" |
||||
|
Fill="{DynamicResource TimePickerFlyoutPresenterSpacerFill}" |
||||
|
HorizontalAlignment="Center" |
||||
|
Width="{DynamicResource TimePickerSpacerThemeWidth}" |
||||
|
Grid.Column="3" /> |
||||
|
</Grid> |
||||
|
|
||||
|
<Grid Grid.Row="1" Height="{DynamicResource TimePickerFlyoutPresenterAcceptDismissHostGridHeight}" |
||||
|
Name="AcceptDismissHostGrid" ColumnDefinitions="*,*"> |
||||
|
<Rectangle Height="{DynamicResource TimePickerSpacerThemeWidth}" |
||||
|
VerticalAlignment="Top" |
||||
|
Fill="{DynamicResource TimePickerFlyoutPresenterSpacerFill}" |
||||
|
Grid.ColumnSpan="2" /> |
||||
|
<Button Name="AcceptButton" Grid.Column="0" Classes="DateTimeFlyoutButtonStyle" |
||||
|
HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
||||
|
<Path Stroke="{Binding $parent[Button].Foreground}" StrokeLineCap="Round" |
||||
|
StrokeThickness="0.75" Data="M0.5,8.5 5,13.5 15.5,3" /> |
||||
|
</Button> |
||||
|
<Button Name="DismissButton" Grid.Column="1" Classes="DateTimeFlyoutButtonStyle" |
||||
|
FontSize="16" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> |
||||
|
<Path Stroke="{Binding $parent[Button].Foreground}" StrokeLineCap="Round" |
||||
|
StrokeThickness="0.75" Data="M2,2 14,14 M2,14 14 2" /> |
||||
|
</Button> |
||||
|
</Grid> |
||||
|
|
||||
|
</Grid> |
||||
|
</Border> |
||||
|
</ControlTemplate> |
||||
|
</Setter> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePickerPresenter /template/ Panel RepeatButton"> |
||||
|
<Setter Property="IsVisible" Value="False" /> |
||||
|
</Style> |
||||
|
|
||||
|
<Style Selector="TimePickerPresenter /template/ Panel:pointerover RepeatButton"> |
||||
|
<Setter Property="IsVisible" Value="True" /> |
||||
|
</Style> |
||||
|
|
||||
|
</Styles> |
||||
@ -0,0 +1,253 @@ |
|||||
|
using System; |
||||
|
using System.Linq; |
||||
|
using Avalonia.Controls.Shapes; |
||||
|
using Avalonia.Controls.Templates; |
||||
|
using Avalonia.Platform; |
||||
|
using Avalonia.UnitTests; |
||||
|
using Avalonia.VisualTree; |
||||
|
using Moq; |
||||
|
using Xunit; |
||||
|
|
||||
|
namespace Avalonia.Controls.UnitTests |
||||
|
{ |
||||
|
public class DatePickerTests |
||||
|
{ |
||||
|
[Fact] |
||||
|
public void SelectedDateChanged_Should_Fire_When_SelectedDate_Set() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
bool handled = false; |
||||
|
DatePicker datePicker = new DatePicker(); |
||||
|
datePicker.SelectedDateChanged += (s, e) => |
||||
|
{ |
||||
|
handled = true; |
||||
|
}; |
||||
|
DateTimeOffset value = new DateTimeOffset(2000, 10, 10, 0, 0, 0, TimeSpan.Zero); |
||||
|
datePicker.SelectedDate = value; |
||||
|
Threading.Dispatcher.UIThread.RunJobs(); |
||||
|
Assert.True(handled); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void DayVisible_False_Should_Hide_Day() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
DatePicker datePicker = new DatePicker |
||||
|
{ |
||||
|
Template = CreateTemplate(), |
||||
|
DayVisible = false |
||||
|
}; |
||||
|
datePicker.ApplyTemplate(); |
||||
|
Threading.Dispatcher.UIThread.RunJobs(); |
||||
|
|
||||
|
var desc = datePicker.GetVisualDescendants(); |
||||
|
Assert.True(desc.Count() > 1);//Should be layoutroot grid & button
|
||||
|
TextBlock dayText = null; |
||||
|
Grid container = null; |
||||
|
|
||||
|
Assert.True(desc.ElementAt(1) is Button); |
||||
|
|
||||
|
container = (desc.ElementAt(1) as Button).Content as Grid; |
||||
|
Assert.True(container != null); |
||||
|
|
||||
|
for(int i = 0; i < container.Children.Count; i++) |
||||
|
{ |
||||
|
if(container.Children[i] is TextBlock tb && tb.Name == "DayText") |
||||
|
{ |
||||
|
dayText = tb; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Assert.True(dayText != null); |
||||
|
Assert.True(!dayText.IsVisible); |
||||
|
Assert.True(container.ColumnDefinitions.Count == 3); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void MonthVisible_False_Should_Hide_Month() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
DatePicker datePicker = new DatePicker |
||||
|
{ |
||||
|
Template = CreateTemplate(), |
||||
|
MonthVisible = false |
||||
|
}; |
||||
|
datePicker.ApplyTemplate(); |
||||
|
Threading.Dispatcher.UIThread.RunJobs(); |
||||
|
|
||||
|
var desc = datePicker.GetVisualDescendants(); |
||||
|
Assert.True(desc.Count() > 1);//Should be layoutroot grid & button
|
||||
|
TextBlock monthText = null; |
||||
|
Grid container = null; |
||||
|
|
||||
|
Assert.True(desc.ElementAt(1) is Button); |
||||
|
|
||||
|
container = (desc.ElementAt(1) as Button).Content as Grid; |
||||
|
Assert.True(container != null); |
||||
|
|
||||
|
for (int i = 0; i < container.Children.Count; i++) |
||||
|
{ |
||||
|
if (container.Children[i] is TextBlock tb && tb.Name == "MonthText") |
||||
|
{ |
||||
|
monthText = tb; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Assert.True(monthText != null); |
||||
|
Assert.True(!monthText.IsVisible); |
||||
|
Assert.True(container.ColumnDefinitions.Count == 3); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void YearVisible_False_Should_Hide_Year() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
DatePicker datePicker = new DatePicker |
||||
|
{ |
||||
|
Template = CreateTemplate(), |
||||
|
YearVisible = false |
||||
|
}; |
||||
|
datePicker.ApplyTemplate(); |
||||
|
Threading.Dispatcher.UIThread.RunJobs(); |
||||
|
|
||||
|
var desc = datePicker.GetVisualDescendants(); |
||||
|
Assert.True(desc.Count() > 1);//Should be layoutroot grid & button
|
||||
|
TextBlock yearText = null; |
||||
|
Grid container = null; |
||||
|
|
||||
|
Assert.True(desc.ElementAt(1) is Button); |
||||
|
|
||||
|
container = (desc.ElementAt(1) as Button).Content as Grid; |
||||
|
Assert.True(container != null); |
||||
|
|
||||
|
for (int i = 0; i < container.Children.Count; i++) |
||||
|
{ |
||||
|
if (container.Children[i] is TextBlock tb && tb.Name == "YearText") |
||||
|
{ |
||||
|
yearText = tb; |
||||
|
break; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
Assert.True(yearText != null); |
||||
|
Assert.True(!yearText.IsVisible); |
||||
|
Assert.True(container.ColumnDefinitions.Count == 3); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void SelectedDate_null_Should_Use_Placeholders() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
DatePicker datePicker = new DatePicker |
||||
|
{ |
||||
|
Template = CreateTemplate(), |
||||
|
YearVisible = false |
||||
|
}; |
||||
|
datePicker.ApplyTemplate(); |
||||
|
Threading.Dispatcher.UIThread.RunJobs(); |
||||
|
|
||||
|
var desc = datePicker.GetVisualDescendants(); |
||||
|
Assert.True(desc.Count() > 1);//Should be layoutroot grid & button
|
||||
|
TextBlock yearText = null; |
||||
|
TextBlock monthText = null; |
||||
|
TextBlock dayText = null; |
||||
|
Grid container = null; |
||||
|
|
||||
|
Assert.True(desc.ElementAt(1) is Button); |
||||
|
|
||||
|
container = (desc.ElementAt(1) as Button).Content as Grid; |
||||
|
Assert.True(container != null); |
||||
|
|
||||
|
for (int i = 0; i < container.Children.Count; i++) |
||||
|
{ |
||||
|
if (container.Children[i] is TextBlock tb && tb.Name == "YearText") |
||||
|
{ |
||||
|
yearText = tb; |
||||
|
} |
||||
|
else if (container.Children[i] is TextBlock tb1 && tb1.Name == "MonthText") |
||||
|
{ |
||||
|
monthText = tb1; |
||||
|
} |
||||
|
else if (container.Children[i] is TextBlock tb2 && tb2.Name == "DayText") |
||||
|
{ |
||||
|
dayText = tb2; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
DateTimeOffset value = new DateTimeOffset(2000, 10, 10, 0, 0, 0, TimeSpan.Zero); |
||||
|
datePicker.SelectedDate = value; |
||||
|
|
||||
|
Assert.False(dayText.Text == "day"); |
||||
|
Assert.False(monthText.Text == "month"); |
||||
|
Assert.False(yearText.Text == "year"); |
||||
|
Assert.False(datePicker.Classes.Contains(":hasnodate")); |
||||
|
|
||||
|
datePicker.SelectedDate = null; |
||||
|
|
||||
|
Assert.True(dayText.Text == "day"); |
||||
|
Assert.True(monthText.Text == "month"); |
||||
|
Assert.True(yearText.Text == "year"); |
||||
|
Assert.True(datePicker.Classes.Contains(":hasnodate")); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private static TestServices Services => TestServices.MockThreadingInterface.With( |
||||
|
standardCursorFactory: Mock.Of<IStandardCursorFactory>()); |
||||
|
|
||||
|
private IControlTemplate CreateTemplate() |
||||
|
{ |
||||
|
return new FuncControlTemplate((control, scope) => |
||||
|
{ |
||||
|
var layoutRoot = new Grid |
||||
|
{ |
||||
|
Name = "LayoutRoot" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
//Skip contentpresenter
|
||||
|
var flyoutButton = new Button |
||||
|
{ |
||||
|
Name = "FlyoutButton" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
var contentGrid = new Grid |
||||
|
{ |
||||
|
Name = "ButtonContentGrid" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
var dayText = new TextBlock |
||||
|
{ |
||||
|
Name = "DayText" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
var monthText = new TextBlock |
||||
|
{ |
||||
|
Name = "MonthText" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
var yearText = new TextBlock |
||||
|
{ |
||||
|
Name = "YearText" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
var firstSpacer = new Rectangle |
||||
|
{ |
||||
|
Name = "FirstSpacer" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
var secondSpacer = new Rectangle |
||||
|
{ |
||||
|
Name = "SecondSpacer" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
|
||||
|
contentGrid.Children.AddRange(new IControl[] { dayText, monthText, yearText, firstSpacer, secondSpacer }); |
||||
|
flyoutButton.Content = contentGrid; |
||||
|
layoutRoot.Children.Add(flyoutButton); |
||||
|
return layoutRoot; |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,66 @@ |
|||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Text; |
||||
|
using Xunit; |
||||
|
|
||||
|
namespace Avalonia.Controls.UnitTests |
||||
|
{ |
||||
|
|
||||
|
public class SplitViewTests |
||||
|
{ |
||||
|
[Fact] |
||||
|
public void SplitView_PaneOpening_Should_Fire_Before_PaneOpened() |
||||
|
{ |
||||
|
var splitView = new SplitView(); |
||||
|
|
||||
|
bool handledOpening = false; |
||||
|
splitView.PaneOpening += (x, e) => |
||||
|
{ |
||||
|
handledOpening = true; |
||||
|
}; |
||||
|
|
||||
|
splitView.PaneOpened += (x, e) => |
||||
|
{ |
||||
|
Assert.True(handledOpening); |
||||
|
}; |
||||
|
|
||||
|
splitView.IsPaneOpen = true; |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void SplitView_PaneClosing_Should_Fire_Before_PaneClosed() |
||||
|
{ |
||||
|
var splitView = new SplitView(); |
||||
|
splitView.IsPaneOpen = true; |
||||
|
|
||||
|
bool handledClosing = false; |
||||
|
splitView.PaneClosing += (x, e) => |
||||
|
{ |
||||
|
handledClosing = true; |
||||
|
}; |
||||
|
|
||||
|
splitView.PaneClosed += (x, e) => |
||||
|
{ |
||||
|
Assert.True(handledClosing); |
||||
|
}; |
||||
|
|
||||
|
splitView.IsPaneOpen = false; |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void SplitView_Cancel_Close_Should_Prevent_Pane_From_Closing() |
||||
|
{ |
||||
|
var splitView = new SplitView(); |
||||
|
splitView.IsPaneOpen = true; |
||||
|
|
||||
|
splitView.PaneClosing += (x, e) => |
||||
|
{ |
||||
|
e.Cancel = true; |
||||
|
}; |
||||
|
|
||||
|
splitView.IsPaneOpen = false; |
||||
|
|
||||
|
Assert.True(splitView.IsPaneOpen); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,172 @@ |
|||||
|
using System; |
||||
|
using System.Linq; |
||||
|
using Avalonia.Controls.Shapes; |
||||
|
using Avalonia.Controls.Templates; |
||||
|
using Avalonia.Platform; |
||||
|
using Avalonia.UnitTests; |
||||
|
using Avalonia.VisualTree; |
||||
|
using Moq; |
||||
|
using Xunit; |
||||
|
|
||||
|
namespace Avalonia.Controls.UnitTests |
||||
|
{ |
||||
|
public class TimePickerTests |
||||
|
{ |
||||
|
[Fact(Skip = "FIX ME ASAP")] |
||||
|
public void SelectedTimeChanged_Should_Fire_When_SelectedTime_Set() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
bool handled = false; |
||||
|
TimePicker timePicker = new TimePicker(); |
||||
|
timePicker.SelectedTimeChanged += (s, e) => |
||||
|
{ |
||||
|
handled = true; |
||||
|
}; |
||||
|
TimeSpan value = TimeSpan.FromHours(10); |
||||
|
timePicker.SelectedTime = value; |
||||
|
Threading.Dispatcher.UIThread.RunJobs(); |
||||
|
Assert.True(handled); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void Using_24HourClock_Should_Hide_Period() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
TimePicker timePicker = new TimePicker() |
||||
|
{ |
||||
|
ClockIdentifier = "12HourClock", |
||||
|
Template = CreateTemplate() |
||||
|
}; |
||||
|
timePicker.ApplyTemplate(); |
||||
|
|
||||
|
var desc = timePicker.GetVisualDescendants(); |
||||
|
Assert.True(desc.Count() > 1);//Should be layoutroot grid & button
|
||||
|
Grid container = null; |
||||
|
|
||||
|
Assert.True(desc.ElementAt(1) is Button); |
||||
|
|
||||
|
container = (desc.ElementAt(1) as Button).Content as Grid; |
||||
|
Assert.True(container != null); |
||||
|
|
||||
|
var periodTextHost = container.Children[4] as Border; |
||||
|
Assert.True(periodTextHost != null); |
||||
|
Assert.True(periodTextHost.IsVisible); |
||||
|
|
||||
|
timePicker.ClockIdentifier = "24HourClock"; |
||||
|
Assert.False(periodTextHost.IsVisible); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
[Fact] |
||||
|
public void SelectedTime_null_Should_Use_Placeholders() |
||||
|
{ |
||||
|
using (UnitTestApplication.Start(Services)) |
||||
|
{ |
||||
|
TimePicker timePicker = new TimePicker() |
||||
|
{ |
||||
|
Template = CreateTemplate() |
||||
|
}; |
||||
|
timePicker.ApplyTemplate(); |
||||
|
|
||||
|
var desc = timePicker.GetVisualDescendants(); |
||||
|
Assert.True(desc.Count() > 1);//Should be layoutroot grid & button
|
||||
|
Grid container = null; |
||||
|
|
||||
|
Assert.True(desc.ElementAt(1) is Button); |
||||
|
|
||||
|
container = (desc.ElementAt(1) as Button).Content as Grid; |
||||
|
Assert.True(container != null); |
||||
|
|
||||
|
var hourTextHost = container.Children[0] as Border; |
||||
|
Assert.True(hourTextHost != null); |
||||
|
var hourText = hourTextHost.Child as TextBlock; |
||||
|
var minuteTextHost = container.Children[2] as Border; |
||||
|
Assert.True(minuteTextHost != null); |
||||
|
var minuteText = minuteTextHost.Child as TextBlock; |
||||
|
|
||||
|
TimeSpan ts = TimeSpan.FromHours(10); |
||||
|
timePicker.SelectedTime = ts; |
||||
|
Assert.False(hourText.Text == "hour"); |
||||
|
Assert.False(minuteText.Text == "minute"); |
||||
|
|
||||
|
timePicker.SelectedTime = null; |
||||
|
Assert.True(hourText.Text == "hour"); |
||||
|
Assert.True(minuteText.Text == "minute"); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
private static TestServices Services => TestServices.MockThreadingInterface.With( |
||||
|
standardCursorFactory: Mock.Of<IStandardCursorFactory>()); |
||||
|
|
||||
|
private IControlTemplate CreateTemplate() |
||||
|
{ |
||||
|
return new FuncControlTemplate((control, scope) => |
||||
|
{ |
||||
|
var layoutRoot = new Grid |
||||
|
{ |
||||
|
Name = "LayoutRoot" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
//Skip contentpresenter
|
||||
|
var flyoutButton = new Button |
||||
|
{ |
||||
|
Name = "FlyoutButton" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
var contentGrid = new Grid |
||||
|
{ |
||||
|
Name = "FlyoutButtonContentGrid" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
|
||||
|
var firstPickerHost = new Border |
||||
|
{ |
||||
|
Name = "FirstPickerHost", |
||||
|
Child = new TextBlock |
||||
|
{ |
||||
|
Name = "HourTextBlock" |
||||
|
}.RegisterInNameScope(scope) |
||||
|
}.RegisterInNameScope(scope); |
||||
|
Grid.SetColumn(firstPickerHost, 0); |
||||
|
|
||||
|
var secondPickerHost = new Border |
||||
|
{ |
||||
|
Name = "SecondPickerHost", |
||||
|
Child = new TextBlock |
||||
|
{ |
||||
|
Name = "MinuteTextBlock" |
||||
|
}.RegisterInNameScope(scope) |
||||
|
}.RegisterInNameScope(scope); |
||||
|
Grid.SetColumn(secondPickerHost, 2); |
||||
|
|
||||
|
var thirdPickerHost = new Border |
||||
|
{ |
||||
|
Name = "ThirdPickerHost", |
||||
|
Child = new TextBlock |
||||
|
{ |
||||
|
Name = "PeriodTextBlock" |
||||
|
}.RegisterInNameScope(scope) |
||||
|
}.RegisterInNameScope(scope); |
||||
|
Grid.SetColumn(thirdPickerHost, 4); |
||||
|
|
||||
|
var firstSpacer = new Rectangle |
||||
|
{ |
||||
|
Name = "FirstColumnDivider" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
Grid.SetColumn(firstSpacer, 1); |
||||
|
|
||||
|
var secondSpacer = new Rectangle |
||||
|
{ |
||||
|
Name = "SecondColumnDivider" |
||||
|
}.RegisterInNameScope(scope); |
||||
|
Grid.SetColumn(secondSpacer, 3); |
||||
|
|
||||
|
contentGrid.Children.AddRange(new IControl[] { firstPickerHost, firstSpacer, secondPickerHost, secondSpacer, thirdPickerHost }); |
||||
|
flyoutButton.Content = contentGrid; |
||||
|
layoutRoot.Children.Add(flyoutButton); |
||||
|
return layoutRoot; |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue