chuan/Ursa.Avalonia
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add auto tick sample.

Browse Source
This commit is contained in:
rabbitism
2024-04-22 02:05:29 +08:00
parent 3815a5114c
commit db6ba785dd
4 changed files with 161 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/Ursa.Themes.Semi/Controls/Clock.axaml
View File

@@ -5,15 +5,55 @@
xmlns:u="https://irihi.tech/ursa">
<!-- Add Resources Here -->
<ControlTheme x:Key="{x:Type u:Clock}" TargetType="u:Clock">
<Setter Property="HandBrush" Value="{DynamicResource SemiGrey6}"/>
<Setter Property="Template">
<ControlTemplate TargetType="u:Clock">
<Grid>
<u:ClockTicks HorizontalAlignment="{TemplateBinding HorizontalAlignment}" HourTickForeground="{DynamicResource SemiGrey6}" MinuteTickForeground="{DynamicResource SemiGrey4}" />
<Rectangle Width="8" Height="100" Fill="White" />
<Rectangle Width="4" />
<iri:PureCircle
Diameter="16"
Background="Red" />
<u:ClockTicks
ShowHourTicks="{TemplateBinding ShowHourTicks}"
ShowMinuteTicks="{TemplateBinding ShowMinuteTicks}"
HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
HourTickForeground="{DynamicResource SemiGrey6}"
MinuteTickForeground="{DynamicResource SemiGrey4}" />
<UniformGrid Rows="2" IsVisible="{TemplateBinding ShowHourHand}">
<Border
Width="16"
Margin="0,16,0,0"
VerticalAlignment="Stretch"
Background="{TemplateBinding HandBrush}"
CornerRadius="8" />
<UniformGrid.RenderTransform>
<RotateTransform Angle="{Binding HourAngle, RelativeSource={RelativeSource TemplatedParent}}" />
</UniformGrid.RenderTransform>
</UniformGrid>
<UniformGrid Rows="2" IsVisible="{TemplateBinding ShowMinuteHand}">
<Border
Width="8"
Margin="0,8,0,0"
VerticalAlignment="Stretch"
Background="{TemplateBinding HandBrush}"
CornerRadius="4" />
<UniformGrid.RenderTransform>
<RotateTransform Angle="{Binding MinuteAngle, RelativeSource={RelativeSource TemplatedParent}}" />
</UniformGrid.RenderTransform>
</UniformGrid>
<UniformGrid Rows="2" IsVisible="{TemplateBinding ShowSecondHand}">
<Border
Width="4"
Margin="0,4,0,0"
VerticalAlignment="Stretch"
Background="{TemplateBinding HandBrush}"
CornerRadius="4" />
<UniformGrid.RenderTransform>
<RotateTransform Angle="{Binding SecondAngle, RelativeSource={RelativeSource TemplatedParent}}" />
</UniformGrid.RenderTransform>
</UniformGrid>
<Ellipse
Width="20"
Height="20"
Fill="White"
Stroke="{DynamicResource SemiBlue5}"
StrokeThickness="3" />
</Grid>
</ControlTemplate>
</Setter>

97
src/Ursa/Controls/Clock/Clock.cs
View File

