Browse Source

Add render demo showing the algoritm to calculate bounds for lines.

pull/3909/head
Dan Walmsley 6 years ago
parent
commit
40f04c257f
  1. 69
      samples/ControlCatalog/MainWindow.xaml
  2. 136
      samples/ControlCatalog/MainWindow.xaml.cs

69
samples/ControlCatalog/MainWindow.xaml

@ -9,68 +9,11 @@
xmlns:v="clr-namespace:ControlCatalog.Views"
x:Class="ControlCatalog.MainWindow" WindowState="{Binding WindowState, Mode=TwoWay}">
<NativeMenu.Menu>
<NativeMenu>
<NativeMenuItem Header="File">
<NativeMenuItem.Menu>
<NativeMenu>
<NativeMenuItem Icon="/Assets/test_icon.ico" Header="Open" Clicked="OnOpenClicked" Gesture="Ctrl+O"/>
<NativeMenuItemSeperator/>
<NativeMenuItem Icon="/Assets/github_icon.png" Header="Recent">
<NativeMenuItem.Menu>
<NativeMenu/>
</NativeMenuItem.Menu>
</NativeMenuItem>
<NativeMenuItemSeperator/>
<NativeMenuItem Header="{x:Static local:MainWindow.MenuQuitHeader}"
Gesture="{x:Static local:MainWindow.MenuQuitGesture}"
Clicked="OnCloseClicked" />
</NativeMenu>
</NativeMenuItem.Menu>
</NativeMenuItem>
<NativeMenuItem Header="Edit">
<NativeMenuItem.Menu>
<NativeMenu>
<NativeMenuItem Header="Copy"/>
<NativeMenuItem Header="Paste"/>
</NativeMenu>
</NativeMenuItem.Menu>
</NativeMenuItem>
<NativeMenuItem Header="Options">
<NativeMenuItem.Menu>
<NativeMenu>
<NativeMenuItem Header="Check Me (None)"
Command="{Binding ToggleMenuItemCheckedCommand}"
ToggleType="None"
IsChecked="{Binding IsMenuItemChecked}" />
<NativeMenuItem Header="Check Me (CheckBox)"
Command="{Binding ToggleMenuItemCheckedCommand}"
ToggleType="CheckBox"
IsChecked="{Binding IsMenuItemChecked}" />
<NativeMenuItem Header="Check Me (Radio)"
Command="{Binding ToggleMenuItemCheckedCommand}"
ToggleType="Radio"
IsChecked="{Binding IsMenuItemChecked}" />
</NativeMenu>
</NativeMenuItem.Menu>
</NativeMenuItem>
</NativeMenu>
</NativeMenu.Menu>
<Window.DataTemplates>
<DataTemplate DataType="vm:NotificationViewModel">
<v:CustomNotificationView />
</DataTemplate>
</Window.DataTemplates>
<DockPanel LastChildFill="True">
<Menu Name="MainMenu" DockPanel.Dock="Top">
<MenuItem Header="File">
<MenuItem Header="Exit" Command="{Binding ExitCommand}" />
</MenuItem>
<MenuItem Header="Help">
<MenuItem Header="About" Command="{Binding AboutCommand}" />
</MenuItem>
</Menu>
<local:MainView />
<DockPanel>
<StackPanel DockPanel.Dock="Top">
<Button Content="Test" />
<local:TestControl1 VerticalAlignment="Stretch" Height="20" />
</StackPanel>
<local:TestControl />
</DockPanel>
</Window>

136
samples/ControlCatalog/MainWindow.xaml.cs

