Andreas Schauerte
5 years ago
committed by
Jan-Peter Zurek
Jan-Peter Zurek
10 changed files with 393 additions and 26 deletions
@ -0,0 +1,81 @@ |
|||||
|
<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="RenderDemo.Pages.Transform3DPage"> |
||||
|
<UserControl.Styles> |
||||
|
<Styles> |
||||
|
<Styles.Resources> |
||||
|
<Template x:Key="Acorn"> |
||||
|
<Path Fill="White" Stretch="Uniform" |
||||
|
Data="F1 M 16.6309,18.6563C 17.1309, |
||||
|
8.15625 29.8809,14.1563 29.8809, |
||||
|
14.1563C 30.8809,11.1563 34.1308, |
||||
|
11.4063 34.1308,11.4063C 33.5,12 |
||||
|
34.6309,13.1563 34.6309,13.1563C |
||||
|
32.1309,13.1562 31.1309,14.9062 |
||||
|
31.1309,14.9062C 41.1309,23.9062 |
||||
|
32.6309,27.9063 32.6309,27.9062C |
||||
|
24.6309,24.9063 21.1309,22.1562 |
||||
|
16.6309,18.6563 Z M 16.6309,19.9063C |
||||
|
21.6309,24.1563 25.1309,26.1562 |
||||
|
31.6309,28.6562C 31.6309,28.6562 |
||||
|
26.3809,39.1562 18.3809,36.1563C |
||||
|
18.3809,36.1563 18,38 16.3809,36.9063C |
||||
|
15,36 16.3809,34.9063 16.3809,34.9063C |
||||
|
16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z"/> |
||||
|
</Template> |
||||
|
<Template x:Key="Heart"> |
||||
|
<Path Fill="Red" Stretch="Uniform" Data=" |
||||
|
M 272.70141,238.71731 |
||||
|
C 206.46141,238.71731 152.70146,292.4773 152.70146,358.71731 |
||||
|
C 152.70146,493.47282 288.63461,528.80461 381.26391,662.02535 |
||||
|
C 468.83815,529.62199 609.82641,489.17075 609.82641,358.71731 |
||||
|
C 609.82641,292.47731 556.06651,238.7173 489.82641,238.71731 |
||||
|
C 441.77851,238.71731 400.42481,267.08774 381.26391,307.90481 |
||||
|
C 362.10311,267.08773 320.74941,238.7173 272.70141,238.71731 z "/> |
||||
|
</Template> |
||||
|
</Styles.Resources> |
||||
|
<Style Selector="Border.Test"> |
||||
|
<Setter Property="Margin" Value="15"/> |
||||
|
<Setter Property="Width" Value="100"/> |
||||
|
<Setter Property="Height" Value="100"/> |
||||
|
<Setter Property="Child" Value="{StaticResource Acorn}"/> |
||||
|
</Style> |
||||
|
</Styles> |
||||
|
</UserControl.Styles> |
||||
|
<Grid> |
||||
|
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" ClipToBounds="False"> |
||||
|
<StackPanel.Clock> |
||||
|
<Clock /> |
||||
|
</StackPanel.Clock> |
||||
|
<StackPanel ClipToBounds="False"> |
||||
|
<Border Classes="Test" Background="DarkRed"> |
||||
|
<Border.RenderTransform> |
||||
|
<Transform3D RotationY="{Binding RotationY}" |
||||
|
Depth="{Binding Depth}" |
||||
|
RotationX="{Binding RotationX}" |
||||
|
RotationZ="{Binding RotationZ}" |
||||
|
X="{Binding X}" |
||||
|
Y="{Binding Y}" |
||||
|
Z="{Binding Z}" /> |
||||
|
</Border.RenderTransform> |
||||
|
</Border> |
||||
|
<TextBlock>X-Rotation:</TextBlock> |
||||
|
<Slider Minimum="0" Maximum="360" Value="{Binding RotationX}" Width="100" TickFrequency="1"></Slider> |
||||
|
<TextBlock>Y-Rotation:</TextBlock> |
||||
|
<Slider Minimum="0" Maximum="360" Value="{Binding RotationY}" Width="100" TickFrequency="1"></Slider> |
||||
|
<TextBlock>Z-Rotation:</TextBlock> |
||||
|
<Slider Minimum="0" Maximum="360" Value="{Binding RotationZ}" Width="100" TickFrequency="1"></Slider> |
||||
|
<TextBlock>X:</TextBlock> |
||||
|
<Slider Minimum="-100" Maximum="100" Value="{Binding X}" Width="100" TickFrequency="1"></Slider> |
||||
|
<TextBlock>Y:</TextBlock> |
||||
|
<Slider Minimum="-100" Maximum="100" Value="{Binding Y}" Width="100" TickFrequency="1"></Slider> |
||||
|
<TextBlock>Z:</TextBlock> |
||||
|
<Slider Minimum="-100" Maximum="100" Value="{Binding Z}" Width="100" TickFrequency="1"></Slider> |
||||
|
</StackPanel> |
||||
|
</StackPanel> |
||||
|
</Grid> |
||||
|
</UserControl> |
||||
|
|
||||
@ -0,0 +1,21 @@ |
|||||
|
using Avalonia; |
||||
|
using Avalonia.Controls; |
||||
|
using Avalonia.Markup.Xaml; |
||||
|
using RenderDemo.ViewModels; |
||||
|
|
||||
|
namespace RenderDemo.Pages; |
||||
|
|
||||
|
public class Transform3DPage : UserControl |
||||
|
{ |
||||
|
public Transform3DPage() |
||||
|
{ |
||||
|
InitializeComponent(); |
||||
|
this.DataContext = new Transform3DPageViewModel(); |
||||
|
} |
||||
|
|
||||
|
private void InitializeComponent() |
||||
|
{ |
||||
|
AvaloniaXamlLoader.Load(this); |
||||
|
} |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,61 @@ |
|||||
|
using System; |
||||
|
using MiniMvvm; |
||||
|
using Avalonia.Animation; |
||||
|
|
||||
|
namespace RenderDemo.ViewModels |
||||
|
{ |
||||
|
public class Transform3DPageViewModel : ViewModelBase |
||||
|
{ |
||||
|
private double _roationX = 0; |
||||
|
private double _rotationY = 0; |
||||
|
private double _rotationZ = 0; |
||||
|
|
||||
|
private double _x = 0; |
||||
|
private double _y = 0; |
||||
|
private double _z = 0; |
||||
|
|
||||
|
private double _depth = 200; |
||||
|
|
||||
|
public double RoationX |
||||
|
{ |
||||
|
get => _roationX; |
||||
|
set => RaiseAndSetIfChanged(ref _roationX, value); |
||||
|
} |
||||
|
|
||||
|
public double RotationY |
||||
|
{ |
||||
|
get => _rotationY; |
||||
|
set => RaiseAndSetIfChanged(ref _rotationY, value); |
||||
|
} |
||||
|
|
||||
|
public double RotationZ |
||||
|
{ |
||||
|
get => _rotationZ; |
||||
|
set => RaiseAndSetIfChanged(ref _rotationZ, value); |
||||
|
} |
||||
|
|
||||
|
public double Depth |
||||
|
{ |
||||
|
get => _depth; |
||||
|
set => RaiseAndSetIfChanged(ref _depth, value); |
||||
|
} |
||||
|
|
||||
|
public double X |
||||
|
{ |
||||
|
get => _x; |
||||
|
set => RaiseAndSetIfChanged(ref _x, value); |
||||
|
} |
||||
|
|
||||
|
public double Y |
||||
|
{ |
||||
|
get => _y; |
||||
|
set => RaiseAndSetIfChanged(ref _y, value); |
||||
|
} |
||||
|
|
||||
|
public double Z |
||||
|
{ |
||||
|
get => _z; |
||||
|
set => RaiseAndSetIfChanged(ref _z, value); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,192 @@ |
|||||
|
using System; |
||||
|
using System.Numerics; |
||||
|
|
||||
|
namespace Avalonia.Media; |
||||
|
|
||||
|
public class Transform3D : Transform |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="RotationX"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_rotationXProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(RotationX)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="RotationY"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_rotationYProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(RotationY)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="RotationZ"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_rotationZProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(RotationZ)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="Depth"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_depthProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(Depth)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="CenterX"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_centerXProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(CenterX)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="CenterY"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_centerYProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(CenterY)); |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="CenterY"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_xProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(X)); |
||||
|
|
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="CenterY"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_yProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(Y)); |
||||
|
|
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Defines the <see cref="CenterY"/> property.
|
||||
|
/// </summary>
|
||||
|
public static readonly StyledProperty<double> s_zProperty = |
||||
|
AvaloniaProperty.Register<Transform3D, double>(nameof(Z)); |
||||
|
|
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Initializes a new instance of the <see cref="Transform3D"/> class.
|
||||
|
/// </summary>
|
||||
|
public Transform3D() |
||||
|
{ |
||||
|
this.GetObservable(s_rotationXProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_rotationYProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_rotationZProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_depthProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_centerXProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_centerYProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_xProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_yProperty).Subscribe(_ => RaiseChanged()); |
||||
|
this.GetObservable(s_zProperty).Subscribe(_ => RaiseChanged()); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Initializes a new instance of the <see cref="Transform3D"/> class.
|
||||
|
/// </summary>
|
||||
|
/// <param name="rotationX">The skew angle of X-axis, in degrees.</param>
|
||||
|
/// <param name="rotationY">The skew angle of Y-axis, in degrees.</param>
|
||||
|
/// <param name="rotationZ"></param>
|
||||
|
public Transform3D( |
||||
|
double rotationX, |
||||
|
double rotationY, |
||||
|
double rotationZ, |
||||
|
double depth, |
||||
|
double centerX, |
||||
|
double centerY) : this() |
||||
|
{ |
||||
|
RotationX = rotationX; |
||||
|
RotationY = rotationY; |
||||
|
RotationZ = rotationZ; |
||||
|
Depth = depth; |
||||
|
CenterX = centerX; |
||||
|
CenterY = centerY; |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the X property.
|
||||
|
/// </summary>
|
||||
|
public double RotationX |
||||
|
{ |
||||
|
get => GetValue(s_rotationXProperty); |
||||
|
set => SetValue(s_rotationXProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets or sets the Y property.
|
||||
|
/// </summary>
|
||||
|
public double RotationY |
||||
|
{ |
||||
|
get => GetValue(s_rotationYProperty); |
||||
|
set => SetValue(s_rotationYProperty, value); |
||||
|
} |
||||
|
|
||||
|
public double RotationZ |
||||
|
{ |
||||
|
get => GetValue(s_rotationZProperty); |
||||
|
set => SetValue(s_rotationZProperty, value); |
||||
|
} |
||||
|
|
||||
|
public double Depth |
||||
|
{ |
||||
|
get => GetValue(s_depthProperty); |
||||
|
set => SetValue(s_depthProperty, value); |
||||
|
} |
||||
|
|
||||
|
public double CenterX |
||||
|
{ |
||||
|
get => GetValue(s_centerXProperty); |
||||
|
set => SetValue(s_centerXProperty, value); |
||||
|
} |
||||
|
|
||||
|
public double CenterY |
||||
|
{ |
||||
|
get => GetValue(s_centerYProperty); |
||||
|
set => SetValue(s_centerYProperty, value); |
||||
|
} |
||||
|
|
||||
|
public double X |
||||
|
{ |
||||
|
get => GetValue(s_xProperty); |
||||
|
set => SetValue(s_xProperty, value); |
||||
|
} |
||||
|
|
||||
|
public double Y |
||||
|
{ |
||||
|
get => GetValue(s_yProperty); |
||||
|
set => SetValue(s_yProperty, value); |
||||
|
} |
||||
|
|
||||
|
public double Z |
||||
|
{ |
||||
|
get => GetValue(s_zProperty); |
||||
|
set => SetValue(s_zProperty, value); |
||||
|
} |
||||
|
|
||||
|
/// <summary>
|
||||
|
/// Gets the transform's <see cref="Matrix"/>.
|
||||
|
/// </summary>
|
||||
|
public override Matrix Value |
||||
|
{ |
||||
|
get |
||||
|
{ |
||||
|
var matrix44 = Matrix4x4.Identity; |
||||
|
|
||||
|
matrix44 *= Matrix4x4.CreateTranslation((float)X, (float)Y, (float)Z); |
||||
|
|
||||
|
matrix44 *= Matrix4x4.CreateRotationX((float)Matrix.ToRadians(RotationX)); |
||||
|
matrix44 *= Matrix4x4.CreateRotationY((float)Matrix.ToRadians(RotationY)); |
||||
|
matrix44 *= Matrix4x4.CreateRotationZ((float)Matrix.ToRadians(RotationZ)); |
||||
|
|
||||
|
var matrix = new Matrix( |
||||
|
matrix44.M11, |
||||
|
matrix44.M12, |
||||
|
matrix44.M14, |
||||
|
matrix44.M21, |
||||
|
matrix44.M22, |
||||
|
matrix44.M24, |
||||
|
matrix44.M41, |
||||
|
matrix44.M42, |
||||
|
matrix44.M44); |
||||
|
|
||||
|
return matrix; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue