Max Katz
4 years ago
committed by
GitHub
GitHub
225 changed files with 3542 additions and 561 deletions
@ -0,0 +1,11 @@ |
|||||
|
{ |
||||
|
"profiles": { |
||||
|
"ControlCatalog.NetCore": { |
||||
|
"commandName": "Project" |
||||
|
}, |
||||
|
"Dxgi": { |
||||
|
"commandName": "Project", |
||||
|
"commandLineArgs": "--dxgi" |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,29 @@ |
|||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Globalization; |
||||
|
using System.Text; |
||||
|
using Avalonia.Data.Converters; |
||||
|
|
||||
|
namespace ControlCatalog.Converter |
||||
|
{ |
||||
|
public class DegToRadConverter : IValueConverter |
||||
|
{ |
||||
|
public object? Convert(object? value, Type targetType, object? parameter, CultureInfo culture) |
||||
|
{ |
||||
|
if (value is double rad) |
||||
|
{ |
||||
|
return rad * 180.0d / Math.PI; |
||||
|
} |
||||
|
return 0.0d; |
||||
|
} |
||||
|
|
||||
|
public object? ConvertBack(object? value, Type targetType, object? parameter, CultureInfo culture) |
||||
|
{ |
||||
|
if (value is double deg) |
||||
|
{ |
||||
|
return deg / 180.0d * Math.PI; |
||||
|
} |
||||
|
return 0.0d; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,107 @@ |
|||||
|
<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" |
||||
|
xmlns:local="using:ControlCatalog.Pages" |
||||
|
xmlns:converters="using:ControlCatalog.Converter" |
||||
|
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" |
||||
|
x:Class="ControlCatalog.Pages.CustomDrawing"> |
||||
|
|
||||
|
<UserControl.Resources> |
||||
|
<converters:DegToRadConverter x:Key="DegToRadConverter"/> |
||||
|
</UserControl.Resources> |
||||
|
|
||||
|
<Grid> |
||||
|
<Grid.ColumnDefinitions> |
||||
|
<ColumnDefinition/> |
||||
|
<ColumnDefinition/> |
||||
|
<ColumnDefinition/> |
||||
|
</Grid.ColumnDefinitions> |
||||
|
<Grid.RowDefinitions> |
||||
|
<RowDefinition Height="Auto"/> |
||||
|
<RowDefinition/> |
||||
|
</Grid.RowDefinitions> |
||||
|
|
||||
|
<StackPanel Orientation="Vertical"> |
||||
|
<TextBlock Text="Translation" HorizontalAlignment="Center"/> |
||||
|
<Grid ColumnDefinitions="*,*" |
||||
|
RowDefinitions="Auto,Auto" |
||||
|
> |
||||
|
<TextBlock Text="Horizontal"/> |
||||
|
<TextBlock Text="Vertical" Grid.Column="1"/> |
||||
|
<TextBox IsEnabled="False" |
||||
|
Text="{Binding ElementName=CustomDrawingControl, |
||||
|
Path=ViewportCenterX, |
||||
|
Mode=OneWay, |
||||
|
StringFormat=\{0:g4\}}" |
||||
|
Grid.Row="1" |
||||
|
/> |
||||
|
<TextBox IsEnabled="False" |
||||
|
Text="{Binding ElementName=CustomDrawingControl, |
||||
|
Path=ViewportCenterY, |
||||
|
Mode=OneWay, |
||||
|
StringFormat=\{0:g4\}}" |
||||
|
Grid.Row="1" Grid.Column="1" |
||||
|
/> |
||||
|
</Grid> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<StackPanel Orientation="Vertical" Grid.Column="1" |
||||
|
> |
||||
|
<TextBlock Text="Rotation" HorizontalAlignment="Center"/> |
||||
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" |
||||
|
> |
||||
|
<Button Content="➖" Width="40" Height="40" |
||||
|
VerticalContentAlignment="Center" |
||||
|
VerticalAlignment="Center" |
||||
|
Click="RotateMinus" |
||||
|
/> |
||||
|
<TextBox IsEnabled="False" |
||||
|
Text="{Binding ElementName=CustomDrawingControl, |
||||
|
Path=Rotation, |
||||
|
Converter={StaticResource DegToRadConverter}, |
||||
|
Mode=OneWay, |
||||
|
StringFormat=\{0:g4\}}" |
||||
|
Grid.Row="1" Grid.Column="1" |
||||
|
/> |
||||
|
<Button Content="➕" Width="40" Height="40" |
||||
|
VerticalContentAlignment="Center" |
||||
|
VerticalAlignment="Center" |
||||
|
Click="RotatePlus" |
||||
|
/> |
||||
|
</StackPanel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<StackPanel Orientation="Vertical" Grid.Column="2" |
||||
|
> |
||||
|
<TextBlock Text="Scale" HorizontalAlignment="Center"/> |
||||
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" |
||||
|
> |
||||
|
<Button Content="➖" Width="40" Height="40" |
||||
|
VerticalContentAlignment="Center" |
||||
|
VerticalAlignment="Center" |
||||
|
Click="ZoomOut" |
||||
|
/> |
||||
|
<TextBox IsEnabled="False" |
||||
|
Text="{Binding ElementName=CustomDrawingControl, |
||||
|
Path=Scale, |
||||
|
Mode=OneWay, |
||||
|
StringFormat=\{0:g4\}}" |
||||
|
Grid.Row="1" Grid.Column="1" |
||||
|
/> |
||||
|
<Button Content="➕" Width="40" Height="40" |
||||
|
VerticalContentAlignment="Center" |
||||
|
VerticalAlignment="Center" |
||||
|
Click="ZoomIn" |
||||
|
/> |
||||
|
</StackPanel> |
||||
|
</StackPanel> |
||||
|
|
||||
|
<Grid Grid.Row="1" Grid.ColumnSpan="3" ClipToBounds="True"> |
||||
|
<local:CustomDrawingExampleControl |
||||
|
x:Name="CustomDrawingControl" |
||||
|
/> |
||||
|
</Grid> |
||||
|
</Grid> |
||||
|
|
||||
|
</UserControl> |
||||
@ -0,0 +1,67 @@ |
|||||
|
using System; |
||||
|
using Avalonia.Controls; |
||||
|
using Avalonia.Interactivity; |
||||
|
using Avalonia.Markup.Xaml; |
||||
|
|
||||
|
namespace ControlCatalog.Pages |
||||
|
{ |
||||
|
public partial class CustomDrawing : UserControl |
||||
|
{ |
||||
|
public CustomDrawing() |
||||
|
{ |
||||
|
InitializeComponent(); |
||||
|
} |
||||
|
|
||||
|
private CustomDrawingExampleControl? _customControl; |
||||
|
public CustomDrawingExampleControl CustomDrawingControl |
||||
|
{ |
||||
|
get |
||||
|
{ |
||||
|
if (_customControl is not null) |
||||
|
return _customControl; |
||||
|
throw new System.Exception("Control did not get initialized"); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void InitializeComponent() |
||||
|
{ |
||||
|
AvaloniaXamlLoader.Load(this); |
||||
|
var cntrl = this.FindControl<CustomDrawingExampleControl>("CustomDrawingControl"); |
||||
|
if (cntrl != null) |
||||
|
{ |
||||
|
_customControl = cntrl; |
||||
|
} |
||||
|
else |
||||
|
{ |
||||
|
// be sad about it
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
private void RotateMinus (object? sender, RoutedEventArgs e) |
||||
|
{ |
||||
|
if (_customControl is null) return; |
||||
|
_customControl.Rotation -= Math.PI / 20.0d; |
||||
|
} |
||||
|
|
||||
|
private void RotatePlus(object? sender, RoutedEventArgs e) |
||||
|
{ |
||||
|
if (_customControl is null) |
||||
|
return; |
||||
|
_customControl.Rotation += Math.PI / 20.0d; |
||||
|
} |
||||
|
|
||||
|
private void ZoomIn(object? sender, RoutedEventArgs e) |
||||
|
{ |
||||
|
if (_customControl is null) |
||||
|
return; |
||||
|
_customControl.Scale *= 1.2d; |
||||
|
} |
||||
|
|
||||
|
private void ZoomOut(object? sender, RoutedEventArgs e) |
||||
|
{ |
||||
|
if (_customControl is null) |
||||
|
return; |
||||
|
_customControl.Scale /= 1.2d; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,215 @@ |
|||||
|
using System; |
||||
|
using System.Collections.Generic; |
||||
|
using System.Globalization; |
||||
|
using System.Text; |
||||
|
using Avalonia; |
||||
|
using Avalonia.Controls; |
||||
|
using Avalonia.Media; |
||||
|
using Avalonia.Input; |
||||
|
using Avalonia.Threading; |
||||
|
using Avalonia.Controls.Shapes; |
||||
|
|
||||
|
namespace ControlCatalog.Pages |
||||
|
{ |
||||
|
public class CustomDrawingExampleControl : Control |
||||
|
{ |
||||
|
private Point _cursorPoint; |
||||
|
|
||||
|
|
||||
|
public StyledProperty<double> ScaleProperty = AvaloniaProperty.Register<CustomDrawingExampleControl, double>(nameof(Scale), 1.0d); |
||||
|
public double Scale { get => GetValue(ScaleProperty); set => SetValue(ScaleProperty, value); } |
||||
|
|
||||
|
public StyledProperty<double> RotationProperty = AvaloniaProperty.Register<CustomDrawingExampleControl, double>(nameof(Rotation)); |
||||
|
/// <summary>
|
||||
|
/// Rotation, measured in Radians!
|
||||
|
/// </summary>
|
||||
|
public double Rotation |
||||
|
{ |
||||
|
get => GetValue(RotationProperty); |
||||
|
set |
||||
|
{ |
||||
|
double valueToUse = value % (Math.PI * 2); |
||||
|
SetValue(RotationProperty, valueToUse); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
public StyledProperty<double> ViewportCenterYProperty = AvaloniaProperty.Register<CustomDrawingExampleControl, double>(nameof(ViewportCenterY), 0.0d); |
||||
|
public double ViewportCenterY { get => GetValue(ViewportCenterYProperty); set => SetValue(ViewportCenterYProperty, value); } |
||||
|
|
||||
|
public StyledProperty<double> ViewportCenterXProperty = AvaloniaProperty.Register<CustomDrawingExampleControl, double>(nameof(ViewportCenterX), 0.0d); |
||||
|
public double ViewportCenterX { get => GetValue(ViewportCenterXProperty); set => SetValue(ViewportCenterXProperty, value); } |
||||
|
|
||||
|
private IPen _pen; |
||||
|
|
||||
|
private System.Diagnostics.Stopwatch _timeKeeper = System.Diagnostics.Stopwatch.StartNew(); |
||||
|
|
||||
|
private bool _isPointerCaptured = false; |
||||
|
|
||||
|
public CustomDrawingExampleControl() |
||||
|
{ |
||||
|
_pen = new Pen(new SolidColorBrush(Colors.Black), lineCap: PenLineCap.Round); |
||||
|
|
||||
|
var _arc = new ArcSegment() |
||||
|
{ |
||||
|
IsLargeArc = false, |
||||
|
Point = new Point(0, 0), |
||||
|
RotationAngle = 0, |
||||
|
Size = new Size(25, 25), |
||||
|
SweepDirection = SweepDirection.Clockwise, |
||||
|
|
||||
|
}; |
||||
|
StreamGeometry sg = new StreamGeometry(); |
||||
|
var cntx = sg.Open(); |
||||
|
cntx.BeginFigure(new Point(-25.0d, -10.0d), false); |
||||
|
cntx.ArcTo(new Point(25.0d, -10.0d), new Size(10.0d, 10.0d), 0.0d, false, SweepDirection.Clockwise); |
||||
|
cntx.EndFigure(true); |
||||
|
_smileGeometry = sg.Clone(); |
||||
|
} |
||||
|
|
||||
|
private Geometry _smileGeometry; |
||||
|
|
||||
|
protected override void OnPointerMoved(PointerEventArgs e) |
||||
|
{ |
||||
|
base.OnPointerMoved(e); |
||||
|
|
||||
|
Point previousPoint = _cursorPoint; |
||||
|
|
||||
|
_cursorPoint = e.GetPosition(this); |
||||
|
|
||||
|
if (_isPointerCaptured) |
||||
|
{ |
||||
|
Point oldWorldPoint = UIPointToWorldPoint(previousPoint, ViewportCenterX, ViewportCenterY, Scale, Rotation); |
||||
|
Point newWorldPoint = UIPointToWorldPoint(_cursorPoint, ViewportCenterX, ViewportCenterY, Scale, Rotation); |
||||
|
|
||||
|
Vector diff = newWorldPoint - oldWorldPoint; |
||||
|
|
||||
|
ViewportCenterX -= diff.X; |
||||
|
ViewportCenterY -= diff.Y; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
protected override void OnPointerPressed(PointerPressedEventArgs e) |
||||
|
{ |
||||
|
e.Handled = true; |
||||
|
e.Pointer.Capture(this); |
||||
|
_isPointerCaptured = true; |
||||
|
base.OnPointerPressed(e); |
||||
|
} |
||||
|
|
||||
|
protected override void OnPointerWheelChanged(PointerWheelEventArgs e) |
||||
|
{ |
||||
|
base.OnPointerWheelChanged(e); |
||||
|
var oldScale = Scale; |
||||
|
Scale *= (1.0d + e.Delta.Y / 12.0d); |
||||
|
|
||||
|
Point oldWorldPoint = UIPointToWorldPoint(_cursorPoint, ViewportCenterX, ViewportCenterY, oldScale, Rotation); |
||||
|
Point newWorldPoint = UIPointToWorldPoint(_cursorPoint, ViewportCenterX, ViewportCenterY, Scale, Rotation); |
||||
|
|
||||
|
Vector diff = newWorldPoint - oldWorldPoint; |
||||
|
|
||||
|
ViewportCenterX -= diff.X; |
||||
|
ViewportCenterY -= diff.Y; |
||||
|
} |
||||
|
|
||||
|
protected override void OnPointerReleased(PointerReleasedEventArgs e) |
||||
|
{ |
||||
|
e.Pointer.Capture(null); |
||||
|
_isPointerCaptured = false; |
||||
|
base.OnPointerReleased(e); |
||||
|
} |
||||
|
|
||||
|
public override void Render(DrawingContext context) |
||||
|
{ |
||||
|
var localBounds = new Rect(new Size(this.Bounds.Width, this.Bounds.Height)); |
||||
|
var clip = context.PushClip(this.Bounds); |
||||
|
context.DrawRectangle(Brushes.White, _pen, localBounds, 1.0d); |
||||
|
|
||||
|
var halfMax = Math.Max(this.Bounds.Width / 2.0d, this.Bounds.Height / 2.0d) * Math.Sqrt(2.0d); |
||||
|
var halfMin = Math.Min(this.Bounds.Width / 2.0d, this.Bounds.Height / 2.0d) / 1.3d; |
||||
|
var halfWidth = this.Bounds.Width / 2.0d; |
||||
|
var halfHeight = this.Bounds.Height / 2.0d; |
||||
|
|
||||
|
// 0,0 refers to the top-left of the control now. It is not prime time to draw gui stuff because it'll be under the world
|
||||
|
|
||||
|
var translateModifier = context.PushPreTransform(Avalonia.Matrix.CreateTranslation(new Avalonia.Vector(halfWidth, halfHeight))); |
||||
|
|
||||
|
// now 0,0 refers to the ViewportCenter(X,Y).
|
||||
|
var rotationMatrix = Avalonia.Matrix.CreateRotation(Rotation); |
||||
|
var rotationModifier = context.PushPreTransform(rotationMatrix); |
||||
|
|
||||
|
// everything is rotated but not scaled
|
||||
|
|
||||
|
var scaleModifier = context.PushPreTransform(Avalonia.Matrix.CreateScale(Scale, -Scale)); |
||||
|
|
||||
|
var mapPositionModifier = context.PushPreTransform(Matrix.CreateTranslation(new Vector(-ViewportCenterX, -ViewportCenterY))); |
||||
|
|
||||
|
// now everything is rotated and scaled, and at the right position, now we're drawing strictly in world coordinates
|
||||
|
|
||||
|
context.DrawEllipse(Brushes.White, _pen, new Point(0.0d, 0.0d), 50.0d, 50.0d); |
||||
|
context.DrawLine(_pen, new Point(-25.0d, -5.0d), new Point(-25.0d, 15.0d)); |
||||
|
context.DrawLine(_pen, new Point(25.0d, -5.0d), new Point(25.0d, 15.0d)); |
||||
|
context.DrawGeometry(null, _pen, _smileGeometry); |
||||
|
|
||||
|
Point cursorInWorldPoint = UIPointToWorldPoint(_cursorPoint, ViewportCenterX, ViewportCenterY, Scale, Rotation); |
||||
|
context.DrawEllipse(Brushes.Gray, _pen, cursorInWorldPoint, 20.0d, 20.0d); |
||||
|
|
||||
|
|
||||
|
for (int i = 0; i < 10; i++) |
||||
|
{ |
||||
|
double orbitRadius = i * 100 + 200; |
||||
|
var orbitInput = ((_timeKeeper.Elapsed.TotalMilliseconds + 987654d) / orbitRadius) / 10.0d; |
||||
|
if (i % 3 == 0) |
||||
|
orbitInput *= -1; |
||||
|
Point orbitPosition = new Point(Math.Sin(orbitInput) * orbitRadius, Math.Cos(orbitInput) * orbitRadius); |
||||
|
context.DrawEllipse(Brushes.Gray, _pen, orbitPosition, 20.0d, 20.0d); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// end drawing the world
|
||||
|
|
||||
|
mapPositionModifier.Dispose(); |
||||
|
|
||||
|
scaleModifier.Dispose(); |
||||
|
|
||||
|
rotationModifier.Dispose(); |
||||
|
translateModifier.Dispose(); |
||||
|
|
||||
|
// this is prime time to draw gui stuff
|
||||
|
|
||||
|
context.DrawLine(_pen, _cursorPoint + new Vector(-20, 0), _cursorPoint + new Vector(20, 0)); |
||||
|
context.DrawLine(_pen, _cursorPoint + new Vector(0, -20), _cursorPoint + new Vector(0, 20)); |
||||
|
|
||||
|
clip.Dispose(); |
||||
|
|
||||
|
// oh and draw again when you can, no rush, right?
|
||||
|
Dispatcher.UIThread.Post(InvalidateVisual, DispatcherPriority.Background); |
||||
|
} |
||||
|
|
||||
|
private Point UIPointToWorldPoint(Point inPoint, double viewportCenterX, double viewportCenterY, double scale, double rotation) |
||||
|
{ |
||||
|
Point workingPoint = new Point(inPoint.X, -inPoint.Y); |
||||
|
workingPoint += new Vector(-this.Bounds.Width / 2.0d, this.Bounds.Height / 2.0d); |
||||
|
workingPoint /= scale; |
||||
|
|
||||
|
workingPoint = Matrix.CreateRotation(rotation).Transform(workingPoint); |
||||
|
|
||||
|
workingPoint += new Vector(viewportCenterX, viewportCenterY); |
||||
|
|
||||
|
return workingPoint; |
||||
|
} |
||||
|
|
||||
|
private Point WorldPointToUIPoint(Point inPoint, double viewportCenterX, double viewportCenterY, double scale, double rotation) |
||||
|
{ |
||||
|
Point workingPoint = new Point(inPoint.X, inPoint.Y); |
||||
|
|
||||
|
workingPoint -= new Vector(viewportCenterX, viewportCenterY); |
||||
|
// undo rotation
|
||||
|
workingPoint = Matrix.CreateRotation(-rotation).Transform(workingPoint); |
||||
|
workingPoint *= scale; |
||||
|
workingPoint -= new Vector(-this.Bounds.Width / 2.0d, this.Bounds.Height / 2.0d); |
||||
|
workingPoint = new Point(workingPoint.X, -workingPoint.Y); |
||||
|
|
||||
|
return workingPoint; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue