gpt4 book ai didi

c# - AvaloniaUI - 如何直接在 Canvas 上绘制

转载 作者:行者123 更新时间:2023-12-05 04:54:22 35 4
gpt4 key购买 nike

在 GDI+ 中,可以直接在 Canvas 上绘图(创建一个内存位图并在那里做任何需要做的事情)。

对于 Avalonia,我需要相同的“自定义控件”,我被告知这是可能的,因为可以访问 SkiaSharp.Canvas。谁能提供一些有关如何执行此操作的线索?

一个例子是连续变化的曲线,例如语音频率。如果您不直接在 Canvas (或 Xaml 世界中的任何名称)上执行此操作,它会太慢并且占用太多资源,尤其是当您需要在一个屏幕上显示 10 到 20 个这样的内容时。

我有 GDI+、JavaFX、QML 的背景,但我在 Xaml 领域还很陌生。我已经阅读了完整的 Avalonia 文档,但在这方面没有任何内容。我了解在 Avalonia 项目的现阶段还有其他优先事项。

最佳答案

我从评论中提到的“RenderDemo”科学应用程序中获取“LineBoundsDemoControl”作为我的问题的答案。

实际绘图发生在“drawingContext”的“Render”方法中。它看起来很像带有笔和画笔的 GDI+。

如果您像我一样是 Avalonia/xaml 的新手,那么其中带有“AffectsRender”的静态构造函数可能是最奇怪的。根据 Avalonia 源代码,此方法指示属性更改应导致控件失效(重绘)。一直在学习......

This method should be called in a control's static constructor witheach property on the control which when changed should cause a redraw.This is similar to WPF's FrameworkPropertyMetadata.AffectsRender flag.

using System;
using Avalonia;
using Avalonia.Controls;
using Avalonia.Media;
using Avalonia.Rendering.SceneGraph;
using Avalonia.Threading;

namespace RenderDemo.Controls
{
public class LineBoundsDemoControl : Control
{
static LineBoundsDemoControl()
{
AffectsRender<LineBoundsDemoControl>(AngleProperty);
}

public LineBoundsDemoControl()
{
var timer = new DispatcherTimer();
timer.Interval = TimeSpan.FromSeconds(1 / 60.0);
timer.Tick += (sender, e) => Angle += Math.PI / 360;
timer.Start();
}

public static readonly StyledProperty<double> AngleProperty =
AvaloniaProperty.Register<LineBoundsDemoControl, double>(nameof(Angle));

public double Angle
{
get => GetValue(AngleProperty);
set => SetValue(AngleProperty, value);
}

public override void Render(DrawingContext drawingContext)
{
var lineLength = Math.Sqrt((100 * 100) + (100 * 100));

var diffX = LineBoundsHelper.CalculateAdjSide(Angle, lineLength);
var diffY = LineBoundsHelper.CalculateOppSide(Angle, lineLength);


var p1 = new Point(200, 200);
var p2 = new Point(p1.X + diffX, p1.Y + diffY);

var pen = new Pen(Brushes.Green, 20, lineCap: PenLineCap.Square);
var boundPen = new Pen(Brushes.Black);

drawingContext.DrawLine(pen, p1, p2);

drawingContext.DrawRectangle(boundPen, LineBoundsHelper.CalculateBounds(p1, p2, pen));
}
}
}

关于c# - AvaloniaUI - 如何直接在 Canvas 上绘制,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65805714/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com