@ -1,61 +1,137 @@
using System;
using System.Runtime.InteropServices;
using Avalonia;
using Avalonia.Controls;
using Avalonia.Controls.Notifications;
using Avalonia.Input;
using Avalonia.Markup.Xaml;
using ControlCatalog.ViewModels;
using Avalonia.Media;
using Avalonia.Threading;
namespace ControlCatalog
{
public class MainWindow : Window
public class TestControl : Control
{
private WindowNotificationManager _notificationArea;
private NativeMenu _recentMenu;
private Random _r = new Random();
public MainWindow()
private double angle = 45;
public TestControl()
{
this.InitializeComponent();
this.AttachDevTools();
//Renderer.DrawFps = true;
//Renderer.DrawDirtyRects = Renderer.DrawFps = true;
DispatcherTimer t = new DispatcherTimer();
t.Interval = TimeSpan.FromSeconds(0.0125);
_notificationArea = new WindowNotificationManager(this)
t.Tick += (sender, e) =>
{
Position = NotificationPosition.TopRight,
MaxItems = 3
angle += 1;
Dispatcher.UIThread.Post(InvalidateVisual, DispatcherPriority.Background);
};
DataContext = new MainWindowViewModel(_notificationArea);
_recentMenu = ((NativeMenu.GetMenu(this).Items[0] as NativeMenuItem).Menu.Items[2] as NativeMenuItem).Menu;
t.Start();
}
const double degreeToRadians = Math.PI / 180.0;
private static double CalculateAngle(Point p1, Point p2)
{
var xDiff = p2.X - p1.X;
var yDiff = p2.Y - p1.Y;
return Math.Atan2(yDiff, xDiff) * 180.0 / Math.PI;
}
private static double CalculateOppSide(double angle, double hyp)
{
return Math.Sin(angle * degreeToRadians) * hyp;
}
private static double CalculateAdjSide(double angle, double hyp)
{
return Math.Cos(angle * degreeToRadians) * hyp;
}
var mainMenu = this.FindControl<Menu>("MainMenu");
mainMenu.AttachedToVisualTree += MenuAttached;
static Rect CalculateBounds(Point p1, Point p2, double thickness, double angleToCorner)
{
var pts = TranslatePointsAlongTangent(p1, p2, angleToCorner + 90, thickness / 2);
return new Rect(pts.p1, pts.p2);
}
static (Point p1, Point p2) TranslatePointsAlongTangent(Point p1, Point p2, double angle, double distance)
{
var xDiff = CalculateOppSide(angle, distance);
var yDiff = CalculateAdjSide(angle, distance);
public static string MenuQuitHeader => RuntimeInformation.IsOSPlatform(OSPlatform.OSX) ? "Quit Avalonia" : "E_xit";
var c1 = new Point(p1.X + xDiff, p1.Y - yDiff);
var c2 = new Point(p1.X - xDiff, p1.Y + yDiff);
public static KeyGesture MenuQuitGesture => RuntimeInformation.IsOSPlatform(OSPlatform.OSX) ?
new KeyGesture(Key.Q, KeyModifiers.Meta) :
new KeyGesture(Key.F4, KeyModifiers.Alt);
var c3 = new Point(p2.X + xDiff, p2.Y - yDiff);
var c4 = new Point(p2.X - xDiff, p2.Y + yDiff);
public void MenuAttached(object sender, VisualTreeAttachmentEventArgs e)
var minX = Math.Min(c1.X, Math.Min(c2.X, Math.Min(c3.X, c4.X)));
var minY = Math.Min(c1.Y, Math.Min(c2.Y, Math.Min(c3.Y, c4.Y)));
var maxX = Math.Max(c1.X, Math.Max(c2.X, Math.Max(c3.X, c4.X)));
var maxY = Math.Max(c1.Y, Math.Max(c2.Y, Math.Max(c3.Y, c4.Y)));
return (new Point(minX, minY), new Point(maxX, maxY));
}
static Rect CalculateBounds (Point p1, Point p2, Pen p)
{
if (NativeMenu.GetIsNativeMenuExported(this) && sender is Menu mainMenu)
var angle = CalculateAngle(p1, p2);
var angleToCorner = 90 - angle;
if (p.LineCap != PenLineCap.Flat)
{
mainMenu.IsVisible = false;
var pts = TranslatePointsAlongTangent(p1, p2, angleToCorner, p.Thickness / 2);
return CalculateBounds(pts.p1, pts.p2, p.Thickness, angleToCorner);
}
else
{
return CalculateBounds(p1, p2, p.Thickness, angleToCorner);
}
}
public void OnOpenClicked(object sender, EventArgs args)
public override void Render(DrawingContext drawingContext)
{
var lineLength = Math.Sqrt((100 * 100) + (100 * 100));
var diffX = CalculateAdjSide(angle, lineLength);
var diffY = CalculateOppSide(angle, lineLength);
var p1 = new Point(400, 400);
var p2 = new Point(p1.X + diffX, p1.Y + diffY);
var pen = new Pen(Brushes.Green, 20, lineCap: PenLineCap.Round);
var boundPen = new Pen(Brushes.Black);
drawingContext.DrawLine(pen, p1, p2);
drawingContext.DrawRectangle(boundPen, CalculateBounds(p1, p2, pen));
//Dispatcher.UIThread.Post(InvalidateVisual, DispatcherPriority.Background);
}
}
public class TestControl1 : Control
{
private Random _r = new Random();
public override void Render(DrawingContext drawingContext)
{
_recentMenu.Items.Insert(0, new NativeMenuItem("Item " + (_recentMenu.Items.Count + 1)));
drawingContext.FillRectangle(Brushes.Red, Bounds);
}
}
public void OnCloseClicked(object sender, EventArgs args)
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
Close();
InitializeComponent();
}
private void InitializeComponent()

Loading…
Cancel
Save