@@ -1,6 +1,8 @@
using Avalonia;
using Avalonia.Controls.Metadata;
using Avalonia.Controls.Primitives;
using Avalonia.Data;
using Avalonia.Media;
namespace Ursa.Controls;
@@ -9,10 +11,10 @@ public class Clock: TemplatedControl
{
public const string PART_ClockTicks = "PART_ClockTicks";
public static readonly StyledProperty<TimeSpan> TimeProperty = AvaloniaProperty.Register<Clock, TimeSpan>(
nameof(Time));
public static readonly StyledProperty<DateTime> TimeProperty = AvaloniaProperty.Register<Clock, DateTime>(
nameof(Time), defaultBindingMode: BindingMode.TwoWay);
public TimeSpan Time
public DateTime Time
{
get => GetValue(TimeProperty);
set => SetValue(TimeProperty, value);
@@ -36,22 +38,89 @@ public class Clock: TemplatedControl
set => SetValue(ShowMinuteTicksProperty, value);
}
public static readonly StyledProperty<double> HourHandMarginProperty = AvaloniaProperty.Register<Clock, double>(
nameof(HourHandMargin));
public static readonly StyledProperty<IBrush?> HandBrushProperty = AvaloniaProperty.Register<Clock, IBrush?>(
nameof(HandBrush));
public double HourHandMargin
public IBrush? HandBrush
{
get => GetValue(HourHandMarginProperty);
set => SetValue(HourHandMarginProperty, value);
get => GetValue(HandBrushProperty);
set => SetValue(HandBrushProperty, value);
}
public static readonly StyledProperty<bool> ShowHourHandProperty = AvaloniaProperty.Register<Clock, bool>(
nameof(ShowHourHand), defaultValue: true);
public bool ShowHourHand
{
get => GetValue(ShowHourHandProperty);
set => SetValue(ShowHourHandProperty, value);
}
public static readonly StyledProperty<bool> ShowMinuteHandProperty = AvaloniaProperty.Register<Clock, bool>(
nameof(ShowMinuteHand), defaultValue: true);
public bool ShowMinuteHand
{
get => GetValue(ShowMinuteHandProperty);
set => SetValue(ShowMinuteHandProperty, value);
}
public static readonly StyledProperty<bool> ShowSecondHandProperty = AvaloniaProperty.Register<Clock, bool>(
nameof(ShowSecondHand), defaultValue: true);
public bool ShowSecondHand
{
get => GetValue(ShowSecondHandProperty);
set => SetValue(ShowSecondHandProperty, value);
}
public static readonly DirectProperty<Clock, double> HourAngleProperty = AvaloniaProperty.RegisterDirect<Clock, double>(
nameof(HourAngle), o => o.HourAngle);
private double _hourAngle;
public double HourAngle
{
get => _hourAngle;
private set => SetAndRaise(HourAngleProperty, ref _hourAngle, value);
}
public static readonly StyledProperty<double> MinuteHandMarginProperty = AvaloniaProperty.Register<Clock, double>(
nameof(MinuteHandMargin));
public double MinuteHandMargin
public static readonly DirectProperty<Clock, double> MinuteAngleProperty = AvaloniaProperty.RegisterDirect<Clock, double>(
nameof(MinuteAngle), o => o.MinuteAngle);
private double _minuteAngle;
public double MinuteAngle
{
get => GetValue(MinuteHandMarginProperty);
set => SetValue(MinuteHandMarginProperty, value);
get => _minuteAngle;
private set => SetAndRaise(MinuteAngleProperty, ref _minuteAngle, value);
}
public static readonly DirectProperty<Clock, double> SecondAngleProperty = AvaloniaProperty.RegisterDirect<Clock, double>(
nameof(SecondAngle), o => o.SecondAngle);
private double _secondAngle;
public double SecondAngle
{
get => _secondAngle;
private set => SetAndRaise(SecondAngleProperty, ref _secondAngle, value);
}
static Clock()
{
TimeProperty.Changed.AddClassHandler<Clock, DateTime>((clock, args)=>clock.OnTimeChanged(args));
}
private void OnTimeChanged(AvaloniaPropertyChangedEventArgs<DateTime> args)
{
DateTime time = args.NewValue.Value;
var hour = time.Hour;
var minute = time.Minute;
var second = time.Second;
var hourAngle = 360.0 / 12 * hour + 360.0 / 12 / 60 * minute;
var minuteAngle = 360.0 / 60 * minute + 360.0 / 60 / 60 * second;
var secondAngle = 360.0 / 60 * second;
HourAngle = hourAngle;
MinuteAngle = minuteAngle;
SecondAngle = secondAngle;
}
protected override Size MeasureOverride(Size availableSize)